Елементи HTML

Елементи HTML

Сторінки Всесвітньої павутини відображаються за допомогою документів HTML, які є звичайними текстовими файлами, що містять спеціальні теги розмітки. Теги розмітки визначають елементи HTML, з яких складаються документи HTML.

Коротко про теги.

Теги HTML використовуються для виділення елементів HTML. Зазвичай теги HTML використовуються парами і укладені між двома символами кутових дужок < ( початковий тег ) > і </ (кінцевий тег ) >. Текст між початковим і кінцевим тегами є вмістом елемента. Деякі теги не мають кінцевого, наприклад, тег примусового переносу рядка <br>, для таких тегів рекомендується використовувати наступне написання <br/>.

Регістр символів для відображення тегів не важливий, наприклад, <p> і <P> означає одне і те ж. Однак у цьому курсі використовується нижній регістр в написанни тегів. Це пов’язано з тим, що консорціум WWW ( W3C), що займається стандартизацією специфікації HTML, рекомендує використовувати теги тільки в нижньому регістрі.

Коротко про елементи HTML

Розглянемо той же приклад документу HTML:

<html>
<head>
<title> Це заголовок сторінки </title >
</head>
<body>
<h1> Доброго Дня! </h1>
<p> Це моя перша сторінка HTML.
<b>Цей текст виводиться жирним шрифтом.</b></p>
</body>
</html>

Елементом HTML є:

<h1>Доброго Дня!</ h1 >

Цей елемент починається з тега <h1>, має вміст » Доброго Дня!» і закінчується тегом </h1>.

Також елементом HTML є:

<p> Це моя перша сторінка HTML.
<b> Цей текст виводиться жирним шрифтом. </b> </p>

Цей елемент, починається з початкового тега <p>, закінчується кінцевим тегом </p> і означає, що вміст елемента «Це моя перша сторінка HTML. <b> Цей текст виводиться жирним шрифтом. </b> » є окремим параграфом. При цьому усередині цього елемента знаходиться інший елемент:

<b>Цей текст виводиться жирним шрифтом. </b>

Цей елемент HTML починається з початкового тега: <b> Вмістом елемента HTML є: Цей текст виводиться жирним шрифтом. Цей елемент HTML закінчується кінцевим тегом </b>. Призначення тега <b> полягає у визначенні елемента HTML, який буде подаватись жирним шрифтом.

Всі описані елементи HTML містяться в елементі:

<body>
<h1> Здравствуйте! </h1>
<p> Це моя перша сторінка HTML.
<b> Цей текст виводиться жирним шрифтом. </b> </p>
</body>

Цей елемент HTML починається з початкового тега <body>, і закінчується кінцевим тегом </ body >. Призначення тега <body> полягає у визначенні елемента HTML, який містить основну частину (або тіло) документа HTML.

Атрибути тегів.

Теги можуть мати атрибути, які надають додаткову інформацію про елементи HTML. Атрибути завжди використовуються у вигляді пари «ім’я/значення «. Загальний формат завдання атрибутів має вигляд:

< імя_тега імя_атрібута = «значення» >

Наприклад, тег:

<body bgcolor=»red»>

означає, що колір фону сторінки повинен бути червоним.

А тег:

<p align=»center»>

означає, що параграф необхідно вирівняти по центру сторінки перегляду браузера.

Атрибути завжди поміщаються в початковому теге елемента HTML. Значення атрибутів завжди корисно брати в лапки. Найбільш широко використовуються подвійні лапки, але поодинокі лапки також допустимі.

У деяких окремих ситуаціях, коли, наприклад, значення атрибуту саме містить лапки, необхідно використовувати одиночні лапки:

<html>
<body>
< abbr title = ‘проект»Інтернет навчання» — ПРОСТО’> ПРОСТО </ abbr >
</ body >
</ html >

 

Крім атрибутів, записуваних вищеописаним способом, для деяких елементів визначені спеціальні прапори, які просто вказуються як <тег імя_флага>.

<html>
<body>
<p> Спробуйте виправити текст в цих полях введення </p>
<form action=»index.php» method=»GET»>
< input type = «text» name = «blocked «
value = » Приклад поля введення, у якого вказаний прапор readonly»
readonly size = «100» > <br/> <br/>
< input type = «text» name = «unblocked»
value = » Звичайне поле введення у якого немає прапорів «
size = » 100 » >
</ form >
</ body >
</ html >

Коментарі



Схожі записи

Вибір редакції:

Додайте в соц. мережі
Кращі статті розділу: