Основы html. Картинки. Ссылки. Якори

1.

HTML

2.

HTML
- Это язык разметки гипертекста

3.

Тэги
это элементы конструкции языка
HTML, предписывающие способ
интерпретации помещённых внутри
неё данных
могут вкладываться друг в друга по
принципу матрёшки
парные и непарные

4.

Непарные:
<тэг>
Парные
<тэг> </тэг>

5.

Тэги верхнего уровня
<html>
<head>
</head>
<body>
</body>
</html>

6.

Атрибут
это параметр или свойство тэга
может быть несколько, разделяются
пробелом
Стартовый тэг с атрибутом:
<тэг ИмяАтрибута=“значение”>

7.

Кодировка
<meta charset=“utf-8”>

8.

Название вкладки
<title>Название вкладки</title>

9.

Тэги текста
<p>текст</p> - новый абзац
<br> - новая строка

10.

Заголовки
<h1></h1>
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>

11.

Форматирование текста
<b></b> - полужирный
<i></i> - курсив
<u></u> - подчёркнутый
<strike></strike> - зачёркнутый
<sup></sup> - верхний индекс
<sub></sub> - нижний индекс

12.

Вставка картинок
<img src=“URL”>
URL:
Ссылка из интернета
Полный путь к картинке, начиная с
имени диска
Относительный путь от html документа

13.

Атрибуты <img>
title – название картинки при
наведении на неё
alt – текст, если картинка не
отображается
height – высота картинки
width – ширина картинки

14.

Вставка ссылок
<a href=“URL”>ссылка</a>
URL:
Ссылка на сайт
Ссылка на html-страницу на
компьютере

15.

Открытие ссылок
Атрибут target=:
“_self” – по умолчанию в этой вкладке
“_blank” – в новой вкладке

16.

Якори
Создание закладки (якоря)
Создание гиперссылки

17.

Создание якоря
<p id=“уникальное_имя”>
Или
<a name=“уникальное_имя”>

18.

Создание гиперссылки
<a href=“#уникальное_имя”>Ссылка</a>

English Русский Правила