
- •Розробка Web-сайту за допомогою html5
- •Завдання на дипломне проектування
- •Загальний розділ
- •1.1 Гіпертекст
- •1.2 Синтаксис html
- •Ці елементи можуть розташовуватися в будь-якому місці Інтернет-сторінки. Ознакою коментаря служить знак оклику, а текст коментаря повинен обрамлятися подвійним дефісом.
- •Розробка технічного та робочого проекту
- •2.1 Основні відомості про html5
- •Позитивні сторони html5
- •2.3 Недоліки html5
- •Приклад реалізації ігор на html5
- •2.5 Приклади реалізації додатків
- •2.6 Порівняння браузерів щодо html5
- •5. Охорона праці та безпека життєдіяльності
- •Висновки
- •Література
1.2 Синтаксис html
Структура Web-сторінки – це те, як вона написана.
Заготівля типової Web-сторінки:
<HTML> <HEAD> <TITLE> Структура Web-сторінки </TITLE > <STYLE> H2 {font-family: Arbat;} CODE {font-family: Arial;} </STYLE> < МЕТА HTTP-еquiv. = "Content-Type" content=”text/ HTML; chariest = Windows-1251" >
<META name = content "Author" = "Denis Efimov"> <META name = content "Keywords" = "HTML, document, element"> </HEAD> <BODY BGCOLOR = #FFFFFF> <! -- Коментар до сторінки -- !> <A name= <top></a> Перехід до <A href = "#bottom"> кінець </ > документа <P> Перехід до <A href = "#S001"> <B> посиланням 1 </ B> </ A> <P>
<P>
<HR> <H1> Заголовок </ h1 > <H2> Заголовок </ h2> <H3> Заголовок </ h3> <H3> Заголовок </ h4> <H3> Заголовок </ h5 > <H3> Заголовок </ h6 > <HR>
<P> Тут повинен розташовуватися оригінальний текст Web–сторінки <HR> <A name = "bottom"> </a> <P>
Перехід в <A href = "#top"> початок </a> документа
</BODY>
</HTML>
Якщо розглянути вихідні тексти різних Web-сторінок, то можна легко побачити схожість їх структури. Це пояснюється тим, що документи створюються за певними правилами. В основу синтаксису мови HTML ліг стандарт ISO 8879:1986 «Обробка інформації. Текстові та офісні системи. Cтандартна узагальнена мова розмітки (переклад з англійської мови - SGML)».
<HTML></html>
Означає документ на мові HTML. Я вже згадував про те, що одним із принципів мови є багаторівневе вкладення елементів. Даний елемент є самим зовнішнім, так як між його початковим і ліжковим тегами повинна знаходиться вся Web-сторінка. В принципі цей елемент. Він має атрибути
version, long та dir, якими, в даному випадку, рідко хто користується і допу-
скає вкладення елементів HEAD, BODY та інших. Кінцевим тегом </HTML> закінчуються абсолютно усі створені розробником документи в форматі HTML.
<HEAD></head>
Область заголовка Web-сторінки, її перша частина. HEAD служить тільки для формування загальної структури документа. Цей елемент може мати атрибути IANG, DIR, повинен включати елемент TITLE і допускає вкладення елементів BASE, META, LINK, ОБ'ЄКТ, SCARIPT, STULE.
<TITLE></title>
Елемент для розміщення заголовка Web-сторінки. Рядок тексту, розташованого всередині цього елемента, відображається не в документі, а в заголовку вікна браузера. Цей рядок часто використовується при організації пошуку в WWW. Цей рядок повинна досить точно відображати призначення документа.
<STYLE></style> Елемент для опису стилю деяких елементів веб-сторінки. У файлі Strukt.Htm призначені шрифти для елементів h2, code. Для кожного елемента існує стильове оформлення за замовчуванням, тому вживання елемента стилю не обов'язково, але бажано. Цей елемент введений порівняно недавно, без нього немислима робота в додатках Word, Excel.
<META> Елемент містить службову інформацію, яка не відбивається при перегляді веб-сторінки. Всередині нього немає тексту у звичайному розумінні, тому немає і кінцевого тега. Кожен елемент META містить два основних атрибуту, перший з яких визначає тип даних, а другий - зміст.
<!-- Коментар --!>
У будь-якій мові програмування є конструкції, що дозволяють створювати довільні ремарки. HTML в цьому сенсі - не виняток. Текст, введень всередині цього елемента, ігнорується браузером.