Здравствуйте! Вот решил рассказать про создания сайта. Я подумал с чего начать и решил начать с языка HTML и CSS для начало мы изучим HTML.И так сегодня первая часть Верстки сайта на HTML.
План 1-ой части
- Что такое HTML?
- Структура HTML/XHTML?
- Элементы
- DOCTYPE
- Тег и все что между ним
- Основные правила HTML
-
HTML
(от англ. HyperText Markup Language — «язык разметки гипертекста») — стандартный язык
разметки документов во Всемирной паутине. Большинство веб-страниц создаются при помощи языка HTML (или XHTML). Язык
HTML интерпретируется браузером и отображается в виде документа, в удобной для человека форме.
-
Структура XHTML Документа
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body>
</body>
</html>Структура HTML Документа
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
</head>
<body>
</body>
</html> -
Элементы HTML делятся на 2 вида это:
Строчные и Блочные
Строчные это:
<span> <a> <input> <strong> <em> и.т.д
Блочные это:
<ul> <li> <p> <div> и.т.д
DOCTYPE
Рассмотрим DOCTYPE
<!DOCTYPE [элемент верхнего уровня][публичность][регистрация]//[организация]//[тип][имя]//[язык]"[url]">Пример:<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd"> Рассмотрим этот блог:1.Элемент верхнего уровня:указывает на элемент верхнего уровня в документе, в HTML это <html>2.Публичность:объект является публичным значит PUBLIC, элемент является системным значит SYSTEM.3.Регистрация:значит что разработчик зарегистрирован в DTD международной организации по стандартизации.4.Тип:тип документа.Для XHTML/HTML значение указывается DTD.5.Имя:Уникальное имя для описания DTD.6.Язык:язык на котором описывается текст документа для XHTML/HTMl это EN7.URL: адрес документа с DTD
HEAD:
Предназначен для хранение других тегов, цель помочь браузеру
Внутри тега можно размешаять теги такие как
<title> <meta> <link> <base> <script>
Сейчайс я раскажу про некоторые из этих тегов и так тег
<title>
отображает заголовок документа отображается в левом верхнем углу браузера тег
<link>
подключает внешние файлы например файл css со стилями и многое другое Пример:
<link rel="style"type="text/css"href="[ссылка на ваш внешний файл]"/>
о видов ссылок и как подключать файлы мы поговорим попозже.
Основные правила HTML!
1.Очень важно смотреть за смотреть за вложенность элементов никогда нельзя вкладывать элементы так
<div><p>Так нельзя вкладывать</div></p> потому что нельзя закрыть с начало контейнер а потом параграф правильна будет так <div><p>так правильно</p></div>2.никогда нельзя писать имена элементов и атрибутов с большой буквы например<TR><TD></TD></TR> это неправильно, правильно так <tr><td></td></tr>
Вот и все.Продолжения следует во второй части. Если что-то не понятно и есть вопросы обращайтесь ICQ:580583562.