Мы работаем в теге image

Структура 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=»»>


Понравилась статья? Добавь ее в закладку (CTRL+D) и не забудь поделиться с друзьями:  



double arrow
Сейчас читают про: