Язык гипертекстовой разметки html с нуля

HTML основы

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

Что такое HTML:

HTML (от англ. HyperText Markup Language — «язык гипертекстовой разметки») — стандартизированный язык разметки документов во Всемирной паутине.

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

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

Что нужно для работы с HTML:

Для работы с HTML вам не чего ни нужно, кроме разве что, браузера, ну и текстового редактора, если вы не знаете какой выбрать, то посмотрите статью Топ 5 лучших текстовых редакторов для программистов, я думаю в ней вы найдёте то что вам нужно.

Что нужно знать перед работай:

Для начала что нужно знать, так это как вообще работает страница со сервером, для этого есть такая схема.

Схема очень простая, сначала клиент отправляет запрос, например, yendex.ru, запрос отправляет на DNS сервер, где он ищет IP-адрес этого домена, находит и отправляет запрос на сам сервер, сервер находит страницу под нужны адресом и отправляет эту Web-страницу в качестве ответа.

Это как работает клиент сервером, и как клиент получает Web-страницу.

Теперь наверное самое главное что нужно знать, это что вообще веб страница представляет собой, что в ней есть, что бы понять это, посмотрите на схему ниже.

Как видите, самом вверху у нас Header или шапка сайта, потом идёт меню, а дальше три блока, первый, это блок в котором может находится меню, реклама, ну ещё может быть что нибудь, второй это главный блок со всем содержимым, третий точно такой же, как и первый, но туда редко вставляют меню, последнее это Footer или подвал сайта, туда обычно вставляют данные о компании, проекте.

Это пожалуй всё что стоит знать перед работай с HTML.

Первая HTML страница:

Наконец теперь перейдём к основам создания сайта на языке HTML, но сделаем только одну совсем простую страницу.

Источник

Язык гипертекстовой разметки HTML

Из истории языка

Структура документа HTML

Документ HTML 4 состоит из трех частей:

Элементы часто содержат другие элементы. Тело документа всегда будет содержать множество вложенных друг в друга элементов.

Синтаксис элементов HTML

Базовый элемент в HTML состоит из двух тэгов вокруг блока текста. Существуют элементы, которые не являются оболочкой для текста, и почти в каждом случае элементы могут содержать подэлементы (как html содержит head и body в примере выше).

Многие атрибуты в HTML являются общими для всех элементов, но некоторые являются специфическими для данного элемента или элементов. Все они имеют форму:

Значение должно быть помещено в одиночные или двойные кавычки (в некоторых ситуациях кавычки могут отсутствовать, но это не слишком хорошо с точки зрения предсказуемости, понимания).

Элементы блочного уровня и строковые элементы

Блочный уровень означает более высокий уровень элемента, обычно информирующий о структуре документа. Элементы блочного уровня можно представлять как элементы, которые начинаются с новой строки, отрываясь от того, что было перед этим. Распространенными блочными элементами являются параграфы, пункты списка, заголовки и таблицы.

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

Заголовок

Контейнер заголовка служит для размещения информации, относящейся ко всему документу в целом.

Синтаксис контейнера TITLE в общем виде выглядит следующим образом:

Заголовок не является обязательным контейнером документа. Его можно опустить. Роботы многих поисковых систем используют содержание элемента TITLE для создания поискового образа документа. Слова из TITLE попадают в индекс поисковой системы. Из этих соображений элемент TITLE всегда рекомендуется использовать на страницах Веб-узла.

Элемент разметки META

Можно запретить хранение документа после пересылки:

Точно так же можно задать время последней модификации ( Last-Modified ) или дату истечения актуальности документа ( Expire ).

Общие ссылки нельзя привязать по контексту. Например, два информационных узла находятся в отношении следования, т.е. при «линейном» просмотре одна Веб-страница является следующей для другой Веб-страницы. В этом случае речь идет о страницах целиком, а не об отдельных их частях. Такой же общей связью является принадлежность к Веб-узлу, который ассоциируется со своей домашней страницей.

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

В общем случае контейнер LINK имеет следующий вид:

Для разных типов содержания действия по интерпретации элемента разметки будут различными.

Источник

Язык гипертекстовой разметки HTML

Из истории языка

Структура документа HTML

Документ HTML 4 состоит из трех частей:

Элементы часто содержат другие элементы. Тело документа всегда будет содержать множество вложенных друг в друга элементов.

Синтаксис элементов HTML

Базовый элемент в HTML состоит из двух тэгов вокруг блока текста. Существуют элементы, которые не являются оболочкой для текста, и почти в каждом случае элементы могут содержать подэлементы (как html содержит head и body в примере выше).

Многие атрибуты в HTML являются общими для всех элементов, но некоторые являются специфическими для данного элемента или элементов. Все они имеют форму:

Значение должно быть помещено в одиночные или двойные кавычки (в некоторых ситуациях кавычки могут отсутствовать, но это не слишком хорошо с точки зрения предсказуемости, понимания).

Элементы блочного уровня и строковые элементы

Блочный уровень означает более высокий уровень элемента, обычно информирующий о структуре документа. Элементы блочного уровня можно представлять как элементы, которые начинаются с новой строки, отрываясь от того, что было перед этим. Распространенными блочными элементами являются параграфы, пункты списка, заголовки и таблицы.

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

Заголовок

Контейнер заголовка служит для размещения информации, относящейся ко всему документу в целом.

Синтаксис контейнера TITLE в общем виде выглядит следующим образом:

Заголовок не является обязательным контейнером документа. Его можно опустить. Роботы многих поисковых систем используют содержание элемента TITLE для создания поискового образа документа. Слова из TITLE попадают в индекс поисковой системы. Из этих соображений элемент TITLE всегда рекомендуется использовать на страницах Веб-узла.

Элемент разметки META

Можно запретить хранение документа после пересылки:

Точно так же можно задать время последней модификации ( Last-Modified ) или дату истечения актуальности документа ( Expire ).

Общие ссылки нельзя привязать по контексту. Например, два информационных узла находятся в отношении следования, т.е. при «линейном» просмотре одна Веб-страница является следующей для другой Веб-страницы. В этом случае речь идет о страницах целиком, а не об отдельных их частях. Такой же общей связью является принадлежность к Веб-узлу, который ассоциируется со своей домашней страницей.

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

В общем случае контейнер LINK имеет следующий вид:

Для разных типов содержания действия по интерпретации элемента разметки будут различными.

Источник

Поделиться с друзьями
admin
Оцените автора
( Пока оценок нет )
Как переводится?
Adblock
detector