- •6.100202 «Процеси машини і обладнання
- •Всесвітня мережа internet
- •Дулепа в.І.
- •Компютерні мережі
- •Питання для самоконтролю:
- •Електронна пошта
- •3 Групи новин (телеконференцій)
- •Лабораторна робота № 30 Вправа № 1 Створення Web-сторінки
- •Мова html
- •Структура html- документа
- •Встановлення кольору фону
- •Параграф
- •Створення заголовків
- •Привіт, це моя перша сторінка ласкаво просимо!
- •Вправа № 2. Графіка і посиланя на Web-сторінці
- •Вправа №3
- •Індивідульне завдання.
- •Список літератури
Параграф
Параграфи вводяться тегом <p></p>. За допомогою параграфів можна вирівнювати текст:
по центру
<p align= «center»> текст</p
По лівому краю
<p align= «left»> текст </p>
По ширині
<p align= «justify» >текст</p>
Якщо не встановлювати параграф, текст «з мовчазної згоди» вирівнюється по лівому краю.
Шановний колего! Я вивчаю мову HTML, щоб створити власну домашню Web- сторінку для спілкування з друзями і знайомими. Щоб вони могли подивитися мою фотокартку, прочитати про мене, написати кілька рядків в мою гостьову книгу.
</p>
</body>
<html>
Створення заголовків
Щоб виділити текст, використовують теги заголовків H1-H6. Наприклад, так: <Н3> З новим роком! </H3>.
Заголовки призначені для виділення невеликої частини тексту (рядок, фраза). Щоб виділити невеликий фрагмент тексту або тільки одне слово, треба скористатися відомими тегом <font> <font> за зразком:
<font size=”+4”>текст</font>
<font size=”+3”>текст</font>
<font size=”+2”>текст</font>
<font size=”+1”>текст</font>
<font size=”+0”>текст</font>
<font size=”-1”>текст</font>
<font size=”-2”>текст</font
Параметр size задає розмір шрифту, але на відміну від заголовків текст не виділяється жирним шрифтом і немає примусового перенесення .
Написання тексту задається за допомогою тегів:
<b>Жирний текст</b>
<i>Текст курсивом</i>
<u>Підкреслений текст </u>
Назва шрифту задається за допомогою тегів:
<font face= “ARIAL”> шрифт Arial</font>
Тут за допомогою атрибута face задано шрифт Arial.
Спробуйте до попереднього HTML- файла за допомогою редактора “Блокнот” оддати нові елементи і зберегти з новим імям priklad4.html;
<html>
<head>
<title></title>
</head>
<body text=”#336699” bgcolor=”#FFFFFF”>
<center>
<H3>привіт, це моя перша сторінка.</H3>
<br>
<font color =”#CC0000”> <H1> Ласкаво просимо!</H1></font>
</center>
<p align=”justify”>
<font size=”+2”> Шановний колего! </font>Я вивчаю мову <font size=”+1”> HTML,<font> щоб створити власну <i> домашню Web-сторінку </i> для спілкування з друзями і знайомими. Щоб вони могли <b> <i> подивитися мою фотокартку </i> </b>, прочитати про мене, написати кілька рядків в мою <u> гостьову книгу. </u>
</p>
</body>
</html>
Привіт, це моя перша сторінка ласкаво просимо!
Шановний колего! Я вивчаю мову HTML, щоб створити власну домашню WEB-сторінку для спілкування з друзями і знайомими. Щоб вони могли подивитися мою фотокартку, прочитати про мене, написати пару рядків в мою гостьовую книгу.
Якщо за допомогою браузера переглянути цей HTML-файл, двічі клацнувши на його піктограмі, на екрані він буде мати наведений вигляд.
Питання для самоконтролю:
1. Якою мовою створюється Web-сторінка і яким чином відображається?
2. Що таке “гіперпосилання”? Який має вигляд і як ним користуватися?
3. Щотаке “тег”? Для чого теги використовуються?
4. Яку структуру має HTML-документ?
5. Як відобразити на екрані HTML-документ?
6. Як мовою HTML встановити колір тексту? Де описані коди кольорів?
7. Яким тегом одночасно встановити колір тексту і фону?
8. Як вирівняти текст по центру, по ширині, по лівому або правому краю?
9. Якими способами мови HTML виділити фрагменти тексту?
10. Якими засобами мови HTML задати написання тексту або (І) вид шрифту?