Что такое HTML

0
1182
просмотров
Что такое HTML

С самого начала Интернета HTML имел решающее значение для того, чтобы всемирная паутина работала и выглядела так, как мы хотим. Давайте посмотрим, что такое 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.

Основы HTML

Хотя HTML — довольно сложный язык с множеством различных тегов и блоков, есть несколько кодов HTML, которые могут пригодиться при просмотре веб-страниц. Вот пара основных HTML-тегов, с которыми Вы можете столкнуться.

Guide PC

Вы используете команду <a> для создания ссылки. URL-адрес — это то, на что будет указывать ссылка, а текст с надписью «Guide PC» — это то, как он будет выглядеть для конечного пользователя.

bold italic underline

Вы можете использовать <b>, <i> и <u>, чтобы применить стандартные параметры форматирования текста: полужирный, курсив и подчеркнутый текст.

Тег <img> используется для вставки изображения на страницу. Он либо извлечет изображение из того же домена, либо Вы можете указать внешний домен. Вы также можете настроить его с помощью некоторых дополнительных атрибутов, таких как изменение размера и замещающий текст.

Выше указаны теги заголовков и абзацев. Подобно тому, как Microsoft Word позволяет Вам сортировать текст по заголовкам и основному тексту, HTML также может форматировать текст на основе параметров заголовка и абзаца по умолчанию. Эти форматы определены с помощью таблицы стилей CSS.

Вы также можете использовать атрибут «style», чтобы настроить текст с различными настройками стиля, такими как цвет текста, цвет фона и размер шрифта.

Читайте также  История появления Caps Lock

Если Вы хотите узнать больше о вариантах форматирования HTML, ознакомьтесь с бесплатными ресурсами W3Schools. Вы найдете полный список HTML-тегов, которые можно использовать для создания веб-страниц.

ОСТАВЬТЕ ОТВЕТ

Пожалуйста, введите свой комментарий!
Пожалуйста, введите ваше имя здесь

Этот сайт использует Akismet для борьбы со спамом. Узнайте, как обрабатываются ваши данные комментариев.