Зміст
Вступ 3
1. Поняття про HTML 5
1.1. Структура файлу у форматі HTML 5
1.2. Відмітна ознака HTML-документа 8
2. Гіпертекстові посилання 12
3. Створення документів в стандарті HTML 15
3.1. Заголовки 15
3.2.Форматірованіе тексту і зміна стилів 15
3.3. Фрейми 17
Висновок 20
БІБЛІОГРАФІЯ 22
Введення
Глобальна Мережа не тільки з'єднала користувачів всього світу, але і утвердилася у вигляді нових технологій на наших персональних комп'ютерах. Дійсно, користувач, який придбав і встановив на своїй машині Microsoft Office, стає володарем Internet-технології в готовому вигляді, незалежно від того, чи підключений його комп'ютер до Мережі чи ні.
Іншими словами, кошти, призначені для роботи з Мережею, стали використовуватися і в інших цілях, з нею не пов'язаних, а серед програмного забезпечення, установлюваного на більшість персональних комп'ютерів, додатки для Internet зайняли своє почесне місце.
Актуальність теми. В Внаслідок робота багатьох користувачів стала мати більше відношення до Мережі, ніж вони того самі, може бути бажали. Так, одним із способів самовираження стало розміщення особистих сторінок в Internet. Багато комерційні фірми стали використовувати Мережу для реклами та збуту своєї продукції. Людям, зайнятим пошуком роботи, став доступний і такий сервіс: скласти резюме у форматі Web-сторінки і розмістити цю інформацію в Мережі. Важливу роль Internet став грати для наукових, навчальних та громадських організацій. Підтвердження цьому легко знайти, вийшовши на простори кіберпростору.
Моя мета полягає в тому, щоб навчитися створювати власні сторінки для WWW. Для цього доведеться познайомитися з правилами, у відповідності з якими сторінки зберігаються на диску комп'ютера. Будь-яка сторінка представлена ​​у вигляді окремого текстового файлу, який можна створити будь-яким текстовим редактором. Так як сторінка може містити не тільки текст, але і безліч інших елементів (шрифтове оформлення тексту, ілюстрації і т. п.), то в текст вбудовуються спеціальні керуючі конструкції, звані тегами. Весь набір правил, за якими потрібно створювати файл з web-сторінкою і записувати окремі теги, називається мовою розмітки гіпертексту (HyperText Markup Language, HTML). Браузери при відкритті файлу у форматі HTML здатні розшифрувати теги і показати сторінку в своєму вікні так, як вона була задумана творцем. В операційній системі Windows файли web сторінок повинні мати розширення "htm" або "html". При навчанні правилам HTML немає необхідності поміщати наші сторінки на чинний сайт в Internet, достатньо зберігати їх у вигляді файлів на конкретній робочої станції або на сервері локальної мережі.
1 Поняття про HTML
Html-документ-це текст, що складається з HTML-кодів та основного тексту документа. Для форматування тексту, завдання структури документа, вбудовування посилань і мулітімедіа-об'єктів в HTML-документах використовуються спеціальні кодові слова, які називаються дескрипторами розмітки (тегами).
Отже, розглянемо основні теги, що входять в кожен Web-документ.
Відмітна ознака HTML-документа. Одним із принципів мови є багаторівневе вкладення елементів. HTML є самим зовнішнім, так як між його стартовим і кінцевим тегами повинна знаходитися вся Web-сторінка.
Область заголовка Web-сторінки. Іншими словами, її перша частина. Так само як і HTML, HEAD служить тільки для формування загальної структури документа. Цей елемент містить в собі гіпертекст, який визначає власне Web-сторінку. Ця та частина документа, яку розробляє автор сторінки і яка відображається браузером. Відповідно, кінцевий тег цього елемента треба шукати в кінці HTML-файлу. Всередині BODY можна використовувати всі елементи, призначені для дизайну Web-сторінки. Всередині стартового тега елемента BODY можна розташувати ряд атрибутів, що забезпечують установки для всієї сторінки цілком.
1.1 Структура файлу у форматі HTML
В першу чергу нам потрібно створити файл з розширенням "htm" або "html" та відкрити його для редагування в текстовому редакторі (працюючи під Windows, можна використовувати стандартну програму "Блокнот").
Текст для HTML-документа набирається в тому вигляді, в якому його повинен показати браузер, а при виділення фрагментів, які призначені для розмітки документа (тегів), використовуються кутові дужки (знаки "більше" і "менше"), наприклад:.
Будь-який документ HTML починається з відкриваючого тега і закінчується відповідним йому закриваючим міткою. Закриваючий тег відрізняється від відкриваючого наявністю косої риски перед назвою тега. У мові HTML немає відмінностей між великими і малими буквами при запису тегів, однак прийнято записувати відкриває тег великими літерами, а закриваючий - малими. Частину документа, яка знаходиться в межах від відкриваючого до відповідного йому закриває тега, називається контейнером (To contain - містити що-небудь). Теги, у яких є закриваючий і відкриваючий варіанти запису називаються парними, а ті, які використовуються тільки в одному виді (наприклад, тег), називаються непарними. Весь файл web-сторінки - це по суті справи один великий контейнер HTML (так як починається і закінчується).
Усередині контейнера HTML послідовно записуються два контейнери:
1. (Заголовок документа). Усередині цього контейнера записуються параметри, загальні для всієї сторінки. Для приклад можна помістити сюди контейнер, що дозволяє розмістити текст для відображення в заголовку вікна браузера.
2. (Тіло документа). Цей контейнер містить все те, що повинен показати браузер всередині свого вікна при відкритті документа. Якщо документ містить лише текст, то цей текст потрібно записувати саме тут, якщо є інші елементи (графіка, таблиці, посилання та т. д.).
Якщо порівняти вихідні тексти різних Web-сторінок, можна легко побачити схожість їх структур. Це пояснюється тим, що документи створюються за певними правилами. В основу синтаксису мови HTML ліг стандарт ISO 8879:1986 В«Information processing. Text and Office systems. Standard Generalized Markup Language (SGML) В». Правда, існує велика різниця між стандартом офіційним і стандартом фактичним.
Нижче наведений шаблон типового Web-документа. На його прикладі ми розглянемо загальні принципи побудови HTML-сторінок.
Для того щоб зрозуміти структуру Web-сторінки, нам необхідно докладно розглянути всі елементи, входять у наведений лістинг.
name ='' Author''
content ='' Irina''>
name ='' Keywords''
content ='' WWW, HTML, document, element''>
Перехід в кінець документа
Перехід до посиланні 1
Заголовок1
Заголовок2
Заголовок3
Заголовок4
Заголовок5
Заголовок6
Тут розташовано посилання 1
Тут повинен розташовуватися оригінальний текст Web-сторінки
Перехід в початок документа
Текст коментаря.
У будь-якій мові програмування є конструкції, що дозволяють створювати довільні ремарки. HTML в цьому сенсі - не виняток. Текст, поміщений усередині COMMENT, ігнорується браузером. COMMENT може розташовуватися в будь-якому місці коду Web-сторінки. Без кінцевого тега, тут мабуть не обійтися: коментар повинен бути відділений від основного тексту.
Існує, щоправда, одне обмеження: у середині коментарю не повинні розташовуватися інші елементи. Так повинно бути, зрозуміло, тільки в тому випадку коли необхідно, щоб усі вміст елемента COMMENT не відображалося на екрані монітора. Якщо в коментарі буде присутній інший елемент, то його вміст буде виведено на екран, отформатироване відповідним чином. З цією проблемою пов'язана інша, схожа: звичайний текст не може містити фрагменти, що мають вид тегів. Для того щоб включати в текст подібні конструкції, ...
