JavaScript для детей. Самоучитель по программированию



Pdf көрінісі
бет37/43
Дата20.07.2022
өлшемі6,41 Mb.
#37806
1   ...   33   34   35   36   37   38   39   40   ...   43

Привет, мир!


Моя первая веб-страничка.
параграф.
 Sublime Text, в отличие от некото-
рых других редакторов, отступов не ставит.
На рис. 5.6 показан законченный HTML-документ.
Давайте по очереди рассмотрим элементы из файла page.html
Тег 
— всего лишь объявление, он сообщает: «это 
HTML-документ». Далее следует открывающий тег 
(закры-
вающий тег 
 находится в самом конце кода). Каждый 
Head 
здесь 
«шапка 
документа»
Title
— 
название
Body
— тело 
документа


90
Часть I. Основы
HTML-документ должен содержать элемент 
html верхнего уровня 
вложенности.
Рис. 5.6. Законченный HTML-документ
Внутри элемента 
html находятся элементы head и body. Элемент 
head содержит определенную информацию об HTML-документе, напри-
мер элемент 
title, устанавливающий название документа, — обратите 
внимание, что текст на закладке браузера на рис. 5.6 («Моя первая насто-
ящая HTML-страничка») соответствует содержимому 
title. Элемент 
title находится внутри элемента head, который, в свою очередь, нахо-
дится внутри элемента 
html.
Внутри элемента 
body находится содержимое, которое отобража-
ется в браузере. В данном случае мы просто скопировали эти данные 
из предыдущего примера.
Иерархия HTML
HTML-элементы подчинены строгой иерархии, которую можно себе 
представить в виде перевернутого дерева. На рис. 5.7 в виде дерева пока-
зан наш документ.



<br /><h2> <br /><i>Рис. 5.7. Элементы страницы с рис. 5.6, показанные в виде дерева</i> <br />Сверху находится элемент  <br />html. Он содержит элементы head  <br />и  <br />body. В свою очередь, head содержит элемент title, а body —  <br />элементы  <br />h1 и p. Браузер интерпретирует наш HTML согласно этой  <br />

Достарыңызбен бөлісу:
1   ...   33   34   35   36   37   38   39   40   ...   43




©emirsaba.org 2024
әкімшілігінің қараңыз

    Басты бет