Перегляньте презентацію. Зробіть опорний конспект.
Запустіть текстовий редактор Блокнот.
Введіть наступне:
<html>
<head>
<title>Macola Tetyana </title>
</head>
<body text="#F3F781" bgcolor="#0B0B3B" link="#339999" alink="#339999" vlink="#339999">
<center>
<H2>Доброго дня!<br> Мене звати…..<br> На цьму уроці ми будемо вчитися створювати HTML-документи </H2>
<br>
<H1><b><i><font color="#CC0000">Бажаю Вам гарного навчання!</font> :) </b></i></center></H1>
<p align="justify">
<img src="D:\Macola.png" align="left" HSPACE=30 VSPACE=5 alt="моя фотография"> <font color="#F7F8E0" size="+2"> Сьогодні Інтернет увійшов у всі сфери нашого життя – в Інтернеті ми спілкуємося, наша домашня техніка створює інтернет речей, через нього ж працюють наші додатки, в ньому ми шукаємо інформацію. <br>Проте основу Інтернету, як і раніше, становлять веб-сайти і мова, на якій вони написані, – HTML.<br>Саме тому пропоную Вам познайомитись з основними командами мови HTML</font></p>
<p align="justify"</p>
</body>
</html>
Примітка
Для успішного виконання роботи у вас повинно бути завантажено власне фото на диск D:\. У мене D:\Macola.png
Змініть текст повідомлення на свій. Можна написати автобіографію чи вказати власні вподобання.
Збережіть документ під назвою Прізвище.HTML
Відкрийте збережений документ за допомогою браузера та перегляньте створену веб-сторінку. За потреби виправте помилки.
Надішліть файл з готовою роботою на скриньку.
<html> </ html>
Тег HTML вказує початок і кінець HTML документа.
<head> </ head>
Тег HEAD (заголовок HTML-документа) містить інформацію, що відноситься до документа в цілому.
<body> </ body>
Тег BODY охоплює ту частину HTML-документа (текст, зображення та елементи формування), яка буде видно користувачеві.
<title> </ title>
Тег TITLE встановлює заголовок HTML-документа, що виводиться в рядку заголовка вікна броузера.
<body bgcolor=?>
Атрибут BGCOLOR встановлює колір фону HTML-документа. Колір може бути вказаний за допомогою назви або коду.
<body text=?>
Атрибут TEXT встановлює колір для всього тексту HTML-документа. Колір може бути вказаний за допомогою назви або коду.
<body link=?>
Атрибут LINK встановлює колір всіх посилань HTML-документа, які ще не були активізовані.
<body vlink=?>
Атрибут VLINK встановлює колір всіх посилань HTML-документа, які вже були одного разу активізовані.
<h1> </h1>
Тег H1 визначає заголовок першого рівня (найбільші літери у заголовку). Всього є шість рівнів заголовків.
<h6> </ h6>
Тег H6 визначає заголовок шостого рівня (найдрібніші букви в заголовку).
<i> </ i>
Тег I встановлює відображення тексту курсивом.
<strong> </ strong>
Тег STRONG встановлює відображення тексту в жирному накресленні.
<font size=?> </ font>
Атрибут SIZE тега FONT встановлює відносний розмір шрифту. Список можливих значень складається з позитивних і негативних чисел від 0 до 7.
<font color=?> </ font>
Атрибут COLOR тега FONT встановлює колір тексту.
<p> </ p>
Тег P встановлює початок і кінець абзацу.
<p align=?>
Атрибут ALIGN тега P встановлює режим вирівнювання тексту: ліворуч (LEFT), вправо (RIGHT) або по центру (CENTER).
<br>
Тег BR встановлює перенесення рядка (навіть якщо текст триває за тегом).
<ol> </ ol>
Тег OL («ordered list» — впорядкований список) встановлює режим послідовної нумерації елементів, розміщених усередині списку.
<ul> </ ul>
Тег UL («unordered list» — невпорядкований список) встановлює режим відображення тексту у вигляді маркованого списку.
<li> </ li>
Тег LI встановлює режим відображення тексту у вигляді пункту списку. Такий список може бути неврегульованим, упорядкованим або маркованим.
<div align=?>
Тег DIV використовується для структурування та форматування тексту. Атрибут ALIGN тега DIV встановлює режим вирівнювання тексту. Можливо вирівнювання вліво (LEFT), вправо (RIGHT) або по центру (CENTER).
<img src=»name»>
Тег IMG встановлює режим відображення графічного файлу.
<img src=»name» align=?>
Атрибут ALIGN тега IMG встановлює режим вирівнювання зазначеного зображення у відведеному йому просторі. Можливо вирівнювання вліво (LEFT), вправо (RIGHT), по центру (CENTER), вниз (BOTTOM), вгору (TOP), посередині (MIDDLE).
<img src=»name» border=?>
Атрибут BORDER тега IMG встановлює режим відображення рамки навколо зазначеного зображення.
Формат кодів HTML:
Кожен код HTML складається із символа "#" і 6 букв або цифр. Використовується шістнадцятирічна система числення.
Значення символів:
Першими двомя символами в коді кольора HTML позначается насиченість червоного кольору. 00 - наймен насичений і FF - найбільш насичений. Третій і четвертий симовли означають насиченість зеленого, а п'ятий и шостий - синього. Таким чином, комбінуя різні відтінки червоного, зеленого та синього, ми можемо отримати фактично будь-який потрібний нам колір.
Приклади:
#FF0000 - Цим кодом HTML браузер відображає максимально можливий червоний колір і взагалі не відображати зелений та синій.
#00FF00 - Відображає тільки зелений, без червоного та синього.
#0000FF -Відображає тільки синій, без червоного та зеленого.
#FFFF00 - Поєднання червоного та зеленого дає нам жовтий колір.
#CCEEFF - Взяти трохи червоного, трохи більше зеленого та максимально синього, то отримаємо небесно-блакитний колір.
#FFFFFF - Якщо відображати максимально насичені всі кольори, то отримаємо білий.
#000000 - Якщо не відображати жодного кольора, то отримаємо чорний.