Основы HTML

Вернуться на главную
Стихи
Флеш-игры


HTML ( Hypertext Markup Language) — «язык разметки веб-страницы»

 HTML нужен, чтоб сделать разметку страницу сайта, то есть определить внешний вид и положение текста, картинок, анимации, видео. Чтобы на экране монитора можно было увидеть не просто текст, а красочную страницу сайта. Или не красочную, но со вкусом оформленную, с хорошим шрифтом и в удобночитаемом формате. Чтобы сделать сайт без шаблонов и конструкторов сайтов, нужно выучить хотя бы основы HTML

Формат имени .html - страницы сайта, написанные на языке HTML должны иметь расширение .html . Главная страница сайта должна иметь имя index.html

Язык HTMLс- это тэги. Другое написание слова - теги
ТЭГ (тег) - в переводе на русский "метка". С помощью тэгов производится разметка страницы сайта. Теги бывают двойные (парные), и одинарные (их очень мало)

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

<HTML> между этими тегами должно быть размещено все содержимое каждой интернет-страницы с картинками,таблицами, формами, видео и т п </HTML>

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

<ТЭГ ИМЯ АТРИБУТА="ЗНАЧЕНИЕ АТРИБУТА">

Главные теги форматировния документа и элемент <!DOCTYPE>

HEAD В парном тэге head располагается неотображаемая информация, которая нужна для поисковых машин и заключна в тег title и тег meta. Также скрипты и тэг LINK
TITLE - определяет название документа, которое будет отображено на вкладке открытого в браузерет окна
META - определяет язык, кодировку, ключевые слова, краткое описание, копирайт и т.п.
LINK - связывает страницу сайта со страницей стиля (CSS). А также со значком-фавиконом
Регистр для тэгов не имеет значения
<HEAD> </HEAD>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HEAD>
     <TITLE> Азбука тэгов</TITLE>
          <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1251">
         <meta name="keywords" content="код разметки, тэги, html ">
       <meta name="description" content="Перечень основных тэгов html ">
        <link rel=stylesheet type="text/css" href=styles.css>
        <link rel="shortcut icon" href="img/internet.ico" type="image/x-icon">

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

Заголовки

Существует 6 уровней заголовков: H1, H2, H3, H4, H5, H6

уровень Пишется так Выглядит так
1-й <H1>Заголовок</H1>

Заголовок

2-й <H2>Заголовок</H2>

Заголовок

3-й <H3>Заголовок</H3>

Заголовок

4-й <H4>Заголовок</H4>

Заголовок

5-й <H5>Заголовок</H5>
Заголовок
6-й <H6>Заголовок</H6>
Заголовок


Текст

Пишется так Выглядит так  
<b>Жирный текст</b> Жирный текст физическое выделение
<strong>Просто текст</strong> Выделенный текст логическое выделение
<i>Просто текст</i> Текст курсив физическое выделение
<em>Просто текст</em> Текст, выделенный курсивом логическое выделение
<dfn>Текст капитель</dfn> Текст капитель Капитель - это курсив уменьшенного размера
<cite>Цитата курсив</cite> Просто текст Цитата, выделенная курсивом
<s>Зачеркнутый текст</s>
<strike>тоже зачеркнутый</strike>
Зачеркнутый текст
тоже зачеркнутый
 
<u>Подчеркнутый текст</u> Подчеркнутый текст  
<code>текст для кода </code> текст для кода моноширинный шрифт, используют для кодов
<samp> текст</samp> текст sample - моноширинный шрифт, используют для примеров
<kbd> текст</kbd> текст keyboard - моноширинный шрифт,используем для обозначения текста, который набирается на клавиатуре или для названия клавиш.
Н<sub>2</sub>О Н2О  
100 м <sup>2</sup> 100 м 2  

 


.