Початок теги

Поняття про мову HTML.
І. Мова HTML.
Web-сторінку можна зробити на основі спеціального редактора створення web-сторінок або
мови HTML.
Мова HTML – це спеціальна мова розмітки гіпертексту, яка на основі тег(команд) форматує
web-документ.
Щоб відрізнити теги від тексту web-документу їх беруть у кутові дужки <…>.
Створювати web-документ на основі мови HTML рекомендуємо в Блокноті зберігаючи текст
з розширенням html.
ІІ. Теги мови HTML.

Основні команди Приклади використання
Створення Web-сторінки: Обов’язково на початку та в
<html> – початок сторінки кінці будь-якого Web-документу
</html> – кінець сторінки
Введення тексту: <html>
<body> – початок тексту <body> ПРЕДМЕТИ</body>
</body> – кінець тексту </html>
сторінка з текстом
“Предмети”.
Вставка фону: <body bgcolor=gold>
< bgcolor = “колір”> - фон Фон сторінки золотого
вказаного кольору; кольору
< background = “шлях”> - фон <body background=fon1.jpg>
вказаним графічним об’єктом; Фон сторінки малюнком
fon1.jpg розташованим в
поточному каталозі
Форматування положення тексту: <body>
<br> – наступний рядок з нового <p align=center>
рядку; ПОГОДА
<p align=”параметри”> – </p>
вирівнювання тексту. </body>
Параметри вирівнювання:
<center> – текст по центру; Розташування тексту
<left> – текст по лівому краю; ПОГОДА посередині сторінки.
<right> – текст по правому краю;
</p> закрити форматування.
Створення заголовку: <head>
<head> – початок заголовку; <title> Розклад руху </title>
</head> – кінець заголовку. </head>
Створення імені заголовку: У заголовку вікна сторінки
<title> – початок імені; з’явиться текст “Розклад
</title> – кінець імені; руху”
Форматування символів: <body>
<font параметри> – початок <p align=center>
форматування; <font size=5 color=blue>
</font> – кінець форматування. <i> ГОРОСКОПЫ </i>
Параметри форматування: </font>
size=”розмір” – розмір шрифту; </p>
color=”колір” – колір літер; </body>
<b>...</b> – “жирний” стиль;
<i>...</i> – стиль “курсив”; Текст “ГОРОСКОПЫ”
<h1>...</h1> – заголовок 1; розташовано в центрі екрану,
Аналогічно <h2>, розмір шрифту 5, блакитний
<h3>,<h4>,<h5>,<h6>. колір та тип шрифту курсив.
<pre>...</pre> – виведення
тексту по аналогії з введеним в
Блокноті
Вставка горизонтальної лінії: <hr color=magenta size=4
<hr параметри> width=80%>
Параметри лінії:
width=”розмір” – довжина лінії; На сторінці з’явиться
size=”розмір” – ширина лінії; горизонтальна лінія бузкового
(вказуються або в пікселях, або в кольору шириною 4 пікселя та
процентах) довжиною на 80% відкритого
color=”колір” – колір лінії вікна.
Вставка графічного об’єкта: <center >
<img параметри> – вставка <img width=200 height=100
графічних зображень(можна не border=5 src=lev.gif vspace=10
закривати). hspace=20>
Параметри для графічних </center>
об’єктів:
src=”шлях до граф.файлу” – Розташувати малюнок з ім’ям
вказує шлях до граф.файлу; lev.gif по центру екрана
alt=”текст” – текст з’являється на розмірами 200х100 пікселів та
малюнку при наведенні курсору; окантовкою 5 пікселів. Текст
width=”...” – ширина; обтікає малюнок.
height=”...” – висота;
(вказуються або в пікселях, або в <img src=ves.gif alt=”Терези”>
процентах)
border=”розмір” – окантовка Малюнок з ім’ям ves.gif та
вказаного розміру; підписом при наведенні
vspace=відступ - обтікання „Терези”.
малюнка вертикально
hspace=відступ- обтікання
малюнка горизонтально
Створення гіперпосилання <a href=index.html> НАЗАД </a>

на інший документ: Гіперпосилання тексту
“НАЗАД” на Web-сторінку з
<a href=”шлях до документа”> ім’ям index.html.
текст гіперпосилання </a>
<a href=znak3.html>
<img src=oven.gif> </a>
Гіперпосилання малюнку з
файлу oven.gif на Web-
сторінку з ім’ям znak3.html.
Форматування списків <ul>
<ul>...</ul> – початок(кінець) <li type=square > Квадрат
списку <li type=disc> Кружечок
Параметри форматування <li type=circle> Коло
списків: </ul>
<li>...</li> – пункт списку Вигляд при перегляді:
type=disk – позначення списку
кружечком;
type=square – позначення списку ▪ Квадрат
квадратом;
type=circle – позначення списку
колом. ● Кружечок
o Коло
Рядок, що рухається: <html>

<marquee > текст </marquee> <body>
Загальні параметри: <center>
width – ширина; <marquee bgcolor=red
height – висота; height=80% width=20
(в пікселях або процентах) direction=up>
bgcolor – фон рядку; <font color=gold size=5>
loop – кількість <b> З Новим роком! </b>
повторень(автоматично </font> </marquee>
необмежена); </center> </body>
Параметри напрямку руху: </html>
direction=”параметр” Рядок, що рухається з
left – рух вліво; текстом „З Новим роком!”;
right – рух вправо; знизу вгору; на червоному
up – рух вгору; фоні; жовті, жирні, розміром
down – рух вниз; шрифту 5 літери.
Параметри поведінки рядку: Розташування рядка по
behavior=”параметр”; центру сторінки, Розміри
scroll – рухається та зникає; рядку 80% від розміру вікна на
slide – доходить до краю та 20 пікселів.
зупиняється (використовується з
loop);
alternate – рух від краю до краю.
Вимоги до проекту «Початкові теги Html».

Перша сторінка (index.html): Назва закладу, назва теми, картинка (гіперпосилання на
menu.html).
Друга сторінка (menu.html): Назва1-картинка1 (гіперпосилання на stor1.html) та Назва2-
картинка2 (гіперпосилання на stor1.html).
Третя та четверта сторінки (stor1.html, stor2.html) – Назва, картинки, текст по темі.
Оформити роботу:
1. Форматуванням тексту
2. Фоном кольором та фоном текстурою
3. Рядком, що рухається
4. Горизонтально лінією
5. Списком
6. Приємним дизайном.

Початок теги

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Початок теги

Uploaded by

Copyright:

Available Formats

Поняття про мову HTML.

ІІ. Теги мови HTML.

Створення гіперпосилання <a href=index.html> НАЗАД </a>

Рядок, що рухається: <html>

Вимоги до проекту «Початкові теги Html».

You might also like