Оцените презентацию от 1 до 5 баллов!
Тип файла:
ppt / pptx (powerpoint)
Всего слайдов:
10 слайдов
Для класса:
1,2,3,4,5,6,7,8,9,10,11
Размер файла:
339.00 kB
Просмотров:
50
Скачиваний:
0
Автор:
неизвестен
Слайды и текст к этой презентации:
№1 слайд![Мова г пертекстово розм тки](/documents_6/e264e8603c5ec67df85511e595c427df/img0.jpg)
Содержание слайда: Мова гіпертекстової розмітки HTML (теги)
№2 слайд![Мова г пертекстово розм тки](/documents_6/e264e8603c5ec67df85511e595c427df/img1.jpg)
Содержание слайда: Мова гіпертекстової розмітки
Мова гіпертекстової розмітки HTML призначена для створення статичних Web-сторінок.
У HTML-файлі знаходиться виключно символьна інформація. Частина її – це дані, які складають вміст документу, інша – HTML-дескриптори (теги), які являють собою мовні конструкції, що використовуються для розмітки документу і керують його зображенням.
№3 слайд![Дескриптори сну типи тег в](/documents_6/e264e8603c5ec67df85511e595c427df/img2.jpg)
Содержание слайда: Дескриптори
Існує 2 типи тегів: парні і не парні.
У більшості випадків HTML-дескриптори використовуються парами. Кожна пара складається із відкриваючого та закриваючого дескрипторів. Відкриваючий дескриптор має наступний формат:
<ім’я [атрибути]>
Формат закриваючого дескриптора:
</ім’я>
<p align=“left”>Текст</p>
<br/>
№4 слайд![Структура HTML документа Зг](/documents_6/e264e8603c5ec67df85511e595c427df/img3.jpg)
Содержание слайда: Структура HTML документа
Згідно специфікації HTML документ повинен мати наступну структуру:
<html>
<head>
<title> Заголовок сторінки </title>
<!-- Можлива додаткова інформація -->
</head>
<body>
Вміст сторінки
</body>
</html>
№5 слайд![Заголовок не обов язковою](/documents_6/e264e8603c5ec67df85511e595c427df/img4.jpg)
Содержание слайда: Заголовок не є обов’язковою частиною Web-документу. Він зазвичай містить службову інформацію, яка не відображається броузером. В заголовку можуть бути використані наступні основні дескриптори:
Заголовок не є обов’язковою частиною Web-документу. Він зазвичай містить службову інформацію, яка не відображається броузером. В заголовку можуть бути використані наступні основні дескриптори:
<TITLE> Заголовок </TITLE> – заголовок, який відображатиметься у заголовку вікна броузера.
<BASE> – базова адреса, яка використовується при обробці відносних адрес броузером.
<META> – додаткова інформація про HTML-документ (кодування, тип даних тощо).
<LINK> – використовується для зв’язку HTML-документа з іншими джерелами інформації.
№6 слайд![Атрибути body lt body](/documents_6/e264e8603c5ec67df85511e595c427df/img5.jpg)
Содержание слайда: Атрибути body
<body background="шлях/адреса файлу зображення для фону" bgcolor = "колір фону" text = "колір символів">
Текст
</body>
№7 слайд![Створення абзац в Абзац lt P](/documents_6/e264e8603c5ec67df85511e595c427df/img6.jpg)
Содержание слайда: Створення абзаців
Абзац:
<P ALIGN=Вирівнювання>Текст абзацу</P>
align={left|right|center|justify}
<br/>Наступний за цим тегом текст буде наведено у новому рядку без пропуску рядка
№8 слайд![Теги форматування символ в](/documents_6/e264e8603c5ec67df85511e595c427df/img7.jpg)
Содержание слайда: Теги форматування символів тексту
<b> текст </b> Жирний шрифт тексту
<i> текст </i> Шрифт-курсив
<u> текст </u> Підкреслений шрифт
<sub> текст </sub> Нижній індекс
<sup> текст </sup> Верхній індекс
<big> текст </big> ВЕЛИКИЙ шрифт
<small>текст</small> Малий шрифт
№9 слайд![Заголовки lt Н gt Заголовок](/documents_6/e264e8603c5ec67df85511e595c427df/img8.jpg)
Содержание слайда: Заголовки
<Н№>Заголовок</Н№> - де № - це число яке змінюється від 1 до 6, визначає розмір символів Заголовка (за зменшенням). Починається з абзацу та вирівнюється до лівого краю.
<H1 ALIGN=Вирівнювання>Заголовок 1-го рівня</H1>
<H2 ALIGN=Вирівнювання>Заголовок 2-го рівня</H2>
<H3 ALIGN=Вирівнювання>Заголовок 3-го рівня</H3>
<H4 ALIGN=Вирівнювання>Заголовок 4-го рівня</H4>
<H5 ALIGN=Вирівнювання>Заголовок 5-го рівня</H5>
<H6 ALIGN=Вирівнювання>Заголовок 6-го рівня</H6>
№10 слайд![Рисування горизонтально л н](/documents_6/e264e8603c5ec67df85511e595c427df/img9.jpg)
Содержание слайда: Рисування горизонтальної лінії
Рисування горизонтальної лінії
<hr width = “довжина у пікселях” size= “товщина лінії” color= “колір лінії”/>
Шрифти
<font face = “назва шрифту” size = “розмір шрифту” color = “колір”> текст </font>
Тег з відформатованим текстом
<pre> текст відображатиметься у браузері так як записаний у коді (перехід на рядки, пропуски тощо) </pre>
Скорочення
<acronym title = “текст розшифровки”>скорочення</acronym>