ЯК працювати в HTML :: Веб-програмування

Робота в HTML-документі, в першу чергу, має на увазі роботу з HTML-тегами. Необхідно розуміти призначення різних тегів і вміти управляти ними, створюючи необхідний зміст і оформлення сторінки.

Вам знадобиться

Комп`ютер з підключеним інтернетом.

Інструкція

Прочитайте про те, що взагалі собою являє HTML-верстка. Як відомо, всі документи, що є сторінками мережі інтернет, мають формат HTML-сторінки, що має мову розмітки гіпертексту. Весь зміст HTML-документа розбивається на певні області. Кожна область обмежена деяким тегом. Залежно від того, який вміст буде використовуватися, застосовується той чи інший тег. Теги обмежуються знаками «lt;» і «>» і використовуються, для того щоб браузер розумів, як інтерпретувати вміст сторінки.

Відкрийте будь-який текстовий редактор для початку роботи з HTML. Будь HTML-документ повинен починатися з тега html, що демонструє те, що весь вміст сторінки ставиться до розмітки HTML. Майже всі теги повинні мати закриває тег. Таким чином, є можливість обмежити область дії даного тега. Закриває тег відрізняється від відкриваючого знаком «/», що стоїть перед назвою тега. Кожен тег має власні властивості. Наприклад, якщо ви напишіть фразу «Hello, World!», Відокремивши її тегом b, то у вікні браузера вона виявиться виділеною жирним шрифтом.

Зверніть увагу на використання таких тегів, як h1, h2, h3, h4. Вони призначені для написання текстової інформації великого розміру. Найбільший розмір матиме текст, обмежений тегом h1. Решта теги цієї серії дозволяють форматувати текст, застосовуючи менший розмір. Дані теги мають назву заголовка певного рівня.

Намагайтеся розміщувати теги так, щоб була видна вкладеність одного тега в інший. Це означає, що при оформленні HTML-документа бажано відступати два пробілу при написанні будь-якого вкладеного тега.

Якщо ви хочете використовувати зображення на своїй сторінці, то для цих цілей служить тег , всередині якого міститься інформація про місцезнаходження файлу зображення. Тег img так само, як і багато інших теги, може мати набір параметрів для уточнення характеристик зображення. Наприклад, ви можете визначити точні розміри зображення, зробити його клікабельним, задати яскравість, прозорість та інші подібні характеристики.

Зауважте, що більшість HTML-сторінок не містить у своїх тегах описів об`єктів, що містяться всередині. Це досягається застосуванням каскадних таблиць стилів. Дана технологія дозволяє задати опису всіх використовуваних тегів або на початку документа всередині окремого спеціального тега, або в окремому файлі. Це дозволяє не тільки робити HTML-сторінку більш читабельною, а й створювати власні теги, описи яких зберігаються окремо.