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



Pdf көрінісі
бет36/43
Дата20.07.2022
өлшемі6,41 Mb.
#37806
1   ...   32   33   34   35   36   37   38   39   ...   43
Байланысты:
JavaScript для детей


Часть I. Основы
отступы, — например, это пробел, символ табуляции 
и символ перевода строки (тот самый, который вы 
вводите, нажимая ENTER или RETURN). Поэтому все 
пустые строки, которые вы вставите между фрагмен-
тами текста в HTML-документе, сожмутся до одного 
пробела.
Элементы 
p и h1 — блочные; это значит, что их 
содержимое отображается отдельными блоками тек-
ста с новой строки и любое содержимое, идущее после 
такого блока, тоже начнется с новой строки.
Строчные элементы
А теперь добавим к нашему документу еще два эле-
мента, 
em и strong:
На рис. 5.5 показано, как выглядит страница 
с новыми тегами.

Привет, мир!


Моя 

первая

веб-страничка
.
Добавим-ка еще 

параграф
.
Рис. 5.5. Элементы 
em и strong
Элемент 
em отображает свое содержимое курсивом, а элемент 
strong — жирным шрифтом. И em, и strong относятся к строчным 
элементам, поскольку они, в отличие от блочных элементов, не выводят 
свое содержимое отдельной строкой.
Чтобы отобразить текст одновременно жирным шрифтом и кур-
сивом, поместите его внутрь обоих тегов. Обратите внимание, что 
в последнем примере теги стояли в такой последовательности: 
параграф. Очень важно правиль-
ным образом вкладывать элементы друг в друга: если один элемент 
находится внутри другого элемента, то его открывающий тег и его 


5. Основы HTML
89
закрывающий тег также должны находиться внутри этого элемента. 
Например, такой вариант недопустим:
параграф
Закрывающий тег 
 расположен здесь перед закрываю-
щим тегом 
. Как правило, браузеры никак не сообщают о подобных 
ошибках, однако неправильно вложенные теги приведут к неверному 
отображению страниц.
Полноценный HTML-документ
До сих пор мы имели дело лишь с фрагментами HTML, тогда как полно-
ценный HTML-документ должен включать некоторые дополнительные 
элементы. Давайте посмотрим на законченный HTML-документ и разбе-
ремся, зачем нужна каждая его часть. Добавьте в файл page.html следую-
щие элементы: 



Моя первая настоящая HTML-страничка




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




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

    Басты бет