🗊Презентация Мова гіпертекстової розмітки HTML (теги)

Нажмите для полного просмотра!
Мова гіпертекстової розмітки HTML (теги), слайд №1Мова гіпертекстової розмітки HTML (теги), слайд №2Мова гіпертекстової розмітки HTML (теги), слайд №3Мова гіпертекстової розмітки HTML (теги), слайд №4Мова гіпертекстової розмітки HTML (теги), слайд №5Мова гіпертекстової розмітки HTML (теги), слайд №6Мова гіпертекстової розмітки HTML (теги), слайд №7Мова гіпертекстової розмітки HTML (теги), слайд №8Мова гіпертекстової розмітки HTML (теги), слайд №9Мова гіпертекстової розмітки HTML (теги), слайд №10

Вы можете ознакомиться и скачать презентацию на тему Мова гіпертекстової розмітки HTML (теги). Доклад-сообщение содержит 10 слайдов. Презентации для любого класса можно скачать бесплатно. Если материал и наш сайт презентаций Mypresentation Вам понравились – поделитесь им с друзьями с помощью социальных кнопок и добавьте в закладки в своем браузере.

Слайды и текст этой презентации


Слайд 1





Мова гіпертекстової розмітки HTML (теги)
Описание слайда:
Мова гіпертекстової розмітки HTML (теги)

Слайд 2





Мова гіпертекстової розмітки 
Мова гіпертекстової розмітки HTML призначена для створення статичних Web-сторінок.
У HTML-файлі знаходиться виключно символьна інформація. Частина її – це дані, які складають вміст документу, інша – HTML-дескриптори (теги), які являють собою мовні конструкції, що використовуються для розмітки документу і керують його зображенням.
Описание слайда:
Мова гіпертекстової розмітки Мова гіпертекстової розмітки HTML призначена для створення статичних Web-сторінок. У HTML-файлі знаходиться виключно символьна інформація. Частина її – це дані, які складають вміст документу, інша – HTML-дескриптори (теги), які являють собою мовні конструкції, що використовуються для розмітки документу і керують його зображенням.

Слайд 3





Дескриптори
Існує 2 типи тегів: парні і не парні.
У більшості випадків HTML-дескриптори використовуються парами. Кожна пара складається із відкриваючого та закриваючого дескрипторів. Відкриваючий дескриптор має наступний формат:
<ім’я [атрибути]>
Формат закриваючого дескриптора:
</ім’я>
<p align=“left”>Текст</p>
<br/>
Описание слайда:
Дескриптори Існує 2 типи тегів: парні і не парні. У більшості випадків HTML-дескриптори використовуються парами. Кожна пара складається із відкриваючого та закриваючого дескрипторів. Відкриваючий дескриптор має наступний формат: <ім’я [атрибути]> Формат закриваючого дескриптора: </ім’я> <p align=“left”>Текст</p> <br/>

Слайд 4





Структура HTML документа 
Згідно специфікації HTML документ повинен мати наступну структуру: 
<html>
<head> 
<title> Заголовок сторінки </title> 
            <!-- Можлива додаткова інформація --> 
</head> 
<body>
             Вміст сторінки 
</body> 
</html>
Описание слайда:
Структура HTML документа Згідно специфікації HTML документ повинен мати наступну структуру: <html> <head> <title> Заголовок сторінки </title> <!-- Можлива додаткова інформація --> </head> <body> Вміст сторінки </body> </html>

Слайд 5





