З тих пір Початок Інтернету , HTML має вирішальне значення для створення World Wide Web працювати і з'являтися так, як ми хочемо. Давайте подивимося на те, що HTML є і як вона перетворюється на сторінки, які ви бачите щодня.
Хребет Інтернету
HTML означає "HyperText Markup Language". Це мова кодування, яка використовується для створення сторінок, які можна відображати веб-браузер. Більшість веб-сторінок, які ви знайдете в Інтернеті, включаючи той, який ви читаєте цю статтю прямо зараз, зберігаються як файл HTML. Веб-сайти є купою пов'язаних сторінок HTML, що зберігаються на сервері десь. Ось чому мова часто називається " М'як Інтернету . "
Кожного разу, коли ви йдете на сторінку в Інтернеті, ви, по суті, запитуєте HTML-файл, що зберігається на сервері. Потім, браузер, який ви використовуєте, наприклад, Chrome або Firefox, розібрати HTML та відображатиметься вам таким чином, щоб він призначений.
Універсальність HTML та універсальність зробити це єдиним найпопулярнішим Мова розмітки у світі. Найбільш фронтальні веб-розробники починаються з Навчання коду в HTML. Інструменти для перетягування та редакції WYSIWYG, зрештою, перекладені на HTML, так що веб-переглядачі можуть розібрати їх.
Пов'язані: Що таке мова розмітки?
Як працює HTML
Як і будь-яка мова програмування, HTML виглядає як купа команд та текстових блоків, перш ніж він перетворився на візуальну сторону. Якщо вам цікаво, щоб побачити, як виглядає HTML на цій сторінці, і ви на робочому столі або ноутбуці, спробуйте натиснути правою кнопкою миші будь-де на цій сторінці, і виберіть "Перегляд джерела сторінки" (опція може відрізнятися залежно від вашого браузера ). Він повинен взяти вас до гігантської стіни коду.
Більшість HTML побудована за допомогою "елементів блоків", які є фрагментами HTML-коду, які відокремлюють різні елементи на сторінці. Наприклад, тіло цієї статті є елементом блоку, як це меню, рекомендації нижче та нижній колонтитул сторінки. Ці елементи кодуються по-своєму, оскільки вони можуть поводитися по-різному.
Найважливішою частиною випуску HTML-сторінок є використання каскадних стилів (CSS). Це документи, які визначають, як виглядати конкретні елементи сторінки. Наприклад, наскільки великі зображення повинні бути, які шрифти повинні з'явитися на сторінці, і Як веб-сторінка повинна відповідати коли він зміщується або розтягнуться. Це все важливо, щоб створити привабливі, згуртові та стильні веб-сайти. Якщо ви помітили веб-сайти, починаючи виглядати краще в останнє десятиліття, збільшення використання CSS є найбільшою причиною. Ви можете дізнатись більше про CSS тут .
Одна з найкращих речей про HTML є його здатність запускати динамічні скрипти через JavaScript або JS. Ці скрипти можуть створювати динамічні елементи. Наприклад, на певних веб-сайтах, зависання на зображенні дозволить вам збільшити масштаб. Ви можете зробити цей ефект, кодуючи елемент JavaScript.
Пов'язані: Як вимкнути (і увімкнути) JavaScript в Google Chrome
Basics html
Хоча HTML є досить складною мовою з тоннами різних тегів та блоків, є кілька HTML-кодів, які можуть надходити в зручний, як ви переглядаєте веб-сайт. Ось кілька основних тегів HTML, які ви можете зіткнутися.
& lt; a href = "https://www.howtogeek.com" & gt, how-to geek & lt; / a & gt;
Як-гейк
Ви використовуєте
& lt; a & gt;
команду створити посилання. URL-адреса, де посилання буде вказувати, і текст, який читає "How-to Geek", - це, як він з'явиться в кінцевому користувачеві.
& lt; b & gt; bold & lt; / b & gt; & lt; i & gt; italic & lt; / i & gt; & lt; u & gt; підкреслити & lt; / u & gt;
жирний італійський підкреслювати
Ви можете використовувати
& lt; b & gt;
,
& lt; i & gt;
і
& lt; u & gt;
Для застосування стандартних варіантів форматування тексту: жирний, курсив та підкреслений текст.
& lt; img src = "picture.jpg" & gt;
Точний
& lt; img & gt;
Міг використовується для вставлення зображення на сторінку. Він буде витягнути зображення з того ж домену, або ви можете вказувати на зовнішній домен. Ви також можете налаштувати його з деякими додатковими атрибутами, такими як зміна розміру та текст Alt.
& lt; h1 & gt; заголовок 1 & lt; / h1 & gt; & lt; p & gt; абзац & lt; / p & gt;
Вищезазначені теги заголовка та абзац. Подібно до того, як Microsoft Word дозволяє вам сортувати текст у заголовках та текст тіла, HTML також може форматувати текст на основі заголовка за замовчуванням та параметрами абзаців. Ці формати визначаються за допомогою таблиці стилів CSS.
& lt; p style = "color: edr;" & gt; червоний абзац & lt; / p & gt;
Ви також можете використовувати
"Стиль"
атрибут для налаштування тексту з різними налаштуваннями стилю, наприклад, колір тексту, колір фону та розмір шрифту.
Якщо ви зацікавлені в тому, щоб дізнатися більше варіантів форматування HTML, перевірте Вільні ресурси W3Schools . Ви знайдете повний список тегів HTML, які ви можете використовувати, щоб почати створювати веб-сторінки.
Пов'язані: Що таке "чуйний дизайн", і як ви його використовуєте?
