Як створити html-сторінку: покрокова інструкція, технологія і рекомендації
Думаєте, як створити HTML-сторінку? Для цього потрібно витратити кілька годин, і ви будете знати основи HTML. А створити свою першу сторінку зможете за 5 хвилин.
HTML розшифровується як HyperText Markup Language. У перекладі це означає "мова гіпертекстової розмітки". Важливо розуміти, що HTML - це не мова програмування, а саме розмітки сайту.
Всі сучасні браузери вміють розпізнавати його. Потім вони відображають інформацію в зручному вигляді для користувача, як заздалегідь було задумано автором.
У цій мові використовуються спеціальні теги. Кожен тег виконує свою функцію. Їх дуже багато. В ідеалі потрібно вивчити всі. Але для початківця базових знань цілком достатньо.
основи HTML
Перед тим як створити HTML-сторінку, потрібно знати, з чого вона складається. У цій мові є два поняття: елемент і тег.
Для того щоб вказати, де цей елемент починається і закривається, використовуються відкриває і закриває тег. Виглядає це так.
lt; відкриває тегgt; вміст
Як бачите, що відкриває і закриває тег відрізняються тільки "/".
Весь HTML-документ являє собою набір цих елементів. Існують певні вимоги до структури документа. Весь вміст сторінки має перебувати між двома тегами і . Коли ви будете писати код, візьміть собі за звичку відразу проставляти відкривається і закривається тег.
Також запам`ятайте, що структура мови HTML має свою ієрархію. Інакше вона називається вкладеність. тег HTML є найголовнішим, оскільки всі інші знаходяться всередині його.
У HTML є два дочірніх елементи:
- ... ;
- .. .
У блоці HEAD вказується різна службова інформація. Ця інформація в браузер не виводиться. Наприклад, вказівки для розробників, для будь-яких програм, для роботів і багато іншого.
Найголовніше - тут немає контенту.
У розділі BODY вказується зміст документа, яке буде відображено користувачеві.
Вчіться відразу робити відкриті і закриті теги, оскільки може бути і по 10 вкладених елементів. Крім цього, для зручності рекомендується вкладені теги робити з відступом. Наприклад, ось так.
Відео: Як створити сайт, покрокова інструкція. Покрокова інструкція, як створити сайт.
Так роблять, щоб рівні за значимістю теги були на одному рівні, а дочірні - "всередині". Так набагато зручніше для сприйняття і пошуку потрібного шматка коду. Інакше можна заплутатися. Але для економія місця саме теги head і body можна робити без відступів. Так надходять, щоб у всіх інших не було зайвого відступу. Все інше бажано відокремлювати.
Як створити просту сторінку на HTML
Для написання коду вам потрібен якийсь редактор. Їх дуже багато. Популярними є Notepad ++ і Adobe Dreamweaver. Також можна використовувати і блокнот.
Ось так виглядає редактор Notepad ++.
Це дуже зручний редактор і при цьому безкоштовний. Вищевказаний Adobe Dreamweaver є платним. Відмінність редакторів, призначених для написання коду HTML, від блокнота - в тому, що спеціальні теги підсвічуються. Якщо він не підсвітити, значить, ви написали неправильно.
Для того щоб підсвічування відповідала мови, її потрібно вказати в налаштуваннях.
Давайте розглянемо, як створити сторінку HTML в блокноті. Тобто закінчимо технічну частину і потім безпосередньо перейдемо до вивчення тегів.
Як створити веб-сторінку в блокноті HTML
Для початку відкрийте блокнот.
Потім наберіть в ньому те, що вказано на наступному скріншоті.
Звикайте писати руками, а не просто копіювати. Коли ви пишете руками, ви краще запам`ятовуєте всю базу тегів.
Після цього натисніть в меню "Зберегти файл" і вкажіть будь-яке ім`я файлу, але з розширенням .html.
Після цього файл можна відкривати в браузері і милуватися результатом. Тепер вам повинно бути зрозуміло, як створити веб-сторінку в блокноті HTML.
Всесвітній консорціум W3C
Існує така організація, як W3С, яка розробляє та впроваджує всі стандарти для інтернету. Всі браузери підкоряються цим стандартам і обробляють розмітки (коди) сторінок згідно з цими правилами.
На офіційному сайті розробників мови HTML можна знайти таблицю з усіма тегами і правилами їх використання. В рамках даної статті ми розглядаємо найосновніші.
Ви можете подумати, які можуть бути правила? Всі описані теги мають свою рекомендацію. Їх декілька:
- Необов`язковий тег.
- Заборонене.
- Порожній тег.
- застарілий
- Загублений.
Теги в HTML
Перед тим як створити HTML-сторінку, потрібно розібратися з тим, що повинно бути у службовій частині HEAD.
В області HEAD є як обов`язкові, так і необов`язкові теги. До обов`язкового тегу відноситься заголовок. він позначається
Перейдемо до розділу BODY. Існують елементи, які відображаються в браузері, а є і не відображаються. Наприклад, коментарі не відображаються користувачу. Їх можна використовувати для нотаток або ж для підказки іншим співробітникам, якщо ви працюєте в команді.
Позначається вони як
Все, що знаходиться між, розцінюється програмою саме так. Зверніть увагу, що не можна вкласти тег-коментар в інший тег-коментар. Оскільки як тільки ви відкриєте.
Приклад такої вкладеності:
продовження першого коментаря --gt;
Результатом в браузері буде наступне
продовження першого коментаря --gt;
А ось шматок НЕ буде видно. Другий відкривається тег