Принцип наследования
тегов |
||||||
|
||||||
Теги-контейнеры |
||||||
В
большинстве своем теги состоят из двух частей: открывающий тег (он же -
содержащий параметры) и замыкающий, то есть, "конец" тега. Заданные
в теге параметры действуют только между его началом и концом, то есть, только
внутри тега: |
||||||
|
||||||
Чем
дальше от левого края отстоит тег, тем "глубже" он лежит, тем
большее количество "старших" тегов может на него действовать. В
некоторых случаях параметры ранее заданного тега могут распространяться и на
тег, размещенный в нем, то есть на содержимое вложенных тегов. |
||||||
|
||||||
Теги,
не нуждающиеся в закрытии |
||||||
Это
теги переноса – <br>, принудительно перекидывающие все, что
располагается после них, в новую строку. |
||||||
Вот такая строчка: |
||||||
текст текст текст текст
<br> текст текст текст <br> текст текст текст |
||||||
При просмотре ее из
броузера выдаст вам столбик – |
||||||
|
||||||
текст текст текст |
||||||
Броузеру
не важно положение тега – все отступы и "сдвиги" нужны только для
упрощения понимания и ориентирования в коде. Количество пробелов внутри кода
увеличивает размер HTML-странички, поэтому злоупотреблять ими не стоит. Все
пробелы больше одного броузеры просто "не замечают". |
||||||
|
||||||
|
||||||
Пробелы
можно ставить и принудительно. Делается это размещением в коде команды
неразрывного пробела ; . То есть в этом месте будет пустое
пространство. Но если простой текст с пробелами броузер может перенести на
другую строку на месте любого пробела, то слова, разделенные ; , он
воспримет как единое целое. |
||||||
|
||||||
Также
не нуждается в закрытии тег HR. Это
элемент "горизонтальная черта" от края до края тега, внутри
которого она применяется. Но ее можно и ограничить, например, указав в ее
теге размер: |
||||||
|
||||||
<hr
align="center" width="50%"> |
||||||
|
||||||
Код
содержит команды: выровнять по центру, размер сделать в 50% доступной ширины. |