HTML ( Hyper Text Markup Language ) означає мову розмітки гіпертексту. Ця мова був розроблений Тімом Бернерс – Лі в рамках створення проекту розподіленої гіпертекстової системи, яку він назвав World Wide Web (WWW ) або Всесвітня павутина. HTML призначений для написання гіпертекстових документів, що публікуються в World Wide Web.
Документ на мові HTML може включати наступні компоненти:
– стилізований і форматований текст,
– команди включення графічних і звукових файлів,
– гіперзв’язки з різними ресурсами Internet.
– скрипти на мові JavaScript і VBScript.
– різні об’єкти, наприклад Flash -анімацію.
Документи HTML є звичайними текстовими файлами, що містять спеціальні теги (або керуючі елементи ) розмітки. Теги розмітки вказують браузеру Web (програмі користувача для відображення web – сторінок, наприклад, Internet Explorer, Mozilla, Netscape або Opera), як треба вивести сторінку.
Файли HTML зазвичай мають розширення htm або html. Їх можна створювати за допомогою будь-якого текстового редактора.
Мова HTML є підмножиною потужного мови SGML ( Standard Generalized Markup Language ), який широко використовується у видавничій діяльності. Основний виграш від використання цих мов полягає в переносимості тексту між різними видавничими системами. Ця ж особливість зберігається і в HTML. Так, читаючи документ, користувачі можуть встановлювати способи виділення тексту, гарнітуру і розмір шрифтів за своїм смаком ; вони можуть скасувати перегляд малюнків.
У документі HTML можна виділити два основних блоки : головний частина і тіло документа. Вміст головної частини не виводиться на екран користувача, за винятком заголовка, в ній, як правило, вказують ключові слова, авторів та іншу службову інформацію, а також підключають зовнішні таблиці стилів і скрипти. У тілі документа розміщують ту інформацію, яка буде виведена користувачеві.
Мій перший сайт
У різних операційних системах є різні редактори, які можна використовувати для створення документів HTML.
Якщо ви використовуєте :
Microsoft Windows запустіть редактор Notepad ;
Mac OS запустіть редактор SimpleText ;
OSX запустіть редактор TextEdit ( обов’язково поміняйте налаштування ” Rich Text ” або ” Розширений текст ” на ” Plain text ” або ” Простий текст ” і відзначте пункт ” Ignore rich text commands in HTML files ” або ” Ігнорувати команди розширеного текстового формату в файлах HTML ” ).
Файли HTML можна створювати і в редакторі Microsoft Word, в якому є можливість зберегти документ як Web -сторінку ( в меню “Файл ” ), проте використовувати цю можливість не рекомендується. По-перше, тому що HTML -код, генерований MS Word не оптимальний і містить безліч непотрібних елементів розмітки, і, по-друге, автоматична генерація коду не сприятиме вивченню і правильному розумінню HTML.
Є також велика кількість спеціалізованих редакторів для створення файлів HTML, таких як FrontPage, Macromedia Dreamweaver або Adobe Web Bundle, які володіють можливістю WYSIWYG ( What You See Is What You Get – що бачиш, те й отримаєш ). З їх допомогою можна легко створювати документи HTML, за допомогою кнопок та елементів меню, а не писати самому теги розмітки. Однак, як вже зазначалося вище, тим, хто хоче стати технічно грамотним розробником Web, настійно рекомендується використовувати простий текстовий редактор для початкового вивчення HTML.
Надрукуйте наступний текст:
<html>
<head>
<title> Це заголовок сторінки < / title >
</ head >
<body>
<h1> Здравствуйте! </ h1 >
<p> Це моя перша сторінка HTML. <b> Цей текст виводиться жирним шрифтом. </ b > </ p >
</ body >
</ html >
Збережіть файл як ” page1.htm “.
При збереженні файлу HTML можна використовувати розширення. Htm або. Html. Розширення. Htm було прийнято для старих версій операційних систем, які допускали трибуквенне розширення для файлів. В даний час практично всі операційні системи не мають подібного обмеження і можна використовувати розширення. Html.
Тепер подивіться, як браузер відобразить вашу першу сторінку. Запустіть браузер Інтернет. Виберіть “Open ” або ” Open Page ” (” Відкрити” або ” Відкрити сторінку “) у меню File (Файл ) браузера. З’явиться діалогове вікно. Виберіть “Browse ” або ” Choose File ” (” Перегляд ” або ” Вибрати файл” ) і знайдіть щойно створений файл HTML – ” page1.htm ” – виберіть його і клацніть на кнопці “Open ” (” Відкрити” ). У діалоговому вікні повинен з’явитися адресу, наприклад “C: \ MyDocuments \ page1.htm “. Клацніть на кнопці ОК, і браузер виведе на екран вашу сторінку.
Розбір прикладу
Ваш перший HTML – документ починається з тега <html>, який повідомляє браузеру про початок документа HTML і закінчується тегом </ html >, який інформує браузер про досягнення кінця документа HTML.
Текст між тегами <head> і </ head > є інформацією заголовка документа. Ця інформація не виводиться у вікні браузера.
Текст “Це заголовок сторінки ” між тегами <title> і </ title > є заголовком документа. Цей заголовок виводиться в рядку заголовка вікна браузера.
Текст між тегами <body> і </ body > є текстом, який буде виведений у вікні браузера. Текст ” Здрастуйте!” між тегами <h1> і </ h1 > буде відображений стилем заголовка, зазвичай жирним шрифтом більшого розміру.
Тег <p> означає, що починається новий параграф, тег </ p > означає кінець параграфа.
Текст “Цей текст виводиться жирним шрифтом. ” між тегами <b> і </ b > буде виведений жирним шрифтом.
Але як вибрати хостинг? На що звернути увагу? Якою буде краще? Пропоную тобі класну інфографіку, яка допоможе розставити всі крапки…
Від якості хостингу залежить багато чого: стабільність роботи ресурсу, безпека сайту, простота управління ним, прибуток, в кінці кінців. Щоб вибрати…
Сучасні екрани-гіганти дозволяють зануритися в поєднання яскравих образів. Як же вибрати телевізор для дому?
Компанії, які надають послуги з оренди місць для розміщення веб-ресурсів, називають хостингові компанії, хостинги, хостери, хости, hosting.
На що потрібно звертати увагу при виборі акумулятора, які параметри важливі, а які другорядні, а також де шукати хороші АКБ,…
Останнім часом смарт-гаджети дуже популярні у просунутих користувачів техніки. Це особливо стосується смарт-годинника або «розумних годин, як їх ще називають.