Rambler's Top100

ОСНОВЫ HTML

Все сайты создаются на основе языка разметки HTML, который состоит из определённых символов-тегов, указывающих браузеру как отображать страницу и расположенную в ней информацию

Впервые увидев HTML-код, вы можете подумать, что никогда вам это не освоить и не понять, но на самом деле, из всего многообразия HTML-кода, для создания обычных сайтов, нужно знать, совсем небольшое количество постоянно применяемых тегов, не нужно учить их наизусть, в процессе применения их на практике, будет автоматическое запоминание

Теги для создания страницы

Теги Назначение Атрибуты
<!DOCTYPE> Указывает тип html документа  
<html></html> Открывает и закрывает страницу  
<head></head> Для размещения служебной информации  
<title></title> Отображает название страницы  
<body></body> Для размещения содержимого страницы В CSS-файле

Теги для форматирования страницы

Теги Назначение Атрибуты
<div></div> Контейнер в блочной вёрстке сайта В CSS-файле
<табле></table> Контейнер в табличной вёрстке сайта  
<tr></tr> Для создания строк в таблицах  
<th></th> Для создания заголовков в таблицах

colspan=" ..,"

rowspan="..."

<td></td> Для создания столбцов в таблицах

Теги для форматирования текста

Теги Назначение Атрибуты
<h1></h1> Для заголовков 1 уровня

Для всех тегов для
выравнивания текста
атрибут
align="left"
align="right"
align="center"
align="bottom"

 

<h2></h2> Для заголовков 2 уровня
<h3></h3> Для заголовков 3 уровня
<h4></h4> Для заголовков 4 уровня
<h5></h5> Для заголовков 5 уровня
<h6></h6> Для заголовков 6 уровня
<p></p> Для создания абзацов текста
<br> Перенос строки
<span></span> Контейнер внутри абзаца
<strong></strong> Жирный текст
<b></b> Жирный текст
<i></i> Наклонный текст
<u></u> Подчёркнутый текст
<del></del> Зачёркнутый текст
<a></a> Гиперссылки
<img> Для картинок src=

Списки

Теги Назначение Атрибуты
<ul></ul> Маркированный список
<ol></ol> Нумерованный список
<li></li> Пункт списка

 

Это конечно не все теги применяемые в языке разметки гипертекста HTML, но наиболее часто применяемые, далее смотрите как эти теги применяются на практике.

 

Страницы по теме:

1. Как создать страницу HTML    2. Работа с текстом    3. Как вставлять картинки

4. Как сделать ссылки на странице   5. Как создать таблицу    6. Списки на сайте

 

Rambler's Top100 Яндекс цитирования