Підручник html для початківців

Почну, мабуть, з початку ..

HTML мова за своєю суттю не є мовою програмування. вона є мовою розмітки гіпертекстових документів. Іншими словами він відповідає за розташування в документі Ваших текстів, малюнків, таблиць. призначених для життя в мережі Інтернет. Змусити його порахувати, скільки буде двічі два неможливо, в ньому немає логічних функцій, зате красиво і головне легко викласти інформацію про те, що двічі два буде чотири - це запросто. Читається ця мова за допомогою знайомих Вам програм, іменованих браузерами (оглядачами), які "знають" стандартні команди html мови, і "пережовуючи" їх виводять на монітор комп'ютера документи в тому вигляді, в якому хоче представити їх веб майстер - укладач документа.

Тепер про командах - їх називають дескрипторами, але частіше - тегами.

Повернемося до нашої першій сторінці. тож ми написали:



Моя перша сторінка


Привіт світ.


Мене звуть Карлсон, це моя перша сторінка!

Так ось те що написано між <…> - називають тегами вони не видно читачеві, зазирнув на Вашу сторінку, зате добре видно браузеру, який наткнувшись на тег розуміє його як сигнал до того, що далі буде документ, який необхідно прочитати і вивести на монітор в потрібному вигляді. а ось тег говорить про те що документ закінчився і від нього, чи то пак браузера, більше нічого не потрібно і він може відпочивати з чистою совістю.

Так що ж ми написали? і як це читає браузер?

- початок документа. знову роботи привалило ..
- дивимося словничок англійської переводимо "голова" ... в голові моїй тирса не біда. тут вказується основна службова інформація про документ. ну і що вони там від мене хочуть?
- "Назва" означає. це в шапці вікна потрібно написати його назву:<br>Моя перша сторінка - знову чайник тренується ..<br> - все назва закінчилося. можна йти далі ..
- ага і в голові крім назви більше ніяких безглуздих думок не тримаємо ..
- "Тіло" документа все що написано нижче виставляємо на загальний огляд
Привіт світ. - як мило! Дістали вже.

- переносимо текст на наступну сходинку. я навіть здогадуюся що в ній буде.
Мене звуть (тут Ваше ім'я), це моя перша сторінка! - ну да так і є. нічого оригінальніше придумати не можуть ..
- що все что ли? Більше нічого не відображати?
- ну ось і кінець. Чи не будити, чи не кантувати, під час пожежі виносити першим !!

Ось так приблизно і відбувається читання нашої сторінки. Як бачите браузер досить норовливий тип, тому команди йому потрібно подавати чіткі і ясні, інакше він розсвариться. причому в слух. а по сему запам'ятаємо наступні речі:

1) Необхідно раз і назавжди запам'ятати що якщо є відкриває тег <…> то обов'язково повинен бути і закриває

Хоча є і винятки як наприклад у нас тег
- він закриття не вимагає тому що говорить лише про те, що слід писати з нового рядка. До речі спробуйте додати ще пару трійку таких же перед рядком "Мене звуть .." і Ви побачите, що в результаті вона помітно опустилася вниз. (Ну природно в блокноті збережіть зміни, а в браузері натисніть кнопку "оновити")

2) Всі документи повинні мати ось такий шаблон коду:

Дані теги є обов'язковими! Писати їх необхідно завжди для кожної нової сторінки, і тільки в такому порядку! Не намагайтеся привернути все з ніг на голову ..

Хто відкриває і закриває тег за типом <…> являє собою свого роду ємність, ящик в який можуть складатися інші теги - ящички поменше. отже, згідно логіки документ повинен виглядати так:

Якщо писати, наприклад, так:

Ну ось ми навчилися писати простий текст, початок покладено! в наступному розділі я розповім про те, що з ним можна зробити ..

Корисні поради:



Моя перша сторінка


Привіт світ.


Мене звуть Карлсон, це моя перша сторінка!

Значно легше, ніж так:



Моя перша сторінка


Привіт світ.


Мене звуть Карлсон, це моя перша сторінка!

І вже тим більше ніж ось так:

Моя перша сторінкаПривіт світ.
Мене звуть Карлсон, це моя перша сторінка!

Хоч це і справа звички. все ж краще звикнути писати "розбірливо".

Схожі статті