Як зробити html сторінку

Як зробити html сторінку

Створення сайту — процес досить виснажливий. Тому багато початківці будівельники сайтів використовують движки або кажучи строгою мовою CMS. Але настає час, коли користувач починає цікавитися, як, же влаштований світ сайтів, як вони створюються. І перші спроби самостійної верстки сайту починаються зі створення html сторінки.

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

1) Програма блокнот
2) Основи HTML

Інструкція

  1. Основа сайту — html документ. Зазвичай він називається «index.html». У ньому задаються основи сайту, блоки, таблиці та інше. Відкриваємо програму блокнот. Вводимо наступний код:. Після цього прописуємо основний тег сторінки «html», і не забуваємо його закрити. Все, що перебувати між цим тегом — і буде html сторінкою.
  2. Наступним кроком ми створюємо шапку сторінки. Прописуємо закривається тег «head». Все, що перебувати між ним, не буде відображатися на сторінці. Тут ми будемо прописувати назва сторінки, мета теги, прив’язку до css файлів, ява скрипти.
  3. Даємо назву нашій сторінці. За це відповідає тег «title». Прописуємо його між тегами «head». «Title» є закривається тегом, тому між ними двома прописуємо ім’я створеної сторінки. Після цього прописуємо основні мете теги. І робимо прив’язку (якщо потрібно) до таблиць стилю. За це відповідає наступний код:. З тегом «head» закінчено.
  4. Приступаємо до створення тіла документа. Все, що прописано в тілі документа, буде відображатися користувачам, які відвідують вашу сторінку. Прописуємо тег «body». Потім приступаємо до створення тексту на сторінці, вставки об’єктів (тег «object»), таблиць («table»).
  5. Необхідною елементом сторінки є посилання. Тег квача «а», потрібно використовувати спільно з атрибутом «href», якому присвоюємо значення: повний шлях посилання на джерело. Якщо джерело посилання знаходиться на тому ж сервері, що і сторінка, то в присвоюємо значення можна прописати тільки назва сторінки джерела. Для того, щоб зробити посилання кольоровими, задаємо тегом «body» наступні атрибути: «link» (колір посилання), «vlink» (колір посилання, після того як по ній вже пройшли), «alink» (колір у момент натискання посилання) .
  6. Для роботи з текстом використовуємо тег «p», для позначення параграфа. Тег «H», які приймається у шести значеннях, від великого до дрібного, для позначення заголовка. Тег «font», для завдання шрифту. Вирівнювання можна задати за допомогою атрибуту «align». Після закінчення створення тіла документа, закриваємо тег «body». Html сторінка готова.

Зверніть увагу

Будьте уважні при роботі з кодом. Основні помилки пов’язані з неуважністю при створенні коду. Слідкуйте за тим, щоб теги, які є закривають, були закриті.