Практична робота до уроку "Поняття про мову розмітки гіпертекстового документа"
ТЕМА: ПОНЯТТЯ ПРО МОВУ РОЗМІТКИ ГІПЕРТЕКСТОВОГО ДОКУМЕНТА
ПРАКТИЧНА РОБОТА
Мета: вироблення умінь і навичок створення HTML-документів, які містять теги форматування.
ХІД РОБОТИ
- Запустити на виконання текстовий редактор Блокнот
-
Увести текст:
<html>
<head>
<title>Kobzar Irina </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:\Kobzar.png" align="left" HSPACE=30 VSPACE=5 alt="моя фотография"><font color="#F7F8E0" size="+2">Сьогодні Інтернет увійшов у всі сфери нашого життя – в Інтернеті ми спілкуємося, наша домашня техніка створює інтернет речей, через нього ж працюють наші додатки, в ньому ми шукаємо інформацію. <br>Проте основу Інтернету, як і раніше, становлять веб-сайти і мова, на якій вони написані, – HTML.<br>Саме тому пропоную Вам познайомитись з основними командами мови HTML</font></p>
<p align="justify"Створіть простий HTML- документ, у якому опишіть себе, свої інтереси та додайте своє фото</p>
</body>
</html>
- Зберегти документ з ім’ям Прізвище. Html
- Переглянути отриманий HTML-документ у будь-якому браузері.
- Відправте HTML-документ на електронну скриньку вчителя.
СЛОВНИК 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 встановлює режим відображення рамки навколо зазначеного зображення.
-
Дякую за розробку, ви дуже допомагаєте таким , як я)))
про публікацію авторської розробки
Додати розробку