Prezentatsia_Microsoft_PowerPoint

Содержание

Слайд 2

Практические приемы работы в HTML

Практические приемы работы в HTML

Слайд 3

Стиль HTML кода

Стиль HTML кода

Слайд 4

Рекомендации

Если вложенный и внешний тэг помещаются в одну строку, то и писать

Рекомендации Если вложенный и внешний тэг помещаются в одну строку, то и
их надо в одну строку. Так код будет более компактным.
Если тэг занимает не больше 5 - 6 строк, то не стоит выделять для закрывающего тэга отдельную строку. Можно разместить его на последней строке содержания тэга. Ведь тэг легко помещается на экране и понятно, к какому тэгу относится закрывающий тэг.
Если Вы часто используете какой-то набор элементов, не связанных с контентом, то нужно располагать эти элементы в одной и той же последовательности. Так будет проще находить нужный элемент.
Если идут подряд несколько одинаковых тэгов, например пункты списка или ссылки, то нужно их располагать строго друг под другом. Так Вы визуально выделяете эту часть кода и её будет легко найти.

Слайд 5

Карта изображения

Карта изображения создаётся при помощи тега .
У него должен быть атрибут name,

Карта изображения Карта изображения создаётся при помощи тега . У него должен
который задаёт имя карты.
А у тега  должен быть атрибут usemap. Его значение совпадает с именем карты, только в начале идёт знак #. Таким образом изображение связывается с определённой картой.

Слайд 6

Внутри тега  должны находиться теги , определяющие конкретные области, которые становятся ссылками. Для указания

Внутри тега должны находиться теги , определяющие конкретные области, которые становятся ссылками.
области у этих тегов есть атрибут shape.

shape="rect" - прямоугольник
shape="circle" - круг
shape="poly" - многоугольник
shape="default" - всё изображение
Кроме формы области указываются её координаты при помощи атрибута coord.
Кроме рассмотренных атрибутов, тег  имеет те же атрибуты, что и тег . Прежде всего, атрибут href, указывающий URL, на который нужно перейти.

Слайд 7

Мета-теги

Тег  в зависимости от атрибутов определяет работу страницы или влияет на то, как

Мета-теги Тег в зависимости от атрибутов определяет работу страницы или влияет на
её видят поисковые системы.
Таких тегов может быть несколько. Все они должны располагаться внутри .
С атрибутом charset тег устанавливает кодировку страницы.
С атрибутом http-equiv тег выполняет две функции
default-style устанавливает приоритетный стиль для страницы совместно с атрибутом content, который содержит id тега или
refresh устанавливает редирект в HTML. В атрибуте content указывается время в секундах, затем без пробелов url=адрес страницы
Есть такие мета-теги:
description - важный мета-тег, содержащий описание страницы.
keywords - ключевые слова, по которым поисковые системы должны находить страницу.
author - автор статьи или другого содержимого страницы.
robots - даёт указания поисковым системам.
viewport - определяет отображение на мобильных устройствах.

Слайд 8

Файлы для скачивания

Добавляете файл на сайт и делаете на него обычную ссылку.

Файлы для скачивания Добавляете файл на сайт и делаете на него обычную
Когда пользователь нажимает на эту ссылку, в браузере появляется окно, в котором предлагается скачать файл.

Слайд 9

Кроссбраузерность

В разных браузерах страница может выглядеть не одинаково. Это происходит потому, что

Кроссбраузерность В разных браузерах страница может выглядеть не одинаково. Это происходит потому,
код страницы выполняется по-разному. Для каждого языка, который выполняется в браузере, существует строгий стандарт.

Слайд 10

Коды спецсимволов в HTML

Коды спецсимволов пишутся так: сначала идёт знак "&",затем без

Коды спецсимволов в HTML Коды спецсимволов пишутся так: сначала идёт знак "&",затем
пробелов код конкретного символа, затем знак ";".