Справочник тегов HTML
названия тегов | краткое описание тегов |
<a> | Предназначен для создания ссылок (гипертекста). ↑↓ |
<abbr> | Выделяет в тексте аббревиатуру. Обычно подчеркивается пунктирной линией. ↑↓ |
<acronym> | Выделяет в тексте акроним. Обычно подчеркивается пунктирной линией. ↑↓ |
<address> | Указывает автора документа и его адрес. Обычно отображается курсивом. ↑↓ |
<area> | Определяет области карты-изображения которые являются ссылками на тот или иной документ. располагается внутри тега <map> ↑↓ |
<b> | Делает текст полужирным. Аналогичен тегу <strong> ↑↓ |
<bdo> | Определяет направление вывода текста. Основное предназначение работа с текстами языковых групп, где чтение происходит справа - налево. ↑↓ |
<bgsound> | Внедряет в документ звуковой файл. Файл проигрывается в качестве фоновой музыки. ↑↓ |
<big> | Делает текст крупным. ↑↓ |
<body> | "Тело" документа указывает содержание видимой части документа. ↑↓ |
<blockquote> | Предназначен для создания цитат. ↑↓ |
<br> | Перенос строки. ↑↓ |
<center> | Горизонтальное выравнивание всех элементов по центру документа. ↑↓ |
<cite> | Выделяет в тексте цитату. Обычно курсивом. ↑↓ |
<code> | Отмечает текст как некий программный код. Обычно отображается моноширинным шрифтом. ↑↓ |
<dd> | Описание списка определений. ↑↓ |
<del> | Выделяет удалённый текст в новой версии документа. Выделенный текст станет перечёркнутым. ↑↓ |
<dfn> | Отмечает текст как определение. Обычно отображается курсивом. ↑↓ |
<div> | Определяет блок HTML. Преимущественно используется совместно с CSS. ↑↓ |
<dl> | Создаёт список определений. ↑↓ |
<dt> | Определение списка определений. ↑↓ |
<em> | Выделяет особенно важный фрагмент текста. Обычно браузерами отображается курсивом. ↑↓ |
<font> | Шрифт. ↑↓ |
<frame> | Определяет фрейм в фреймовой структуре документа. Располагается внутри тега <frameset>. ↑↓ |
<frameset> | Определяет фреймовую структуру документа. Используется вместо тега<body>. ↑↓ |
<h1> | Делает текст заголовоком. Может иметь значение от 1-6. ↑↓ |
<head> | "Голова" определяет место в документе не для отображения видимой его части "тела" может располагать в себе теги предназначенные для поисковых машин, а так же название документа. ↑↓ |
<hr> | Рисует горизонтальную линию. ↑↓ |
<html> | Указывает программам просмотра html страниц начало и конец документа. ↑↓ |
<i> | Делает текст наклонным. ↑↓ |
<iframe> | Вводит на страницу не фреймовой структуры плавающий фрейм. ↑↓ |
<img> | Выводит графическое изображение (рисунок). ↑↓ |
<ins> | Выделяет новый текст в новой версии документа. Выделенный текст станет подчёркнутым. ↑↓ |
<kbd> | От английского keyboard - клавиатура. Указывает текст вводимый с клавиатуры. Обычно отображается моноширинным шрифтом. ↑↓ |
<li> | Обозначает элемент списка. Используется в нумерованных и ненумерованных списках. ↑↓ |
<link> | Указывает на связь документа с каким либо внешним файлом. ↑↓ |
<map> | Определяет место в коде документа в котором создаётся описание карты-изображения с помощью тега/тегов <area> ↑↓ |
<marquee> | Бегущая строка. ↑↓ |
<meta> | Определяет мета теги информация в которых предназначена для браузеров и поисковых систем. ↑↓ |
<nobr> | Запретить перенос строки. Противоположенный по значению тег <br> ↑↓ |
<noframes> | Тег <noframes> выводит текст заключенный в него в том случае если браузер пользователя не поддерживает фреймы или они принудительно выключены в его настройках. ↑↓ |
<noscript> | Тег <noscript> выводит текст заключенный в него в том случае если браузер пользователя не поддерживает скрипты или они принудительно выключены в его настройках. ↑↓ |
<ol> | Определяет нумерованный (упорядоченный) список. ↑↓ |
<p> | Создаёт параграф. ↑↓ |
<pre> | Обрамляет предварительно отформатированный текст. Браузер при выводе текста на экран не удаляет пробелы и переносы строк. ↑↓ |
<q> | Предназначен для создания цитат. От <blockquote> отличается тем что цитата не имеет отступов. А в отличие от тега <cite> цитата обозначенная тегом <q> автоматически берётся браузерами в кавычки. ↑↓ |
<s> | Делает текст перечёркнутым. Аналогичент тегу <strike>. ↑↓ |
<samp> | Выделяет текст как образец. Используется для отметки текста являющемся результатом работы программ. ↑↓ |
<script> | Внедряет на страницу скрипт. ↑↓ |
<small> | Делает текст малым. ↑↓ |
<span> | Определяет контейнер для внутреннего текста. Как правило используется совместно с CSS. ↑↓ |
<strike> | Делает текст перечёркнутым. Аналогичент тегу <s>. ↑↓ |
<strong> | Выделяет особенно важный фрагмент текста. Обычно браузерами отображается полужирным. ↑↓ |
<style> | Служит для определения стилей элементов страницы. Тег <style>распологается в заголовке страницы между <head></head>. ↑↓ |
<sub> | Нижний индекс. ↑↓ |
<sup> | Верхний индекс. ↑↓ |
<table> | Создаёт таблицу. ↑↓ |
<td> | Создаёт отдельную ячейку в таблице. ↑↓ |
<th> | Создаёт ячейку в таблице которая определяется как заголовок. ↑↓ |
<title> | Заголовок и название документа. ↑↓ |
<tr> | Создаёт строку в таблице. ↑↓ |
<tt> | Делает текст моноширинным. ↑↓ |
<u> | Делает текст подчёркнутым. ↑↓ |
<ul> | Определяет ненумерованныый (неупорядоченный)список. ↑↓ |
<var> | Выделяет в тексте переменные. Обычно отображается курсивом. ↑↓ |
<wbr> | Разрешает перенос строки. ↑↓ |
<xmp> | Отображает текст в том виде в котором он и был набран. ↑↓ |
Введение
Этот учебник целиком и полностью посвящён языку HTML, без знаний которого не обойтись в создании какой либо веб-страницы. HTML язык - это основа, база которую просто таки необходимо знать любому начинающему веб-мастеру! Этот язык, сам по себе (в чистом виде), достаточно простой, думаю его с легкостью может освоить любой "продвинутый" шестиклассник.. в тоже время он позволяет самостоятельно создавать полноценные страницы и сайты.
Рассчитан этот HTML учебник для начинающих "с нуля" людей, которые только только решили освоить веб-ремесло, поэтому старался писать его как можно более развернуто и что называется "доходчиво", в тоже время стараясь охватить весь курс до мелочей, так что может быть и опытный веб-мастер найдет в нём для себя что-то новое или будет использовать его в качестве "шпаргалки", изложенной в прилагаемом справочнике тегов. Где нет "воды" и нудноватого для уже опытного человека "разжёвывания" материала.
Ну и сразу к делу.. начнем с классики..
Откройте блокнот, да да, тот самый блокнот.. Пуск> Стандартные> Блокнот и напишите в нем следующий текст:
<html>
<head>
<title>Моя первая страничка</title>
</head>
<body>
Привет мир!!!
<br>
Меня зовут (здесь впишите Ваше имя), это моя первая страничка!
</body>
</html>
Далее, сохраните этот текст как html документ, название придумайте сами.. главное чтобы расширение было html
Повторюсь, чтобы не было казусов.. в блокноте кликаем по меню "Файл", выбираем "Сохранить как.." в строке "Имя файла" пишем: index.html, просто по умолчанию блокнот предлагает сохранить файл с расширением *.txt, а нам нужно расширение *. html
Далее открываем этот файл при помощи Вашего браузера.. ну к примеру того же Internet Explorerа (правой кнопкой по нашему файлу.. "Открыть с помощью.." Internet Explorer)
Дата добавления: 2015-11-06; просмотров: 868;