Як працювати в html

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

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

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

Інструкція

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


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



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


Увага, тільки СЬОГОДНІ!


Оцініть, будь ласка статтю
Всього голосів: 87
Увага, тільки СЬОГОДНІ!