2010-08-23

Принципы HTML

       Изменению подлежит текст, заключенный между тегами вида <X> и </X>. Теги вида <X> означают начало, а </X> - конец, завершение. Большинство тегов требуют завершения. Так, например, оформление ссылок:
<a href="АДРЕС СТРАНИЦЫ"> ВАШ ТЕКСТ</a>
       Но есть и такие теги, которые завершения не требуют. Это <hr>,<br>.
       Если мы хотим совершить еще какое-нибудь действие над названием ссылки, то теги "вкладываются" друг в друга. Таким образом, записав такой код:
<a href="АДРЕС СТРАНИЦЫ"><b> ВАШ ТЕКСТ</b></a>
мы получим ссылку, написанную полужирным шрифтом - ВАШ ТЕКСТ
       Иначе говоря, самые первые открытые теги завершаются самыми последними.
       Другой способ расширить количество действий над одним процессом, это сделать расширенную запись. Например, мы можем сделать так, чтобы ссылка открывалась в новом окне, а также поменять вид курсора. Тогда эта запись будет выглядеть так:
<a href="АДРЕС СТРАНИЦЫ" target="_blank" style="cursor: crosshair;">ВАШ ТЕКСТ</a>
а результат так: ВАШ ТЕКСТ
        Рассмотрим теперь пример, когда теги открываются и закрываются последовательно друг за другом, согласно завершению действий, на примере таблицы:
<table> означает начало таблицы (завершение будет по ее окончанию. Это пример, как теги вкладываются друг в друга)
.. <tr> - начало строки.
Строка содержит несколько ячеек (состоит из столбцов)
<td> - начало ячейки;
</td> - конец ячейки;
<td> вторая ячейка, или второй столбик в первой строке</td> - пример последовательно завершающихся тегов
</tr> - конец строки;
</table> - конец таблицы.
        Схематически это можно изобразить так:
 <table><tr>
<td>Содержимое ячейки 1 (столбца 1) строки 1</td>

<td>Содержимое ячейки 2 (столбца 2) строки 1</td></tr>
 <tr>
<td>Содержимое ячейки 3 (столбца 1) строки 2</td>

<td>Содержимое ячейки 4 (столбца 2) строки 2</td></tr></table>

        Здесь теги закрываются согласно завершению их действия.
        Ошибки:
1. Все теги должны иметь завершение (за исключением некоторых, таких как ;<br/>-перенос по строке, ;<hr/> - разделительная линия, ;<img src="адрес изображения"> - вставка картинки и др).
2. Лишние пробелы. Например, ;<a href=" ссылка"> - между кавычками и ссылкой не должно быть пробела.
3. Остальные ошибки могут быть связаны с невнимательностью, неправильным написанием кодов и др.
Если код не работает, значит нужно внимательно проверить его на наличие ошибок.

2 комментария :

Анонимный комментирует...

Спасибо!

мила комментирует...

Очень интересно!

Отправить комментарий

Комментарии, содержащие ненормативную лексику, спам, оскорбления, публиковаться не будут. Ели вы хотите опубликовать код в комментарии, то воспользуйтесь encoder HTML