Основи html для початківців
Основи HTML для початківців. Урок 1
Всім привіт. Я дуже радий, що ви вирішили підкорити вершини основ HTML і це правильний вибір. Адже перед створенням першого сайту потрібно знати основи HTML. Тим більше, вам ще не раз доведеться стикатися з HTML кодуванням на веб-сайті. Дуже рекомендую ознайомитися з уроками HTML для початківців на моєму блозі, і я гарантую, що після проходження цього курсу, ви самі з легкістю зможете створити веб-сторінку або навіть веб-сайт.
HTML не є мовою програмування, він призначений тільки для розмітки текстових документів.
З чого складається HTML документ?
Для кращого розуміння я підготував приклад. Розгляньте уважно малюнок:
1). Будь HTML документ починається з такого рядка:
Цією рядком ми говоримо браузеру, що наш HTML документ відповідає міжнародній специфікації версії 4.01. Завдяки цій сходинці ваша сторінка буде виглядати на всіх браузерах однаково.
Запам'ятовувати цей рядок не обов'язково, HTML документ буде працювати і без неї. Це для того, щоб ви просто були в курсі, що це таке.
2). і - це початок і кінець документа.
3).
і - голова документа. Тут часто вставляються додаткові службові теги, одним з цих тегів є4).
Цей заголовок буде відображатися в браузері:
в пошуку Я ндекс або в Гугл.
5).
і - тіло документа.Тут ви побачите уміст документа, наприклад, текст, картинки, таблиці, музика, фільми і т. Д. Детальніше про те, як вставити музику, текст, картинки в тіло документа ви дізнаєтеся в наступних уроках.
Тегів багато і вони різні за призначенням.
Існують теги, які необхідно закривати. наприклад,
відкриваємо тег
і обов'язково закриваємо тег
А є теги одинаки, наприклад, ось цей
.
Тег - це свого роду контейнер, всередині якого може міститися текст, картинки та інші теги ...
○ Зверніть увагу на правильну послідовність відкриваються і закриваються тегів:
<тэг1> <тэг2> <тэг3> ...
Тег, який ми відкрили першим - закриваємо останнім, другий - передостаннім і т.д.
○ А ось приклад неправильної послідовності відкриваються і закриваються тегів. При такій черговості можуть бути помилки на веб-сторінці:
<тэг1> <тэг2> <тэг3> ...
Помилка була в <тэг1> і <тэг2> .
Будьте уважні при написанні коду.
Готовий код.
Ось так виглядає готовий стандартний обов'язковий HTML код веб-сторінки.
Не турбуйтеся, якщо з усього вище написаного ви мало що або майже нічого не зрозуміли. У другому уроці буде більше практики, і ви зможете самі вручну все прописати і побачити, як працює HTML.