ИнтернетПохожие презентации:
Основы html. Картинки. Ссылки. Якори
1.
HTML2.
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>