Ћекции.ќрг


ѕоиск:




 атегории:

јстрономи€
Ѕиологи€
√еографи€
ƒругие €зыки
»нтернет
»нформатика
»стори€
 ультура
Ћитература
Ћогика
ћатематика
ћедицина
ћеханика
ќхрана труда
ѕедагогика
ѕолитика
ѕраво
ѕсихологи€
–елиги€
–иторика
—оциологи€
—порт
—троительство
“ехнологи€
“ранспорт
‘изика
‘илософи€
‘инансы
’ими€
Ёкологи€
Ёкономика
Ёлектроника

 

 

 

 


ѕон€тие тэга




—начала разберем, что такое тэг.

“эгом называетс€ специальна€ HTML Ц метка, предназначенна€ дл€ того, чтобы дать указание Web Ц браузеру, как именно необходимо интерпретировать расположенный после него текст.

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

Ћюбой HTML Ц документ начинаетс€ тэгом <HTML> и заканчиваетс€ его парой </HTML>. ќн имеет Ђголовуї и Ђтелої, соответственно тэговые пары <HEAD> </HEAD> и <BODY> </BODY>. Web Цбраузер выводит на экран ту информацию, котора€ размещена в теле ML Ц документа. —ледовательно, любой HTML - документ имеет следующую структуру:

<HTML>

<HEAD> </HEAD>

<BODY> </BODY>

</HTML>

¬с€ информаци€, котора€ выводитс€ Web Ц браузером, вставл€етс€ между тэговой парой <BODY> </BODY>. ј дл€ чего нужна секци€ <HEAD>? ƒл€ разных целей. ƒл€ иллюстрации создадим первый HTML Ц документ. ƒл€ этого нам понадобитс€ любой текстовый редактор, который не вставл€ет в документ никаких других символов, кроме тех, которые вы будете вводить клавиатуры. ƒл€ этих целей как нельз€ лучше подходит редактор блокнот, который присутствует в любой версии Windows. «апустите этот редактор и введите текст, приведенный в листинге.

Ћистинг 1

<HTML>

<HEAD>

<TITLE> Ўаблон HTML Ц документа </TITLE>

</HEAD>

<BODY>

Ёто мо€ перва€ страница!!!!

</BODY>

</HTML>

 ак видите, в секции <HEAD> по€вилась нова€ тэгова€ пара <TITLE>. Ћюбой текст, который записан внутри этой пары, будет выводитьс€, как заголовок окна Web Ц браузера при открытии этого документа. ¬ секции <BODY> размещен простейший текст, который выводитс€ в рабочем поле браузера. “еперь сохраните HTML Ц документ (измените расширение на htm). ѕосле этого просмотрите документ должно получитьс€ следующее.

–ис. 9.1 ¬нешний вид браузера

Ќа рис 9.1. показан внешний вид браузера после загрузки в него HTML Ц документа, текст которого представлен в листинге 1.

ƒавайте разберем некоторые нюансы. ≈сли вы хотите опубликовать стихи:

”тром на работу еду,

¬з€л, залез в карман соседу.

ƒумал Ц он интеллигентЕ

–уку вынул Ц перстн€ нет!

Ќа первый взгл€д, кажетс€, что достаточно просто вставить эти стихи в тело HTML Ц документа.

Ћистинг 2.

<HTML>

<HEAD>

<TITLE> —тихи </TITLE>

</HEAD>

<BODY>

”тром на работу еду,

¬з€л, залез в карман соседу.

ƒумал Ц он интеллигентЕ

–уку вынул Ц перстн€ нет!

</BODY>

</HTML>

–ис.9.2 –езультат листинга 2.

Ќа заметку. язык HTML не поддерживает символов форматировани€, традиционных дл€ текстовых редакторов.

¬ данном случае, поскольку четверостишие было разбито на строки символами перевода строки, которые примен€ютс€ в системе Windows, браузер их игнорировал и интерпретировал текст, как единую строку. Ќо что делать, если нам, как в этом случае, необходимо перенести текст на новую строку? ƒл€ этого используетс€ специальный тэг <BR>, который не имеет своей пары. ≈го став€т в то место текста, начина€ с которого необходимо сделать перенос.

Ћистинг 3. –азбивка на строки.

<HTML>

<HEAD>

<TITLE> —тихи </TITLE>

</HEAD>

<BODY>

”тром на работу еду, <BR>

¬з€л залез в карман соседу. <BR>

ƒумал Ц он интеллигент Е<BR>

–уку вынул Ц перстн€ нет <BR>!

</BODY>

</HTML>

«десь кажда€ строка стихотворени€ оканчиваетс€ тэгом <BR>.

–ис. 9.3 –езультат листинга 3

‘орматирование текста в HTML достигаетс€ за счет использовани€ специальных тэгов (рис.9.3).

—ледует сделать еще одно замечание HTML, помимо того, что игнорирует специальные символы форматировани€, опускает и несколько подр€д идущих пробелов, то есть если ¬ы хотите разр€дить текст и вставите между словами несколько подр€д идущих пробелов, например,





ѕоделитьс€ с друзь€ми:


ƒата добавлени€: 2015-01-29; ћы поможем в написании ваших работ!; просмотров: 1213 | Ќарушение авторских прав


ѕоиск на сайте:

Ћучшие изречени€:

—тудент всегда отча€нный романтик! ’оть может сдать на двойку романтизм. © Ёдуард ј. јсадов
==> читать все изречени€...

661 - | 485 -


© 2015-2023 lektsii.org -  онтакты - ѕоследнее добавление

√ен: 0.01 с.