Сегодня мы рассмотрим: Настоящие ценители музыки знают, что для качественного...
HTML -С тандартный Я зык Р азметки Г ипертекста. (англ. сокр. HyperText Markup Language ).
Язык HTML придумали еще в 20 веке для отображения текста (в начале это был просто текст) а потом при развитии компьютерной технологии начали появляться видео, аудио, изображения и т.д. (в 21 веке эту информацию назвали "контентом") что само собой привело к необходимости расширения интернета. Благодаря этому и начался развиваться язык HTML.
На сегодняшний день кроме HTML есть и другие языки програмирования-это PHP, CSS, MSQ, Java скрипты и другие. Их количество неизменно растет как и растет и качество написания кода.
Язык HTML выполняет посути только разметку страницы, то что должно отображаться на сайте, а остальные языки придают странице "красок" и объединяют в единое целое придавая сайту красоты и смысла.
В 21 веке уже во всю используется такое понятие как Web-2.0-век мультимедиа при котором текст уже отходит на второй план. Но на данный момент текст всеже используется на сайтах как правило для описания какихто действий или элементов сайта будь то видео или аудио материал. Поэтому изучать язык HTML всеже нужно без которого вы не сможете написать и красиво оформить текст и другие элементы сайта.
Язык HTML имеет множество версий но как правило большиз изменений они не притерпели. В данный момент основной версией языкома HTML является HTML 4.01 Transitional-переходной язык из HTML 4.01 Transitiona в HTML 5.0 последней на данное время версии HTML.
В данном курсе будет рассмотрен язык HTML 4.01 Transitiona так как пятая версия еще в стадии разработки.
Итак начнем изучать язык HTML. Я дам вам описание лишь тех тегов которые часто встречаются при написании сайтов а остальные либо не используются вообще либо используются очень редко.
Таблица тегов и атрибутов HTML.
Теги и атрибуты: |
Описание тегов и атрибутов: |
Парный тег (имеет открывающий и закрывающий тег со знаком "/" в закрывающем теге). Является общим тегом HTML . Это общий контейнер в который вписуются все существующие теги. Этот тег и три следующих являются обязательными для любой HTML -страницы. |
|
.В этом теге пишется название страницы сайта. Поисковики ищут в первую очередь это название. |
|
Парный тег. Пишется в нутри парного тега .В этом теге находится; приклепленная таблица стилей CSS, название страницы сайта, описание страницы, скрипты, кодировка страницы. |
|
Парный тег. Пишется в нутри парного тега после парного тега . В этом теге находятся все остальные теги HTML которые придают вид страницы и объем. В этом теге происходит весь процесс создания сайта. |
|
Парный тег. Пишется в нутри парного тега . Этот тег служит для выделения заголовков на сайте. Чем больше цифра в теге тем меньшее значение заголовка. Соответственно чем меньше заголовок тем меньше его влияние на поисковые системы в плане оптимизации сайта. Этот тег играет большую роль, как и тег в нахождении сайта в поисковых запросах. |
|
Парный тег. Пишется внутри парного тега . Основное назначение этого тега, разделения текстов на обзатцы. |
|
Парный тег. Пишется в нутри парного тега . Является ссылкой на другие участки этой же HTML страницы или ссылкой на другой сайт. |
|
. Назначение такое же как и тег , но может разделять весь контент на части делая между ними пробелы. Несет малую физическую нагрузку. |
|
Непарный тег. Пишется в нутри парного тега . Тег показывает, что в данном месте находится изображение. |
|
Парный тег. Пишется в нутри парного тега . Вставляет таблицу на сайт. |
|
| , , | . Основное назначение этих тегов делать участки текста жирным и курсивным для привлечения человеческого глаза. Эти теги позволяют выделить главную мысль текста. |
Парный тег. Пишется в нутри парного тега . Тег не несет смысловой нагрузки, но с помощью этого тега можно выделить любую область HTML страницы с которым в таблице стилей CSS можно будет делать любые изменения в плане оформления. |
|
Парный тег. Пишется в нутри парного тега . Назначение такое же как и тега , но при меньшем радиусе действий который действует внутри тега . |
|
| , , , , , | Парные теги. Пишутся в нутри парного тега . Разделяют текст на списки с маркерами. |
| , | |
Парные теги. Пишутся в нутри парного тега |
|
Парный тег. Пишется в нутри парного тега |
|
| src="", href="" | Два атрибута суть которых заключается в том что они дают адрес информации которая в них указана. Тоесть они указывают место где лежит тот или иной контент. И это может быть либо обычный текст или ресурс, либо какая нибудь графическая информация; изображение, видео, аудио и т.д. Но эти атрибуты строго разделены по назначению. Атрибут src="" дает адреса лишь на графические источники, тоесть место где они лежат. А атрибут href="" дает адреса лишь на другие страницы сайты или на другие ресурсы тоесть по сути это банальная гиперссылка на другой источник который находится на другой странице сайта. |
| class="" | Атрибут который может присваиваться почти к каждому тегу. Суть данного атрибута в том чтобы дать имя определенному участку контента при дальнейшем его рассмотрении и изменении с помощью таблиц стилей CSS. |
| title="", alt="" | Два атрибута суть которых заключается в том чтобы дать какому нибудь графическому источнику например; изображению, описание. Но раз их два то и описание их отличается. В атрибуте title="" пишется описание которое будет подсвечиваться при наведении на этот объект курсора мыши чтобы посетитель знал что скрывается под этим объектом. Как правило ею является ссылка. В атрибуте alt="" пишется описание данного объекта которое дает понять поисковику что это за объект для занесения себе в базу для индексирования. Данное описание невидимо для посетителей сайта, но оно видимо для поисковиков. |
| align="", valign="" | Два атрибута суть котрых заключается в том чтобы определенный участок сайта выравнать по горизонтали или по вертикали. Тоесть они дают понять браузеру в каком районе сайта должна находиться данная информация. Атрибут align="" выравнивает определенный или весь контент по горизонтали. Атрибут valign="" выравнивает определенный или весь контент по вертикали. |
| width="", height="" | Два атрибута суть которых заклчается в том чтобы растянуть или уменьшить какойто объект на сайте. По сути эти атрибуты делают деформацию определенных объектов например; таблиц, по высоте и по ширине тем самым изменяя их размеры. |
| border="" | Атрибут рамки таблиц. С помощью этого атрибута можно делать видимую и невидимую рамку таблицы, а также задавать толщину рамки. |
| cellpadding="", cellspacing="" | Два атрибута суть котрых такая же как и в атрибуте border="" но с отличие лишь в том что рамки присваиваются не всей таблице а ее элементам-строкам и столбцам. |
| bgcolor="" | Атрибут в котором указывается цвет рамки таблицы. |
Специальные символы HTML — это короткие фрагменты кода, называемые символьными сущностями. Они используются для отображения символов, имеющих в HTML особое значение, а также символов, которые не доступны на клавиатуре.
Специальные символы HTML называются зарезервированными. Например, левые () угловые скобки зарезервированы в HTML для определения открывающих и закрывающих тегов.
Символы, которые не доступны на клавиатуре, включают в себя такие знаки, как символ копирайта (©) и математическое значение пи.
Если мы хотим использовать их в документе и выводить в браузере, нужно использовать ссылки на символы HTML .
Практический примерПредположим, что вы хотите отобразить на веб-странице блок HTML-кода , чтобы при этом выводились теги элементов. Можно сделать это, просто поместив блок HTML в теги . Но вы обнаружите, что даже в , блок все равно будет обрабатываться как HTML-код и отображаться браузером соответствующим образом. В этом случае можно заменить все специальные символы HTML соответствующими символьными ссылками, чтобы браузер не обрабатывал код:
This is a list of items.
- List Item A
- List Item B
- List Item C
