Суббота, 18.11.2017
Сайтостроение и заработок    

Основы HTML
Таблица тегов, атрибутов и значений

рисунок
HTML (от англ. HyperText Markup Language — «язык разметки гипертекста») — стандартный язык разметки веб-страниц. Команды языка HTML называются тегами. Атрибут указывает тегу характеристики элемента. Совокупность команд, атрибутов и их значений всего документа принято называть HTML-кодом. HTML-код является основой при создании Web-страниц и применяется для размещения различных элементов страницы (теста, графики, таблиц и т.д). HTML-код преобразовывается браузером и отображается на экране уже в привычном нам виде. Изучение всех возможностей HTML достаточно сложное и одной статьи для этого явно не достаточно. Чтобы понять смысл и основы HTML, сначала скачайте (естественно бесплатно) «Учебник HTML для чайников» и изучите его. А для того чтобы систематизировать ваши знания, ниже представлена таблица с тегами и атрибутами с описанием.

Таблица тегов

Тег

Назначение тега

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

<html>

указывает браузеру что это HTML документ

<head>

блок служебных тегов

<body>

тело, содержание страницы/документа

<title>

название страницы/документа, отображается в огловлении браузера

<meta>

служебный тег для указания кодировки, ключивых слов, описания и т.д.

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

<pre>

предварительно отформатированный текст

<h1>

основной заголовок

<h2>...<h6>

подзаголовки разного уроаня

<p>

абзац текста

<div>

делит Вэб-страницу на области с целью применения стилей

<font>

изменяет внешний вид текста с помощью атрибутов

<span>

предназначен для определения элементов документа внутри других тегов

<marquee>

создает бегущую строку на странице

<blockquote>

создает блок цитаты

<code>

определяется фрагмент компьютерного кода

<b>

выделение текста жирным

<strong>

выделение текста жирным (более новое)

<i>

наклонный текст

<em>

наклонный текст (более новое)

<tt>

стиль, имитирующий печать печатной машинки

<kbd>

стиль, имитирующий печать печатной машинки (более новое)

<u>

подчеркнутый текст

<ins>

подчеркнутый текст (предпочтительнее)

<s>

перечеркнутый текст

<del>

перечеркнутый текст (предпочтительнее)

<br>

принудительный перевод строки

<nobr>

запрет переноса строки

<wbr>

указывает где разбивать строку для переноса при необходимости

<sub>

нижний индекс

<sup>

верхний индекс

<dl>

определяет каждый из терминов списка

<dt>

создает список определений

<dd>

описание каждого определения

<ul>

маркированный список

<ol>

нумерованный список

<li>

отдельные элементы списка

Теги вставки

<a>

вставка ссылки

<bgsound>

вставка музыкального сопровождения

<img>

вставка изображения

<hr>

горизонтальная линия

<frame>

отдельная область странички, фрейм

<form>

вставка различных форм (заказа, отправки сообщения, и т.д.)

<script>

вставка элементов, написанных на языке JavaScript

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

<table>

таблица

<tr>

строка в таблице

<tb>

ячейка таблицы

<th>

заголовок таблицы, ячейка с отцентрованным жирным текстом

<tbody>

объединяет элементы таблиц в группы для придания стилей


Атрибуты тегов

Атрибут

Назначение атрибута

возможные значения

     

ACTION

атрибут тега <FORM>, указывает куда отправить данные адрес e-mail, файла сценар.

ALIGN

выравнивание текста, картинки, таблицы и других объектов документа на странице

left,right,center top,char,justify

ALINK

применяется в теге <BODY>, указывает цвет активной ссылки цвета в RGB.

ALT

замещающий текст к элементам графики (на случай если отключен просмотр картинок) текст

BACKGROUND

задает фоновое изображение всей страницы (если применяется к тегу <BODY>) или отдельных элементов адрес изображения

BGCOLOR

задает цвет фона всей странице (если применяется к тегу <BODY>) или отдельных элементов цвета в RGB.

BORDER

определяет толщину рамки или ее отсутствие при значении = 0 числовое значение в px

BORDERCOLOR

задает цвет рамки цвета в RGB.

CELLSPACING

задает расстояние между ячейками таблицы числовое значение в px

CELLPADDING

задает отступ от рамки ячейки таблицы с внутренней стороны числовое значение в px

CHARSET

применяется к тегу <META>, указывает кодировку документа название кодировки.

CHECKED

установка одного из злементов по умолчанию в форме выбора нет значений

CITE

указывает на источник цитирования адрес в Интернете.

COLS

ширина фреймов числовое в px

COLOR

цвет текста, рамки и т.д. left-to-right или right-to-left

DYNSRC

применяется к тегу <IMG>, указывает на адрес видеофайла адрес видеофайла.

FACE

задает шрифт текста название шрифта.

FRAME

определяет вид внешней рамки таблицы above,below,box hsides,lhs,rhs, void,vsides.

HEIGHT

указывает высоту элемента документа (таблицы, картинки и т.д.) px, %.

HREF

применяется к тегу <A>, прописывает адрес ссылки адрес.

LANG

определяет направление письма.  left-to-right или right-to-left.

LINK

присваивает цвет ссылки по умолчанию в тэге <BODY>. цвета в RGB.

NOSHADE

меняет вид линий (если не применяется атрибут COLOR. нет значений.

ROWS

задает высоту фреймам. px.

RULES

определяет внутренние рамки таблицы all,cols,groups, none,rows.

SHEME

служит для классификации форматов записи в теге <META> -

SIZE

указывает размер шрифта. pt,px,%,mm,cm, in,pic,ems,exs.

SRC

применяется к тегу <IMG>, указывает на адрес картинки адрес.

TARGET

указывает в каком окне будет открыт документ при переходе по ссылке _blank,_parent, _self,_top.

TEXT

применяется к тегу <BODY>, цвет текста по умолчанию цвет.

TITLE

внесение описания, которое будет появляться при наведении мыши на объект (на ссылку, картинку и т.д.) текст описания

TYPE

указывает тип нумерации в одноименных списках. 1, A, a, I, i.

USEMAP

указывает имя карты ссылок при их использовании. имя карты ссылок.

VLINK

применяется в теге <BODY>, указывает цвет пройденной ссылки цвет.

WIDTH

указывает ширину элемента документа px, %.

Заработок в сети
Создание сайта
Раскрутка сайта
Скачать бесплатно
Обои, иконки, картинки

Программы для Контакта

Офисные программы

Для видео и аудио

Графика и фото

CD, DVD, Blu-Ray

Вебмастеру

Софт для интернета

Браузеры

Софт для ПК

Антивирусы

Разные проги

Обучающие курсы
Поиск по сайту
Друзья сайта

Реклама






Copyright MyCorp © 2017
Бесплатный конструктор сайтов - uCoz