Заголовок не є обов’язковою частиною Web-документу. Він зазвичай містить службову інформацію, яка не відображається броузером. В заголовку можуть бути використані наступні основні дескриптори:
Заголовок не є обов’язковою частиною Web-документу. Він зазвичай містить службову інформацію, яка не відображається броузером. В заголовку можуть бути використані наступні основні дескриптори:
<TITLE> Заголовок </TITLE>  – заголовок, який відображатиметься у заголовку вікна броузера.
<BASE> – базова адреса, яка використовується при обробці відносних адрес броузером.
<META> – додаткова інформація про HTML-документ (кодування, тип даних тощо).
<LINK> – використовується для зв’язку HTML-документа з іншими джерелами інформації.
Описание слайда:
Заголовок не є обов’язковою частиною Web-документу. Він зазвичай містить службову інформацію, яка не відображається броузером. В заголовку можуть бути використані наступні основні дескриптори: Заголовок не є обов’язковою частиною Web-документу. Він зазвичай містить службову інформацію, яка не відображається броузером. В заголовку можуть бути використані наступні основні дескриптори: <TITLE> Заголовок </TITLE>  – заголовок, який відображатиметься у заголовку вікна броузера. <BASE> – базова адреса, яка використовується при обробці відносних адрес броузером. <META> – додаткова інформація про HTML-документ (кодування, тип даних тощо). <LINK> – використовується для зв’язку HTML-документа з іншими джерелами інформації.

Слайд 6





Атрибути body
<body  background="шлях/адреса файлу зображення для фону" bgcolor = "колір фону" text = "колір символів">
Текст
</body>
Описание слайда:
Атрибути body <body background="шлях/адреса файлу зображення для фону" bgcolor = "колір фону" text = "колір символів"> Текст </body>

Слайд 7





Створення абзаців 
Абзац:
<P ALIGN=Вирівнювання>Текст абзацу</P> 
align={left|right|center|justify} 
<br/>Наступний за цим тегом текст буде наведено у новому рядку без пропуску рядка
Описание слайда:
Створення абзаців Абзац: <P ALIGN=Вирівнювання>Текст абзацу</P> align={left|right|center|justify} <br/>Наступний за цим тегом текст буде наведено у новому рядку без пропуску рядка

Слайд 8





Теги форматування символів тексту
<b> текст </b> Жирний шрифт тексту
<i> текст </i> Шрифт-курсив 
<u> текст </u> Підкреслений шрифт
<sub> текст </sub> Нижній індекс
<sup> текст </sup> Верхній індекс
<big> текст </big> ВЕЛИКИЙ шрифт
<small>текст</small> Малий шрифт
Описание слайда:
Теги форматування символів тексту <b> текст </b> Жирний шрифт тексту <i> текст </i> Шрифт-курсив <u> текст </u> Підкреслений шрифт <sub> текст </sub> Нижній індекс <sup> текст </sup> Верхній індекс <big> текст </big> ВЕЛИКИЙ шрифт <small>текст</small> Малий шрифт

Слайд 9





Заголовки
<Н№>Заголовок</Н№>  - де № - це число яке змінюється від 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>
Описание слайда:
Заголовки <Н№>Заголовок</Н№> - де № - це число яке змінюється від 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





Рисування горизонтальної лінії
Рисування горизонтальної лінії
<hr width = “довжина у пікселях” size= “товщина лінії” color= “колір лінії”/> 
Шрифти
<font face = “назва шрифту” size = “розмір шрифту” color = “колір”> текст </font>
Тег з відформатованим текстом
<pre> текст відображатиметься у браузері так як записаний у коді (перехід на рядки, пропуски тощо) </pre>
Скорочення
<acronym title = “текст розшифровки”>скорочення</acronym>
Описание слайда:
Рисування горизонтальної лінії Рисування горизонтальної лінії <hr width = “довжина у пікселях” size= “товщина лінії” color= “колір лінії”/> Шрифти <font face = “назва шрифту” size = “розмір шрифту” color = “колір”> текст </font> Тег з відформатованим текстом <pre> текст відображатиметься у браузері так як записаний у коді (перехід на рядки, пропуски тощо) </pre> Скорочення <acronym title = “текст розшифровки”>скорочення</acronym>



Похожие презентации
Mypresentation.ru
Загрузить презентацию