Відмінності між версіями «Створення веб-сторінок Одеська школа 27»

Матеріал з Iteach WIKI
Перейти до: Навігація, пошук
(→‎Основні теги)
 
(не показані 8 проміжних версій 2 учасників)
Рядок 1: Рядок 1:
−
==Урок 1==
+
[http://wiki.iteach.com.ua/%D0%A1%D1%82%D0%B2%D0%BE%D1%80%D0%B5%D0%BD%D0%BD%D1%8F_%D0%B2%D0%B5%D0%B1-%D1%81%D1%82%D0%BE%D1%80%D1%96%D0%BD%D0%BE%D0%BA_%D0%9E%D0%B4%D0%B5%D1%81%D1%8C%D0%BA%D0%B0_%D1%88%D0%BA%D0%BE%D0%BB%D0%B0_27_%D0%A3%D1%80%D0%BE%D0%BA_1 Урок 1] Мова HTML. Web-сторінки та Web-сайти. Теги мови HTML.
−
<b>HTML</b> (HyperText Markup Language) - мова розмітки гіпертексту.
+
  
−
<b>HTML</b>-документ (або <b>Web</b>-документ, або <b>Web</b>-сторінка) - текстовий файл з розширенням .htm або .html
+
[http://wiki.iteach.com.ua/%D0%A1%D1%82%D0%B2%D0%BE%D1%80%D0%B5%D0%BD%D0%BD%D1%8F_%D0%B2%D0%B5%D0%B1-%D1%81%D1%82%D0%BE%D1%80%D1%96%D0%BD%D0%BE%D0%BA_%D0%9E%D0%B4%D0%B5%D1%81%D1%8C%D0%BA%D0%B0_%D1%88%D0%BA%D0%BE%D0%BB%D0%B0_27_%D0%A3%D1%80%D0%BE%D0%BA_2 Урок 2] Розбиття тексту на логічні частини. Теги форматування тексту
−
який розмічений засобами мови HTML для відображення браузером на екрані комп'ютера.
+
  
−
Web-сайт - це сукупність Web-сторінок (від кількох до кількох тисяч), які об'єднані спільною темою і розміщені, як правило на одному комп'ютері (сервері) в мережі.
+
[http://wiki.iteach.com.ua/%D0%A1%D1%82%D0%B2%D0%BE%D1%80%D0%B5%D0%BD%D0%BD%D1%8F_%D0%B2%D0%B5%D0%B1-%D1%81%D1%82%D0%BE%D1%80%D1%96%D0%BD%D0%BE%D0%BA_%D0%9E%D0%B4%D0%B5%D1%81%D1%8C%D0%BA%D0%B0_%D1%88%D0%BA%D0%BE%D0%BB%D0%B0_27_%D0%A3%D1%80%D0%BE%D0%BA_3 Урок 3] Списки в Web-документах
  
−
Розмітка (верстка) документа засобами HTML виконується у два етапи:
+
[http://wiki.iteach.com.ua/%D0%A1%D1%82%D0%B2%D0%BE%D1%80%D0%B5%D0%BD%D0%BD%D1%8F_%D0%B2%D0%B5%D0%B1-%D1%81%D1%82%D0%BE%D1%80%D1%96%D0%BD%D0%BE%D0%BA_%D0%9E%D0%B4%D0%B5%D1%81%D1%8C%D0%BA%D0%B0_%D1%88%D0%BA%D0%BE%D0%BB%D0%B0_27_%D0%A3%D1%80%D0%BE%D0%BA_4 Урок 4] Таблиці в Web-документах
  
−
► документ розбивається на елементи: Заголовки, абзаци, малюнки, таблиці тощо;
+
[http://wiki.iteach.com.ua/%D0%A1%D1%82%D0%B2%D0%BE%D1%80%D0%B5%D0%BD%D0%BD%D1%8F_%D0%B2%D0%B5%D0%B1-%D1%81%D1%82%D0%BE%D1%80%D1%96%D0%BD%D0%BE%D0%BA_%D0%9E%D0%B4%D0%B5%D1%81%D1%8C%D0%BA%D0%B0_%D1%88%D0%BA%D0%BE%D0%BB%D0%B0_27_%D0%A3%D1%80%D0%BE%D0%BA_5 Урок 5] Таблиці в Web-документах (продовження)
−
 
+
−
► для кожного елемента задається команда мови HTML, що називається <b>тегом</b> (або <b>дескриптором</b>)
+
−
 
+
−
<b>Тег</b> - це команда, що описує певний елемент HTML-документа, і міститься в кутових дужках < >.  
+
−
 
+
−
Теги бувають парні та непарні.
+
−
==Основні теги==
+
−
 
+
−
<html>...</html> - початок і кінець html-документу
+
−
 
+
−
<head>...</head> - початок і кінець Заголовку html-документу
+
−
 
+
−
<body>...</body> - початок і кінець Тіла html-документу
+
−
 
+
−
Деякі теги можуть мати <b>атрибути</b>. Атрибути вказують як саме буде відображатися елемент, на який вказує тег.
+
−
 
+
−
Наприклад:
+
−
 
+
−
<body bgcolor=blue text=yellow>
+
−
 
+
−
      жовтий текст на синьому тлі
+
−
 
+
−
<p style="font-size:16pt; color:blue;">
+
−
 
+
−
 
+
−
Структура веб-сторінки.</p>
+
−
 
+
−
<b><html></b>
+
−
 
+
−
<b><head></b>
+
−
 
+
−
<b><title></b> Заголовок сторінки <b></title></b>
+
−
 
+
−
<b></head></b>
+
−
 
+
−
<b><body></b>
+
−
 
+
−
Зміст сторінки
+
−
 
+
−
<b></body></b>
+
−
 
+
−
<b></html></b>
+
−
 
+
−
<h2 style = color:green;>Наприклад</h2>
+
−
 
+
−
<html>
+
−
 
+
−
<head>
+
−
 
+
−
<title> Сайт Петренко Федора</title>
+
−
 
+
−
</head>
+
−
 
+
−
<body bgcolor=black text=white>
+
−
 
+
−
Мене звати Петренко Федір. Я навчаюся в середній школі №27 м. Одеси. Люблю грати у футбол, плавати та слухати музику.
+
−
 
+
−
</body>
+
−
 
+
−
</html>
+

Поточна версія на 12:13, 10 жовтня 2012

Урок 1 Мова HTML. Web-сторінки та Web-сайти. Теги мови HTML.

Урок 2 Розбиття тексту на логічні частини. Теги форматування тексту

Урок 3 Списки в Web-документах

Урок 4 Таблиці в Web-документах

Урок 5 Таблиці в Web-документах (продовження)

Отримано з http://wiki.iteach.com.ua/index.php?title=Створення_веб-сторінок_Одеська_школа_27&oldid=274060