Что такое HTML?

Крупный план экранов компьютеров и планшетов, показывающих HTMLодно фото / Shutterstock.com

С самого начала Интернета HTML имел решающее значение для того, чтобы всемирная паутина работала и выглядела так, как мы хотим. Давайте посмотрим, что такое HTML и как он превращается в страницы, которые вы видите каждый день.

Основа Интернета

HTML означает «язык разметки гипертекста». Это язык кодирования, используемый для создания страниц, которые может отображать веб-браузер. Большинство веб-страниц, которые вы найдете в Интернете, включая ту, на которой вы сейчас читаете эту статью, хранятся в виде HTML-файла. Веб-сайты — это набор связанных HTML-страниц, хранящихся где-то на сервере. Вот почему этот язык часто называют «основой Интернета».

Всякий раз, когда вы переходите на страницу в Интернете, вы, по сути, запрашиваете HTML-файл, хранящийся на сервере. Затем используемый вами браузер, например Chrome или Firefox, проанализирует HTML-код и отобразит его так, как задумано.

Универсальность и универсальность HTML делают его самым популярным языком разметки в мире. Большинство интерфейсных веб-разработчиков начинают с учимся программировать в HTML. Инструменты перетаскивания и редакторы WYSIWYG в конечном итоге переводятся в HTML, чтобы браузеры могли их анализировать.

Как работает HTML

Образец HTML-кодаАндрей Симоненко / Shutterstock.com

Как и любой язык программирования, HTML выглядит как набор команд и текстовых блоков, прежде чем он превратится в визуальное оформление. Если вам интересно посмотреть, как выглядит HTML-код на этой конкретной странице, и вы находитесь на настольном компьютере или ноутбуке, попробуйте щелкнуть правой кнопкой мыши в любом месте этой страницы и выбрать «Просмотреть исходный код страницы» (параметр может отличаться в зависимости от вашего браузера. ). Это должно привести вас к гигантской стене кода.

Большая часть HTML построена с использованием «блоков элементов», которые представляют собой фрагменты кода HTML, разделяющие различные элементы на странице. Например, тело этой статьи представляет собой блок элементов, как и меню, рекомендации ниже и нижний колонтитул страницы. Эти элементы кодируются по-своему, поскольку могут вести себя по-разному.

Важной частью создания HTML-страниц является использование каскадных таблиц стилей (CSS). Это документы, которые определяют, как должны выглядеть определенные элементы страницы. Например, насколько большими должны быть изображения, какие шрифты должны отображаться на странице и как веб-страница должна реагировать при изменении размера или растяжении. Все это имеет решающее значение для создания привлекательных, целостных и стильных веб-сайтов. Если вы заметили, что в последнее десятилетие веб-сайты стали лучше выглядеть, то главной причиной является растущее использование CSS. Вы можете узнать больше о CSS здесь.

Одна из лучших особенностей HTML — это возможность запускать динамические скрипты через JavaScript или JS. Эти скрипты могут создавать динамические элементы. Например, на некоторых веб-сайтах наведение курсора на изображение позволяет увеличить его. Вы можете добиться этого эффекта, написав код в элементе JavaScript.

Основы HTML

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

Практические советы

How-To Компьютерщик

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

жирный курсив подчеркнутый

жирный курсив подчеркивать

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

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

заголовок 1

абзац

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

красный абзац

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

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

Похожие записи

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *