Статья "Изучаем HTML"

HTML (Hypertext Markup Language — «язык разметки гипертекста») используется для написания WEB-страниц. Пишутся они через "Блокнот".

Любой HTML код состоит из тегов. Теги - это кодовые слова которые заключены в <>.

Вводим в блокноте текст. Это HTML код.

Рассмотрим HTML код. Тег html начинает и заканчивает документ. Дальше идут теги head. В них содержится служебная информация. Между тегами title пишется имя страницы, которое выводится на вкладке браузера. Между тегами body пишется програмный код "тела" html-странички. Теги h1, h2, h3, h4, h5, h6 выводят заголовки разного размера. Теги p обозначают абзац. Теги i делают текст курсивом.

Сохраняем файл как 111. html , и смотрим через браузер, что у нас получилось.

Таблица HTML тегов будет дана в следующей статье.

Статья "HTML теги"

Теги	Значения тегов
Базовые элементы
html	Начинает и заканчивает документ.
title	Загаловок, который пишется на вкладке.
head	В них пишется служебная информация
body	"Тело" сайта
Определение структуры
h1, h2, h3, h4, h5, h6	Загаловки
div	Секция
blockquote	Цитата
em	Выделение
strong	Дополнительное выделение
cite	Отсылка, цитата
code	Программный код
samp	Пример вывода
kbd	Ввод с клавиатуры
var	Переменная
dfn	Определение
address	Адрес автора
big	Большой шрифт
small	Маленький
Внешний вид
b	Жирный
i	Курсив
u	Подчеркнутый
strike	Перечёркнутый
s	Перечёркнутый
sup	Верхний индекс
sub	Нижний индекс
tt	Печатная машинка
pre	Форматированый
center	Центрировать
blink	Мигающий
font	Изменение шрифта
multicol	Многоколоночный текст
spacer	Пустой блок
Ссылки и графика
a	Ссылка
img	Графика
area share="rect" coords=",,," href="url"\|nonhref	Область карты
img src="url" usemap="url"	Локальная карта
embed	Объект
Разделители
p	Абзац
br	Перенос строки
hr	Линия
nobr	Запрещает перенос строки
Списки
ul li	Неупорядоченый (в конце ul закрывается. Перед каждым элементом списка ставится li)
ol li	Нумерованный (аналогично, как в неупорядоченном)
dl dt dd	Список определений (dl - список, dt - термин, dd - определение)
menu li	Меню (аналогично, как в неупорядоченном)
dir li	Каталог (аналогично, как в неупорядоченном)
Формы
form	Форма
input	Текстовое поле
select	Список вариантов
option	Опция
option selected	Опция по умолчанию
textarea	Поле ввода текста
Таблицы
table	Таблица
tr	Строка таблицы
td	Ячейка таблицы
th	Загаловок таблицы
caption	Заглавие таблицы
Фреймы
frameset	Документ с фреймами (ставится вместо body)
frame	Определить фрейм
noframe	Без фреймов
Язык javascript
applet	Applet
script	Javascript программа
Разное
!--комментарий--	Комментарий (вставляется с <> (ковычками), как тег. Игнорируется просмоторщиком.)
!DOCTYPE HTML PUDLIC "-//W3C//DTD HTML 4.01//EN	Доктип (обычно ставится пере первым тегом html.)
isindex	Означает начальную точку поиска.
meta	Метаинформация
style	Стили (обычно вставляется CSS код)
link	Вставляет внешние файлы. (обычно)

Атрибуты

Это дополнения к тегам. Пишутся после названия.

Атрибут	Значение	К каким тегам подходит
align="left\|right\|center"	Выравнивание	h?, div, spacer
width="?"	Ширина(может указиватся в процентах)	pre, img, frame, multicol, table
height="?"	Высота(может указиватся в процентах)	pre, img, frame, multicol, table
size="?"	Размер	font, hr, spacer, select
color="#......"	Цвет (шестнацатеричный код)	font
face="*"	Шрифт (название шрифта)	font
type="horizontal\|vertical\|block"	Тип пустого блока	spacer
gutter="?"	Ширина колонки	multicol
cols="?"	Кол-во колонок	multicol
href="url"	Ссылка	a
target="_blank\|_self\|_parent\|_top"	Ссылка на другое окно	a
name="*"	Определить закладку	a
src="url"	Ссылка на картинку	img
align="top\|bottom\|middle\|left\|right" или align="texttop\|absmidle\|baseline\|absbottom"	Выравнивание картинки	img
alt="*"	Выводится, если картинки не изображается.	img
background="url"	Фон - картинка	body
bgcolor="#......"	Цвет фона (шестнадцатеричный код)	body
text="#......"	Цвет текста (шестнадцатеричный код)	body
link="#......"	Цвет ссылок (шестнадцатеричный код)	body
vlink="#......"	Цвет пройденной ссылки (шестнадцатеричный код)	body
alink="#......"	Цвет активной ссылки (шестнадцатеричный код)	body
cellspacing="?"	Расстояние между ячейками	table
cellpadding="?"	Дополнительные ячейки	table
colspan="?"	Объединение ячеек (по колонке)	table
rowspan="?"	Объединение ячеек (по строкам)	table

Почти каждый атрибут может подходить к тегам. Главное - это опыт!

Список тегов (картинкой)

Статья "Изучаем HTML"

Статья "HTML теги"

Теги

Базовые элементы

Определение структуры

Внешний вид

Ссылки и графика

Разделители

Списки

Формы

Таблицы

Фреймы

Язык javascript

Разное

Атрибуты

Вы сейчас не можете прокомментировать это сообщение.