Ти тут

Як створити 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 ++.

як створити html сторінку

Це дуже зручний редактор і при цьому безкоштовний. Вищевказаний Adobe Dreamweaver є платним. Відмінність редакторів, призначених для написання коду HTML, від блокнота - в тому, що спеціальні теги підсвічуються. Якщо він не підсвітити, значить, ви написали неправильно.

як створити веб сторінку html

Для того щоб підсвічування відповідала мови, її потрібно вказати в налаштуваннях.

як створити просту сторінку на html

Давайте розглянемо, як створити сторінку HTML в блокноті. Тобто закінчимо технічну частину і потім безпосередньо перейдемо до вивчення тегів.

Як створити веб-сторінку в блокноті HTML

Для початку відкрийте блокнот.

як створити веб сторінку в блокноті html

Потім наберіть в ньому те, що вказано на наступному скріншоті.

як створити сторінку html в блокноті

Звикайте писати руками, а не просто копіювати. Коли ви пишете руками, ви краще запам`ятовуєте всю базу тегів.



Після цього натисніть в меню "Зберегти файл" і вкажіть будь-яке ім`я файлу, але з розширенням .html.

збереження в блокноті

Після цього файл можна відкривати в браузері і милуватися результатом. Тепер вам повинно бути зрозуміло, як створити веб-сторінку в блокноті HTML.

Всесвітній консорціум W3C

Існує така організація, як W3С, яка розробляє та впроваджує всі стандарти для інтернету. Всі браузери підкоряються цим стандартам і обробляють розмітки (коди) сторінок згідно з цими правилами.

На офіційному сайті розробників мови HTML можна знайти таблицю з усіма тегами і правилами їх використання. В рамках даної статті ми розглядаємо найосновніші.

Ви можете подумати, які можуть бути правила? Всі описані теги мають свою рекомендацію. Їх декілька:

  • Необов`язковий тег.
  • Заборонене.
  • Порожній тег.
  • застарілий
  • Загублений.

Теги в HTML

Перед тим як створити HTML-сторінку, потрібно розібратися з тим, що повинно бути у службовій частині HEAD.

В області HEAD є як обов`язкові, так і необов`язкові теги. До обов`язкового тегу відноситься заголовок. він позначається Заголовок. Він присвоюється всьому документу. І те, що ви бачите в результатах пошукової системи Google, - це тег title.

Перейдемо до розділу BODY. Існують елементи, які відображаються в браузері, а є і не відображаються. Наприклад, коментарі не відображаються користувачу. Їх можна використовувати для нотаток або ж для підказки іншим співробітникам, якщо ви працюєте в команді.

Позначається вони як

Все, що знаходиться між, розцінюється програмою саме так. Зверніть увагу, що не можна вкласти тег-коментар в інший тег-коментар. Оскільки як тільки ви відкриєте.

Приклад такої вкладеності:

продовження першого коментаря --gt;

Результатом в браузері буде наступне

продовження першого коментаря --gt;

А ось шматок НЕ буде видно. Другий відкривається тег