Конспект уроку з інформатики на тему: "Створення простого сайту мовою HTML"

Про матеріал
Тема. Створення HTML-документа, що містить теги оформлення тексту. Мета. Вироблення умінь і навичок створення HTML-документів, які містять теги оформлення тексту.
Перегляд файлу

Тема. Створення HTML-документа, що містить теги оформлення тексту.

Мета. Вироблення умінь і навичок створення HTML-документів, які містять теги оформлення тексту.

Теоретичні відомості

Створення та форматування текстів.

Більшість HTML документів мають заголовок. Для його створення використовують теги <Hn></Hn>, де n – число від 1 до 6. Уклавши текст між цими тегами, ви отримаєте заголовок певного розміру.

Black (Черный) = "#000000"

Green (Зеленый) = "#008000"

Silver (Серебро)= "#C0C0C0"

Lime (Известь) = "#00FF00"

Gray (Серый) = "#808080"

Olive (Оливковый) = "#808000"

White (Белый) = "#FFFFFF"

Yellow (Желтый)= "#FFFF00"

Maroon (Темно-бордовый) = "#800000"

Navy (Темно-синий) = "#000080"

Red (Красный) = "#FF0000"

Blue (Синий) = "#0000FF"

Purple (Фиолетовый) = "#800080"

Teal (Чирок) = "#008080"

Fuchsia (Фуксия) = "#FF00FF"

Aqua (Аква) = "#00FFFF"


6.06-1.jpg 


Для створення нового абзацу використовується тег <P>, а для переходу на нову стрічку без створення абзацу - тег <BR>. Ці теги закривати не обов'язково. Звичайно, якщо Ви не використовуєте в тегові <P> елемент ALIGN, яким може задаватся вирівнювання абзацу:


<P ALIGN=LEFT> По лівому краю </P>
                               <P ALIGN=CENTER> По центру </P>
                                                                          <P ALIGN=RIGHT> По правому краю </P>
<P ALIGN=JUSTIFY> Текст, що знаходиться між цими елементами вирівнюється по ширині </P>

 

1. Створити папку. Зробити html-сторінку, дати назву Вірш.html. Відформатувати текст за зразком:

Асадов Эдуард

Слово о любви

Любить — это прежде всего отдавать.

Любить — значит чувства свои, как реку,

С весенней щедростью расплескать

На радость близкому человеку.

 

Любить — это только глаза открыть

И сразу подумать еще с зарею:

Ну чем бы порадовать, одарить

Того, кого любишь ты всей душою?!

 

Любить — значит страстно вести бои

За верность и словом, и каждым взглядом,

Чтоб были сердца до конца свои

И в горе и в радости вечно рядом.

 

На головну

 

 

2. Зробити html-сторінку, дати назву Мій_сайт.html: Вставивши власні дані:

3. Зробити посилання Вірш та Про себе (створивши сторінку)....при натисканні на посилання відкриваються сторінки Вірш.html та Про себе.html

4. Про себе.html – коротка автобіографія.

 

Сайт Іванова Івана Івановича

 

Вірш

 

Про себе

Для створен посилання (зсилки) потрібно вказати тег

 <a href="Вірш.html">тут пишемо текст на який будемо натискати!</a>

 

doc
Додано
15 лютого 2020
Переглядів
1437
Оцінка розробки
Відгуки відсутні
Безкоштовний сертифікат
про публікацію авторської розробки
Щоб отримати, додайте розробку

Додати розробку
В прямому ефірі
Вебінар: Поруч кожного дня: підтримка самостійності та розвиток навичок дитини з ООП