повинні

У наш час багато говорять про те, що ви можете створити повну та оптимізовану веб-сторінку, не знаючи HTML. І це правда, але при розробці ви зіткнетеся з проблемами, в яких ви будете думати, "якби я знав якийсь код, я міг би вирішити цю проблему ...". Ну ось я вам покажу маленьку путівник вивчити основи HTML-коду.

Зміст

Що таке HTML-код?

Йдеться про a мова програмування що використовується для розробки веб-сторінок. Абревіатура HTML відповідає Мова розмітки гіпертексту ("Мова розмітки гіпертексту." Ця мова дозволяє структура тексту документів і базується на етикетки які визначають спосіб відображення тексту та атрибути хто може взяти такі ярлики.

Основи HTML-коду

1. Частини веб-сайту

Кожна веб-сторінка розділена на дві основні частини: Узголів'я ліжка та тіло (голова і тіло).

Заголовок - це "невидима" частина веб-сторінки. Це означає, що все, що там вказано, не відображатиметься на сторінці як таке, але тим не менш це дуже важлива частина: метатеги які використовуються для опису сторінки (важливо для SEO позиціонування), кваліфікація сторінки, ідіома, інформація, пов'язана з Таблиці стилів, тощо.

В тілі вводяться всі теги, що дозволяють нам відформатувати документ.

Оскільки цей посібник призначений для незначних модифікацій тексту веб-сторінки, я опишу теги тексту та не буду згадувати нічого іншого про заголовок. Але якщо вам потрібно заглибитися в тему або іншими мовами, окрім html, я залишаю вам цю веб-сторінку, яка чудово підходить для невеликих запитів, які вам потрібні.

2. Назви

Мітки, що визначають заголовки, можна використовувати для позначення кваліфікація та/або різні розділи які складають документ, або просто виділити будь-який текст. існувати шість типів назв, починаючи від тегу номер 1 (найбільший) до 6 (найменший). Це також дуже важливо для позиціонування пошукової системи, оскільки ви вказуєте, що те, що знаходиться між цими тегами, є важливим і характерним для вашого веб-сайту.

3. Абзаци

Абзаци розмежовуються тегами

. Абзац - це блок тексту, який відображається відокремлено від решти розривом рядка. Якщо всередині абзацу ми хочемо зробити стрибок, але при цьому все-таки враховується один абзац (дайте вступ у слові), ми напишемо тег
.

Однак, якщо ви хочете написати так безкоштовно і він виявляє розриви рядків, вам просто потрібно написати всередині мітки. Єдиним недоліком цього є те, що якщо ви скопіюєте текст з іншого документа, і в ньому також є списки, заголовки, напівжирний шрифт ... він може не виявити все.

4. Списки

Є три типи списків, замовляв, не замовлено та списки визначень.

Для впорядкованих списків ми використовуємо теги

    ...
для розмежування списку, а для невпорядкованих списків - мітки
    ...
. Щоб вставити кожен елемент списку, введіть мітки ... .

У списки визначень ми вставляємо теги ... щоб звузити список, і ... Y ... для заголовка та визначення відповідно.

5. Таблиці

Щоб скласти таблицю, ми повинні врахувати, що це робиться зліва направо і зверху вниз. Тобто ми починаємо з розробки першого рядка, всередині нього, певних стовпців, які є, а потім наступного рядка.

6. Посилання

Посилання дозволяють нам отримувати доступ до інших сторінок, веб-сайтів, файлів (музика, відео, програми, зображення тощо), дозволяють завантажувати файли з мережі та отримувати доступ до інших частин або розділів у документі. Вони виготовляються з маркуванням = "http://www.enlace.com">. . Тут я повинен згадати дуже важливий атрибут: target = "_ blank", так що посилання відкриється в новій вкладці браузера.

7. Атрибути та стилі

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

Тут я покажу вам серію атрибути. Вони завжди розміщуються всередині тегу, наприклад наступним чином: .