Закриває тег:

Вміст між відкриває і закриває тегами є вмістом елемента.

Теги можуть використовуватися двома способами:

Використання тегів в парі

Парні теги містять відкриває і закриває теги. Ось як вони виглядають:

Тут якийсь текст

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

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

Ці елементи пишуться так:

Закриття / (коса риска) також не є обов'язковим. Це те ж саме, що і при записі . Однак, щоб уникнути плутанини з відкриває тегом, рекомендується додати / (косу риску) в кінці.

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

Тег з атрибутом буде виглядати так:

Тег «HTML» вище має атрибут «lang» зі значенням «en-US».

Кожен HTML-документ має базову структуру, визначену за допомогою наступних елементів:

DOCTYPE іліDTD: Декларація типу документа вказує версію використовуваного HTML. Цей тег поміщається на початку документа.

HTML: Пара тегів HTML визначає початок і кінець документа HTML.

РазделHEADER : Цей розділ визначає загальну інформацію для сторінки, і зазвичай короткий. Вміст цього елемента не відображається на сторінці. Тема містить тег TITLE, який визначає назву документа, що відображається в рядку заголовка браузера. HEADER також може містити метадані, або посилання на зовнішні файли.

РазделBODY. Цей розділ містить основну частину сторінки. Його вміст відображається в браузері. Велика частина коду HTML-сторінки знаходиться всередині елемента body.

Кодування: цей тег вказує кодування, яка використовується в документі HTML. Кодування вказує, як файл зберігається, і як будуть відображатися спеціальні символи. Загальноприйнятим значенням для цього тега є UTF-8, який дозволяє відображати практично всі символи мови.

Крок 1: Перший рядок додається HTML-коду вказує елемент DOCTYPE як «html». Це означає, що використовується остання версія HTML.

Крок 2: Далі ми додаємо теги початку і кінця для документа html. Ми також визначаємо мову як англійська (en).

Основна HTML-сторінка готова, і ми можемо зберегти її в папці за нашим вибором.

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

Тема як «Hello World»

Тема першого рівня як «Hello World»

Абзац з текстом «Проста сторінка HTML»

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

Розширене форматування тексту

У HTML передбачені спеціальні елементи для спеціального форматування тексту.

Рівні заголовків можна задавати за допомогою тегів

-

. Усього доступно 6 рівнів для заголовків. причому

- це найбільший з них за розміром,

- найменший.

Теги

використовуються для вказівки початку нового абзацу. Браузер зазвичай додає один порожній рядок між двома абзацами.

Елементи форматування використовуються для відображення спеціальних типів тексту. Текст може бути відформатований такими тегами:

Жирний -

курсив -

підкреслений -

шрифт -

Повний список цих тегів доступний за посиланням.

тег є поодиноким тегом, без тега закриття. Ви можете вказати атрибути зображення.

Атрибут src вказує місце розташування зображення.

Атрибут style має багато параметрів, включаючи ширину і висоту зображення в пікселях.

Атрибут alt дає короткий опис зображення. Використовується, якщо з якої-небудь причини зображення не завантажується.

тег

є новим для HTML5 і вказує самий верхній елемент веб-сторінки. Заголовки зазвичай містять логотип компанії, контактну інформацію, посилання навігації і т. Д. В одному документі може бути кілька елементів <>.

Розширені поняття в HTML

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

Ми згадаємо кілька концепцій, які допоможуть вам в подальшому. Ви можете продовжити вивчати більше і використовувати розширений HTML і його можливості.

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

Валідація також дає рекомендації по коду, який не відповідає останньому стандарту HTML. Недійсний HTML зробить сайт непридатним для використання. Це може викликати проблеми із завантаженням або неузгодженість виведення з різними браузерами. Багато сервісів перевірки безкоштовні, наприклад, validator.w3.org

Додавання додаткових тегів

HTML-тегів і атрибутів набагато більше, ніж ми тут обговорювали. Два хороших ресурсу для навчання - w3schools і HTML Dog, у яких є більше підручників і повний список тегів.

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

CSS може використовуватися для швидкого поліпшення зовнішнього вигляду вашого сайту. Ви можете використовувати CSS для додавання кольору, шрифтів і зміни розміщення елементів. З прив'язкою таблиці стилів CSS до HTML-сторінці ви можете змінити стиль всього тексту.

Перед вами відкривається дивовижний світ веб-розробки. Дерзайте! Підкорити цю вершину просто, потрібно всього лише почати.

Схожі статті

• Самогіпноз - проста техніка занурення

• Створення простої drum партії в fl studio, творча майстерня

• Бум! Я кому кажу це не простий лопухоід! У його жилах