ИнтернетПохожие презентации:
Средство структурирования и форматирования документов + гипертекст+ мультимедия. HTML - язык гипертекстовой разметки
1.
ТЕХНОЛОГИЯHTML
2.
СРЕДСТВО СТРУКТУРИРОВАНИЯ И ФОРМАТИРОВАНИЯДОКУМЕНТОВ + ГИПЕРТЕКСТ+ МУЛЬТИМЕДИЯ
HTML - ЯЗЫК ГИПЕРТЕКСТОВОЙ РАЗМЕТКИ
3.
ТЕГ - ЭЛЕМЕНТ ЯЗЫКА РАЗМЕТКИ:<ТЕГ>
4.
ОДИНАРНЫЙ▸ <название тега>
ПАРНЫЙ
▸ <название тега>содержимое </название тега>
5.
UTF-8WINDOWS-1251
КОДИРОВКА - ДЛЯ
КОРРЕКТНОГО
ОТОБРАЖЕНИЯ
СИМВОЛОВ ЯЗЫКА
6.
<!-- КОММЕНТАРИЙ – ИГНОРИРУЕТСЯ БРАУЗЕРОМ -->КОММЕНТАР
ИИ
7.
Это абзац текста, здесь применяются различные виды форматирования: Сначала мы перейдем нановую строку,
а теперь, используя теги начнем: это жирный , а это курсив , здесь нужно подчеркнуть, а это
зачекнуть. Затем в верхнем индексе, затем обычный текст и и в нижнем индексе.
ТЕГИ ФОРМАТИРОВАНИЯ
ТЕКСТА
8.
ЛОГИЧЕСКИЕ ТЕГИ– ЧТО?
9.
“"
€
€
©
©
&
&
<
<
>
>
СПЕЦИАЛЬНЫЕ СИМВОЛЫ В HTML
РЕАЛИЗУЮТСЯ С ПОМОЩЬЮ
ИНТЕРПРЕТИРУЕМЫХ БРАУЗЕРОМ МНЕМОКОДОВ
10.
<p> формат : <strong> полужирный <i> и курсивный</i> </strong> </p>Результат:
формат: полужирный и курсивный
ПРИНЦИП
МАТРЕШКИ
11.
НумерованныйМаркированный
<ul >
<li>Элемент 1</li>
<li>Элемент 2</li>
</ul>
ТЕГИ
СПИСКА
<ol>
<li>Элемент 1</li>
<li>Элемент 2</li>
</ol>
12.
<img src=“images/picture.jpg”>Атрибуты:
width (px или %)
height
alt
title
ТЕГИ
ИЗОБРАЖЕНИЙ
13.
<a href=“url”>название ссылки</a>target =“_blank”
ССЫЛКИ
14.
<table><table></table>
Атрибуты:
width
<td> Ячейка 1 </td>
</table>
Атрибуты:
width
border
height
cellspacing
cellpadding
colspan
rowspan
ТАБЛИЦЫ
15.
index.html – стартовая страница сайт<!DOCTYPE html>
<html>
<head>
<!-- метаданные - техническая информация для
<meta charset="UTF-8">
<title>Название страницы</title>
</head>
<body>
<!-- здесь все элементы страницы -->
</body>
</html>
браузеров и поисковых систем-->