FAQ по HTML - Введение | Блог Алексея Фомичева

FAQ по HTML — Введение

Начиная писать данный пост о часто задаваемых вопросах по языку разметки гипертекста HTML (а в планах есть задумка написать FAQ по CSS), я задумался над тем, что я могу сообщить нового. Зная, что в сети есть более расширенные сайты на эту тему, я решил дать только необходимую информацию по данному вопросу, а именно то, что чаще всего используется на практике.

Думаю для тех, кто только осваивает HTML, будет очень удобно и полезно, так как они конкретно получат ответ на все свои вопросы.

Начну с главного, что Вы должны знать.

HTML — это простой текст, который с помощью специальных символов (тегов) может форматироваться. То есть при открытии любого браузера вы на экранах своих мониторов увидите текст аккуратно оформленный.

Все теги заключаются символами <> и бывают двух видов одиночные и парные. Парные теги закрываются следующим образом.

1
2
3
4
5
6
7
8
9
10
11
12

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML .01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equin="Content-Type" content="text/html; charset=utf-8">
<title>FAQ по HTML</title>
</head>
 
<body>
<p>Напишем <b>жирным шрифтом</b> в тексте и часть его <i>выделим курсивом</i></p>
</body>
</html>

 

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

То есть если представить теги в виде контейнеров содержащих необходимую информацию, то два соседних контейнера не должны пересекаться между собой.

1
2
3
4
5
6
7
8
9
10
11
12

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML .01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equin="Content-Type" content="text/html; charset=utf-8">
<title>FAQ по HTML</title>
</head>
 
<body>
<p>Напишем <b>жирным шрифтом</p> в тексте и часть его <i>выделим курсивом</i></b>
</body>
</html>

Структура любого html документа должна состоять из следующих элементов:

DOCTYPE – указывает на тип документа;

HEAD – блок (раздел) заголовка документа;

BODY – тело документа;

Как вы видите в предыдущих примерах, сначала мы указываем тип документа (данный тег необходим браузеру), далее идет блок тегов, указывающий, что данный документ html, после идет раздел заголовка документа, и только потом идет тело документа.

Теперь поговорим о метатегах, которые необходимо размещать в разделе заголовка документа.

Title – сообщает пользователю название сайта.

<title>FAQ по HTML</title>

Description – описывает краткое содержание документа.

<meta name="Description" content="Заметка о правильном написании тегов HTML">

Keywords – в данном теги указывают ключевые слова, встречающихся на странице.

<meta name="Keywords" content="Ключевые слова пишутся через пробел или запятую"

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

<meta http-equin="Content-Type" content="text/html; charset=utf-8">

В аргументе charset указывается кодировка. При отсутствии кодировки, браузер пытается ее определить сам. Есть вероятность, что она будет определена неправильно, поэтому необходимо ее указывать.

С уважением, Алексей Фомичёв

Из жизни веб-мастеров:
— Почему у тебя грустное лицо, ведь я рассказал шутку?
— Ой, прости, забыл обновить выражение лица.

 

Содержание FAQ по HTML:
Что такое HTML или история возникновения гипертекстовой разметки
Введение
Форматирование текста
Учимся делать ссылки
Работаем со списком
Изучаем таблицы
Форма, как средство взаимодействия с пользователем сайта



Поделись с друзьями в социальных сетях!


57e44f9f


15.10.2024 / Создание блога / Теги: ,
Похожие записи

Оставить комментарий

Наши ссылки