Основные теги HTML для формирования текста, создания таблиц, текстовых полей, списков

HTML (HyperText Markup Language) означает "язык маркировки гипертекстов". Сегодня большинство клиентских Web-приложений основывается на HTML – простом языке описания документов, обеспечивающем представление текстовых и графических документов в Web-браузерах.

Браузер – это специальная клиентская программа, предназначенная для просмотра содержимого web узлов.

Структура HTML странички

<HTML>

<HEAD>

<TITLE>

</HEAD>

<BODY> -

--------\\-------- основной текст тело

</BODY>

</HTML>

<HTML> - начало документа

<HEAD> - Определяет начало и конец заголовка документа. Является контейнером для элементов, содержащих техническую информацию о документе. (TITLE,BASE,STYLE,LINK,META).

<TITLE> - Определяет имя всего документа. Имя, как правило, отображается в заголовке окна браузера. Данный элемент обязателен для любого HTML-документа и может быть указан не более одного раза.

</HEAD> - закрыли

<BODY> - Указывает начало и конец тела HTML-документа. Между начальным и конечным тегами содержится текст документа, изображения и таблицы. Одним словом, все HTML-элементы, отвечающие за отображение документа, управление им и гипертекстовые ссылки. Элемент BODY должен встречаться в документе не более одного раза.

--------\\-------- основной текст тело

</BODY>

</HTML> - конец документа

Сохранили с расширением имя.html

Основные теги

<!-- начало

--> конец комментария

Форматирование текста

<B>… </B> Жирный шрифт

<I>… </I> Наклонный курсив

<U>… </U> Подчеркнутый

<H1><H2>…<H6> заголовки нескольких уровней

Атрибуты

ALIGN – определяет способ выравнивания заголовка по горизонтали. Возможные значения: left, right, center.

<H1 aling=left

right

center> текст</H1>

<FONT> установка стиля и размера шрифта

size=4 размер

face=”Areal”

color=red>

</FONT>

<FONT SIZE="+2" COLOR="#AA0000">Увеличенный красный шрифт</FONT>

<BIG> увеличение шрифта

<center> выравнивание по центру страницы </center>

<P> абзац

<BR> enter или пустая строка

<PRE> текст </PRE>

Создание списка

<UL TYPE=squere>

<Li>текст 1</Li>

<Li>текст 2</Li>

… … …

<Li>текст i<Li> Отображение маркированного списка

<OL start t=4>

<Li>текст 1</Li>

<Li>текст 2</Li>

… … …

<Li>текст i<Li> Отображение нумерованного текста

<select> выпадающие списки

<SELECT >

<OPTION VALUE="DOS">MS-DOS

<OPTION VALUE="WinXP">MS Windows98

<OPTION VALUE="Unix" SELECTED>UNIX

<OPTION VALUE="WinNT">MS Windows NT

</SELECT>

<input> поле ввода пользовательских данных

name=A имя поля

size=10 размер

tipe= тип button, checkbox, password, radio>

Фамилия <input type=text value="не более 15 символов" size=30>

<input type=radio name=s value="Мужск">Мужск

<MARQUEE *> бегущая строка </MARQUEE *>

behavior = поведение строки (scroll, slide, alternate)

bgcolor= цвет фона

direction= направление движения (left, right, down up)

loop=10 количество повторений

<marquee behavior=slide bgcolor=2366 loop=10><font color=gold>

Мне очень приятно, что ты зашел на мою страничку!

</br>

</marquee>

Гиперссылки

<a href = “1.html”> ссылка</a>


Понравилась статья? Добавь ее в закладку (CTRL+D) и не забудь поделиться с друзьями:  



double arrow
Сейчас читают про: