С Начало интернета , HTML имеет решающее значение для создания всемирной работы в Интернете и появится так, как мы хотим. Давайте посмотрим, какой HTML есть и как он превращается в страницы, которые вы видите каждый день.
Позвоночник Интернета
HTML означает «язык разметки гипертекста». Это язык кодирования, используемый для создания страниц, которые могут отображаться веб-браузер. Большинство веб-страниц, которые вы найдете в Интернете, включая тот, который вы читаете эту статью прямо сейчас, хранятся как файл 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
Основы HTML
Хотя HTML является довольно сложным языком с тоннами разных тегов и блоков, есть несколько HTML-кодов, которые могут пригодны, когда вы просматриваете Интернет. Вот несколько основных тегов HTML, которые вы можете столкнуться.
.Как к гике
Вы используете
& lt; a & gt;Команда для создания ссылки. URL - это то, где ссылка укажет ссылку, а текст, который читает «Как к 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.
Вы также можете использовать
"стиль"Атрибут, чтобы настроить текст с различными настройками стиля, таким как цвет текста, цвет фона и размер шрифта.Если вы заинтересованы в изучении дополнительных вариантов форматирования HTML, проверьте Бесплатные ресурсы W3Schools Отказ Вы найдете полный список тегов HTML, которые вы можете использовать, чтобы начать строить веб-страницы.
СВЯЗАННЫЕ С: Что такое «отзывчивый дизайн» и как вы его используете?
