Структура HTML документа
HTML- теговый язык разметки документа, то есть любой документ на языке HTML представляет собой набор элементов, причем начало и конец каждого елемента обозначается спец. Пометками, которые называются тегами.
Базовая структура докумета
1. <! DOCTYPE html>
2. < HTML lang=’’ru’’>
3. <head>
4. <meta charset=>utf-8>
5. < title>- заголовок </title>
6. </head>
7. <body>
8. </body>
9. </html>
Чтобы текстовый документ открывался в браузере и воспринимался, как HTML страница, нужно измнить его расширение.
Расширение файла- 3-4 буквы после точки в имени файла.
Как включить отображение расширений файлов на винде 8
Мой компьютер -> вид ->параметры ->изменить параметры папок и поиска ->вид->скрывать расширения для зарегистрированных типов файлов(убрать галочку)
->ОК
3) Включить отображение расширений в виндоус 7
Пуск -> панель управления->параметры папок-> Вид-(смотри выше)
<!DOCTYPE html>
<HTML lang="ru">
<head>
<meta charset="utf-8">
<title>аыупуешр </title>
</head>
<body>
еда
</body>
</html>
4) Как изменитть кодировку символов в Notepad ++
Encoding(кодировка)-> Convert to UTF-8 without BOM(преобразовать в UTF-8)
5) Регистр, в котором набрано имя тега, в HTML значения не имеет. Элементы могут быть пустыми, не содержащими никакого текста и др. данных. В этом случае обычно не указывается закрывающий тег.
Кроме того, элементы могут иметь атрибуты, определяющие какие-либо свойства. Атрибуты указываются в открывающем теге. Атрибуты можно пропускать – тогда используются стандартные значения атрибутов.
6) Текстовые блоки
<H1>, < H2>,< H3 >,<H4>,< H5>,< H6> - заголовки 1-6 уровня, заголовок 1 самый крупный, 6 самый мелкий.
Можно в конце поставить _P.
Новая строка <br>,</br> - не существует.
7) Форматирование текста
</B> жирный шрифт
<I> курсив
<U> </U> подчеркивание
<S> </S> зачеркивание
<Blink> мигающий текст
<Marquee> бегающий текст.
8) Вставка изображения
<img src=»имя файла»><p>
9) Гиперссылки
<a href=»адрес»>текст или картинка</a>
10) якорная ссылка
<a name=»имя» >/a>
<a href=»#имя»></a>
Урок 2
<sub>
<sup>
<pre> позволяет сохранить что-либо
<em> / </em> курсив
<wbn> для переноса слов
<time> </time> показывает время страницы(для поискового робота)
<deteils> подробнее
<summary> то что будет при нажатии подробнее
<mark> выделение текста
<mark style="background:blue"> можно так менять цвет текста
Работа с изображениями
Мы работаем в теге image
<p><img src="12.jpg" height="80" width="60"><p> - пример
<v space=»»> параметры расположения
<h space=»»>