IV курс, факультет фізики, математики та інформатики
Троян С.О., викладач
Уманський державний педагогічний університет імені Павла Тичини
Умань
HTML є мовою розмітки, за допомогою неї розробник створює каркас сайту, а вже потім додає Java скрипти і CSS код.
Для створення веб сайту нам потрібно вибрати програмне забезпечення яким ми будемо користуватись. Є багато програм для верстки такі як:
- Notepad++
- Sublime Text
- Firebug
- NeonHTML 4.5
На нашу думку NeonHTML 4.5 є більш оптимізованою і об’єднує в собі можливості застосування, як Java скрипт так і CSS. Є веб переглядач який запускається і закривається клавішою F9.
Після того як ми вибрали програму переходимо до самого коду. Для початку прописуємо найпростіші теги:
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
Тег html означає, що ми будемо працювати з html кодом. Тег зі знаком «/» означає що ми закриваємо його. Тег head відповідає за шапку в ньому ми можемо задати назву вкладки, додати іконку, яка буде відображатись на вкладці. Title задає назву вкладки. Тег body це тіло самого сайту, в ньому ми описуємо вигляд сайту. Можемо «розграфити» сторінку на різні частини за допомогою тега <frameset>, але його не часто використовують через те що до нього не можна задіяти CSS код.
Для початку добавимо колір, для цього до тега <body> добавим bgcolor.
Після чого наш код буде виглядати так:
<html>
<head>
<title>Моя перша сторінка</title>
</head>
<body bgcolor=’#ff0000’>
</body>
</html>
Параметри для bgcolor є обов’язковим, ff0000 це червоний колір, в html використовують шіснадцяткове числення, тому всі кольори описуються в шіснадцяковому коді.
Добавимо текст, для зміни кольору тексту використовуємо <font color=’#’>, цей тег закривається </font>. Для центрування тексту використовуємо <center></center> або <p align=”center”></p> для вирівнювання по лівому краю використовуємо <p align=”left”></p>.
Для додавання посилання використовуємо <a href=’www’></a> де www це посилання на сайт або сторінку, обов’язково між цими тегами має бути або текст або символ.
Щоб зробити текс напів-жирним застосовуємо <b></b>, для курсиву <i></i>.
Для заголовка використовуємо тег <h1></h1>, найменший шрифт прописується <h6></h6>. Також можна прописувати <font size=”+4”> Це найбільший текст</font>, а найменший <font size=”-2”></font>.
Після таких маніпуляцій ми можемо написати найпростішу сторінку:
<html>
<head>
<title>Моя перша сторінка</title>
</head>
<body bgcolor=’#ff0000’>
<center><h1><font color=’#CC0000’><b>Заголовок</b></font></h1></center>
</body>
</html>
СПИСОК ВИКОРИСТАНИХ ДЖЕРЕЛ:
- Дописувачі Вікіпідручника, ‘HTML’, Вікіпідручник, , 2 січень 2017, 13:12 UTC, <https://uk.wikibooks.org/w/index.php?title=HTML&oldid=25773> [цитовано 21 березень 2018]
Відсутній висновок