Учебник HTML для начинающихХотите узнать немного HTML??


Это звучит как отличная идея. Отсюда и причина, по которой мы собрали этот учебник HTML для начинающих.

Сегодня в мире существует не менее 1,7 миллиарда сайтов. Практически все эти сайты так или иначе используют HTML.

P.S .: Если вы не хотите изучать HTML и сразу приступить к созданию своего веб-сайта без необходимости кодирования, ознакомьтесь с этим руководством: Как создать веб-сайт БЕСПЛАТНО (без изучения HTML).

Contents

Введение в HTML


Что такое HTML?

Что такое HTMLHTML, аббревиатура от HyperText Markup Language, является компьютерным языком для создания веб-сайтов и веб-приложений. Состоящий в основном из серии кодов, обычно написанных в текстовом файле и сохраненных в формате HTML, код, написанный на языке HTML, преобразуется в красивый, хорошо отформатированный текст или комбинацию текста и мультимедиа при просмотре через браузер.

HTML был впервые разработан британским физиком Тимом Бернерсом-Ли в 1990 году, и с тех пор он претерпел так много изменений, что самая последняя версия может достичь гораздо большего, чем предполагалось, когда язык был впервые изобретен..

В этом уроке мы рассмотрим основы языка HTML и все, что вам нужно знать, чтобы начать работать с HTML как новичком..

Версии HTML

Во-первых, краткое изложение всех версий HTML с момента изобретения HTML.

  • HTML 1.0: Это была базовая версия HTML и самый первый выпуск языка.
  • HTML 2.0: Эта версия была представлена ​​в 1995 году. Она постепенно развивалась, предоставляя дополнительные возможности, включая загрузку файлов на основе форм, таблицы, карты изображений на стороне клиента и интернационализацию..
  • HTML 3.2В попытке обеспечить разработку стандартов для World Wide Web консорциум World Wide Web (W3C) был основан Тимом Бернерсом-Ли в 1994 году. К 1997 году они опубликовали HTML 3.2..
  • HTML 4.0Позже в 1997 году W3C выпустил HTML 4.0 – версию, которая приняла множество типов элементов и атрибутов для браузера.
  • HTML 4.0 был позже переиздан с незначительными изменениями в 1998.
  • HTML 4.01: В декабре 1999 года был выпущен HTML 4.01.
  • XHTML: Спецификации были введены в 2000 году, и было рекомендовано использовать его как совместный стандарт с HTML 4.01. Он включил XML, чтобы гарантировать, что код написан правильно и для обеспечения взаимодействия между языками программирования.
  • HTML5: W3C опубликовал HTML5 в качестве рекомендации в октябре 2014 года, а позже выпустил HTML 5.1 в ноябре 2016 года..

Выбор вашего редактора HTML

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

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

Существует множество бесплатных и платных редакторов HTML, ниже приведены некоторые из лучших вариантов, которые вы можете выбрать:

Основные строительные блоки HTML


После того, как вы определились с редактором HTML, который хотите использовать, следующим шагом будет понимание строительных блоков HTML. При кодировании в HTML важно понимать эти строительные блоки. Они включают в себя теги, атрибуты и элементы. Мы взглянем на них ниже:

Введение в теги

Когда вы попадаете в HTML, первое, что вам нужно понять, это теги. По сути, теги отделяют обычный текст от HTML-кода.

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

Давайте посмотрим на слово «Он мальчик» в качестве примера:

  • В обычном текстовом формате вы получаете: он мальчик.
  • В жирном текстовом формате вы получите: Он мальчик

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

сделать текст жирным в html

В сыром HTML мы имеем Он мальчик который браузер затем переводит на это: Он мальчик.

«Он мальчик» также может быть выделен курсивом.

Это достигается с помощью тег.

сделать текст курсивом в html

У нас есть: Он мальчик который затем выходит как Он мальчик.

Гиперссылка достигается с помощью тег.

сделать текст гиперссылкой в ​​HTML

В сыром HTML у нас есть: он мальчик, который показывает, как он мальчик.

Есть несколько вещей, которые вы должны понимать о тегах:

  • Теги являются практически строительным блоком HTML – вы не можете сделать HTML без тегов! Если вы застряли на каком теге использовать, обязательно ознакомьтесь с нашей периодической таблицей HTML.
  • Почти каждый открытый тег должен быть закрыт. Имейте в виду, что есть исключения. Примером тега, который не нужно закрывать, является пустой тег, такой как разрыв строки:
    .
  • Теги содержатся в меньше чем («<”) and greater than (“>“) угловой кронштейн. Закрывающие теги содержат косую черту, которая ставится перед именем закрываемого тега. Пример открытого тега: . Пример закрытого тега .
  • Каждый HTML-файл начинается с открывающего тега и заканчивается закрывающим тегом. В первой строке HTML-файла должен быть указан тип документа, чтобы браузер знал, какой HTML-вариант вы используете. Вот почему вы видите, что HTML-страницы начинаются с «Перед началом HTML-кода.

Перед добавлением контента большинство HTML-файлов в основном выглядят так:

HTML--

Раздел, следующий за тег обычно содержит информацию о документе, такую ​​как его заголовок, метатеги и где найти его CSS-файл – содержимое, которое не отображается непосредственно на странице браузера. Раздел между « а также»(Который мы представили как« ГЛАВНЫЙ КОНТЕНТ ») – это место, где находится основной контент HTML-файла, который зритель увидит в браузере. Это включает в себя все, от первого абзаца до гиперссылок, форматирования в мультимедиа и все остальное.

Введение в элементы

введение в элементы

В HTML «элемент» состоит из открывающего и закрывающего тега, а также содержимого между тегами.

В “Он мальчик”(Выделено жирным шрифтом), у нас есть это в HTML: Он мальчик. Текст «Он мальчик» окружен открытым и закрытым тегом. Все, включая открывающий тег, содержимое и закрывающий тег, является элементом.

Когда тег открыт, контент введен, а тег закрыт, у нас есть элемент.

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

Вы заметите, что мы говорили ранее, что HTML-документы содержат тег до начала содержимого. Контент может включать в себя сотни различных элементов, но все эти элементы являются частью элемента «body» (поскольку элемент body открыт, содержит контент и затем закрывается).

Введение в атрибуты

В то время как HTML-документы в основном используют теги для всего, мы иногда хотим передавать дополнительную информацию внутри элемента. В этом случае мы используем атрибут. Атрибут используется для определения характеристик элемента, он используется внутри открывающего тега элемента. Атрибуты состоят из имени и значения.

Обратите внимание, что значение атрибута помещается в кавычку в формате Ваш текст.

пример атрибута

пример:

Он мальчик

В этом примере мы указываем, что «Он мальчик» выровнен по центру документа.

Начало работы с HTML


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

Создание HTML Элемент

При создании документа HTML одной из первых вещей, которые вы создадите, является элемент. Он содержит метаданные (или данные о документе HTML). Сюда входит такая информация, как набор символов, заголовок документа, стили документа, сценарии и т. Д..

Некоторые из элементов в включите заголовок, который создается с тег.</p><p><strong>пример</strong>:</p><pre><title>Это заголовок нашей страницы

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

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

Создание заголовков в HTML

создание заголовков в html

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

Тем не менее, важно избегать использования тегов заголовков, чтобы сделать ваш текст большим или жирным. Для этого можно использовать другие теги (о которых мы поговорим позже в этом разделе). Вместо этого теги заголовков следует использовать исключительно для структуры.

В HTML есть шесть тегов заголовков:

в

, с

тег, указывающий наиболее важный заголовок и

тег, указывающий наименее важный заголовок.

Чтобы создать заголовки, просто решите, какой заголовок вы создаете, откройте заголовок с помощью обычного тега заголовка и всегда не забывайте закрывать теги, как только вы закончите..

Пример HTML-заголовков:

  • Это ваш первый HTML-заголовок

    (самый большой)

  • Это ваш второй HTML-заголовок

  • Это ваш третий HTML-заголовок

  • Это ваш четвертый заголовок HTML

  • Это ваш пятый заголовок HTML
  • Это ваш шестой HTML-заголовок

Создание абзацев

создание абзацев в HTML

Следующий шаг – начать создавать абзацы. Абзацы могут быть созданы с помощью

тег.

пример:

Это твой первый абзац.

Это ваш второй абзац, и вы будете создавать еще много абзацев.

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

пример:

Это новый абзац. И я хочу использовать ряд новых строк. Так что я расстаюсь.

Это не будет выглядеть следующим образом:

Это новый абзац.
И я хочу использовать ряд новых строк.
Так что я расстаюсь.

Вместо этого это будет выглядеть так:

Это новый абзац. И я хочу использовать ряд новых строк. Так что я расстаюсь.

Итак, как разбить текст на новую строку, чтобы он выглядел так:

Это новый абзац.
И я хочу использовать ряд новых строк.
Так что я расстаюсь.

Используя разрывы строк.

пример:

Это новый абзац.
И я хочу использовать ряд новых строк.
Так что я расстаюсь.

Тем не менее, важно отметить, что разрыв строки (
) тег – это пустой тег, поэтому вам не нужно его закрывать.

Форматирование текста в HTML

форматирование текста в HTML

Следующим шагом является форматирование вашего текста в HTML. Здесь вы можете указать, хотите ли вы, чтобы ваш текст выделялся жирным шрифтом, курсивом, подчеркиванием, подписью, надписью и т. Д. Это основное руководство, поэтому этот раздел не будет основным для форматирования. Вместо этого мы будем включать только некоторые основные теги форматирования. Процесс использования других форм форматирования прост – просто найдите нужный тег и продолжайте:

Используя жирный шрифт: Он мальчик выходит как Он мальчик

Используя курсив: Он мальчик выходит как Он мальчик

Подчеркивая текст: Он мальчик выходит как Он мальчик. Стоит отметить, что тег не поддерживается в HTML 4.01 и был переопределен для представления стилистически другого текста в HTML5. В результате рекомендуется использовать CSS для обозначения текста, который следует подчеркнуть. Поскольку эта статья является основным руководством, мы сохраняем ее простым.

Используя индекс: Он мальчик выходит как Он мальчик

Используя верхний индекс: Он мальчик выходит как Он мальчик

Для других тегов, которые можно использовать для форматирования, вы можете взглянуть на глоссарий в конце этого ресурса, где мы включили множество релевантных HTML-тегов..

Упорядоченные и неупорядоченные списки

Рано или поздно вам придется создавать списки. Списки могут быть упорядочены (то есть пронумерованы) или неупорядочены (то есть ненумерованы).

Вот пример упорядоченного списка:

  1. Элемент 1
  2. Пункт 2
  3. Пункт 3

Вот как это сделать:

  1. Элемент 1
  2. Пункт 2
  3. Пункт 3

Вот пример неупорядоченного списка:

  • Элемент 1
  • Пункт 2
  • Пункт 3

Вот как это сделать:

  • Элемент 1
  • Пункт 2
  • Пункт 3

Если это уже не очевидно. Вот разбивка:

  • тег используется для обозначения каждого элемента в списке. При составлении списка вы можете использовать
      тег для обозначения упорядоченного списка («o» = упорядоченный и «l» = список) или

        тег для обозначения неупорядоченного списка («u» = неупорядоченный и «l» = список). Получил суть?

        Вложенные списки

        Мы также можем иметь вложенные списки или список в списке.

        Пример:

        • Элемент 1
          • Элемент 1 вложенный
          • Товар 2 вложенный
        • Пункт 2
        • Пункт 3

        Это может быть создано с помощью:

        • Элемент 1
          • Элемент 1 вложенный
          • Товар 2 вложенный
          • Товар 3 вложенный
        • Пункт 2
        • Пункт 3

        Как видите, вы просто открываете другой тег листинга – упорядоченный (

          ) или неупорядоченный (

            ) – в зависимости от того, что вы хотите, прежде чем закрыть элемент, который вы хотите быть вложенным.

            создание гиперссылок в HTML

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

            тег используется для определения ссылок в HTML, а атрибут «href» используется для указания места назначения ссылки. Затем ссылка помещается в кавычку после знака «равно» перед закрытием тега..

            пример:

            Чтобы создать гиперссылку, это: ВАША ССЫЛКА ТЕКСТ ЗДЕСЬ появится как ВАША ССЫЛКА ТЕКСТ ЗДЕСЬ

            Теперь предположим, что вы ссылаетесь на локальный файл, в котором все ваши HTML-страницы находятся в одной папке. В этом случае вам не нужно указывать URL-адрес веб-сайта. Просто добавьте путь к файлу. Например, если ссылка на файл называется about-page.html, ваша гиперссылка становится ВАША ССЫЛКА ТЕКСТ ЗДЕСЬ, какие ссылки на файл about-page.html.

            Если HTML-файл, на который вы хотите сослаться, является локальным, но находится в папке, отличной от основной, вы просто указываете путь к файлу. Например, если файл находится в папке «files» под основным документом, где находится ваш текущий документ, ваша гиперссылка выглядит примерно так: ВАША ССЫЛКА ТЕКСТ ЗДЕСЬ

            Вы можете указать способ открытия ссылки, например, в новом окне / вкладке. Вы будете использовать целевой атрибут для этого.

            Примеры:

            ВАША ССЫЛКА ТЕКСТ ЗДЕСЬ указывает, что ссылка должна быть открыта в новой вкладке.

            ВАША ССЫЛКА ТЕКСТ ЗДЕСЬ указывает, что ссылка должна быть открыта в той же вкладке.

            Существуют и другие атрибуты, которые можно использовать для передачи информации по-разному:

            • _blank – открыть в новой вкладке.
            • _self – Открыть в той же вкладке.
            • _parent – открыть в родительском фрейме
            • _top – открыть в полном теле окна
            • имя кадра – открыть в названном кадре

            Вы также можете иметь изображение, указывающее на ссылку.

            пример:

            Он мальчик
            

            Это говорит браузеру отображать изображение, извлеченное из файла изображения «images / html-tutorial-for-beginners-3.jpg», и связать его с https://websitesetup.org. Атрибут «alt» представляет то, что должно быть показано, если изображение не может быть отображено (из-за настроек браузера или некоторых других вещей, которые препятствуют отображению изображений).

            Использование изображений

            использование изображений в HTML

            Изображения добавляются в документ HTML с тег. тег является пустым тегом, поэтому его не нужно закрывать.

            пример:

            Он мальчик

            Это основной пример указания браузеру отображать изображение под названием «images / html-tutorial-for-beginners-3.jpg», извлеченное из того же каталога, что и документ HTML. Атрибут «alt» указывает браузеру показывать текст (известный как «альтернативный текст») под названием «Он мальчик», если по какой-то причине настройки браузера или Интернета не позволяют браузеру отображать изображения. Если вы хотите перетащить изображение в другой каталог или на внешний сайт, необходимо указать полный адрес / путь.

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

            пример:

            ВАШ АЛЬТЕРНАТИВНЫЙ ТЕКСТ

            (выделенные курсивом «ширина» и «высота» должны быть заменены фактическими значениями в «px» (например, «20px»), которые вы хотите использовать для своего изображения.)

            Создание таблиц

            создание таблиц в HTML

            По мере углубления в HTML вы захотите изучить различные способы представления информации в более организованной форме. Одним из таких способов является использование таблиц.

            Таблицы создаются с

            тег. Каждый заголовок в таблице указан с

            («Строка таблицы»). Данные таблицы затем обозначаются

            («Заголовок таблицы»), в то время как каждая строка указывается с

            тег.

            пример:

            Заголовок таблицы 1 Заголовок таблицы 2 Заголовок таблицы 3
            Ввод 1 под заголовком 1 Ввод 1 под заголовком 2 Ввод 1 под заголовком 3
            Ввод 2 под заголовком 1 Ввод 2 под заголовком 2 Ввод 2 под заголовком 3
            Ввод 3 под заголовком 1 Ввод 3 под заголовком 2 Ввод 3 под заголовком 3

            Это дает нам что-то вроде этого:

            настольный пример 1

            Как видите, пока у нас есть стол, он немного неорганизован. Для организации мы можем добавить немного стиля в код. В этом случае мы увеличиваем ширину:

            Заголовок таблицы 1 Заголовок таблицы 2 Заголовок таблицы 3
            Ввод 1 под заголовком 1 Ввод 1 под заголовком 2 Ввод 1 под заголовком 3
            Ввод 2 под заголовком 1 Ввод 2 под заголовком 2 Ввод 2 под заголовком 3
            Ввод 3 под заголовком 1 Ввод 3 под заголовком 2 Ввод 3 под заголовком 3

            Это приводит к чему-то более организованному:

            настольный пример 2

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

            Цитаты в HTML

            цитаты в HTML

            Существуют разные типы цитат, и эти цитаты представлены разными элементами.

            Для базовой цитаты вот пример:

            Это образец. А также Вот наша цитата

            Это выходит как: это образец. И «Вот наша цитата»

            Когда вы используете тег, кавычки автоматически добавляются к тому, что заключено в тег.

            Вы также можете использовать цитаты, что делается с помощью

            тег.

            Пример:

            Это образец. А также

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

            Это будет выглядеть так:

            Пример цитаты 1

            Использование комментариев в HTML

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

            Изначально это может показаться неважным, но когда вы начнете писать сотни или тысячи строк кода, и когда все кажется сложным, комментарии пригодятся.

            Комментарии не будут показаны зрителю браузером. Помните, что их можно увидеть в исходном коде.

            Комментарии также могут быть использованы в любом месте кода. Они никак не изменят функцию вашего кода.

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

            пример:

            Стоит также отметить это, особенно при отладке, Вы можете закомментировать строки кода. Таким образом, код остается в документе, но не работает, так как вы прокомментировали его.

            пример:

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

            Это также может быть использовано следующим образом:

            Он мальчик который показывает Он мальчик. Это потому, что мы прокомментировали «есть». Мы просто пытаемся показать вам, что практически что-либо, внутри или вне элемента, может быть закомментировано. Вы можете включить примечание в свой комментарий для справки – это не меняет природу того, что отображается.

            Использование цветов в HTML

            используя цвета в HTML

            Рано или поздно вы захотите использовать цвета для обозначения определенных элементов вашего HTML-документа. Это можно сделать тремя основными способами: со значением HEX, со значением RGB или с именем цвета.

            Использование цвета в HTML обычно выполняется с помощью атрибута style.

            Пример 1:

            Это синий цвет

            Используя значение HEX для синего цвета «# 0000FF», мы говорим браузеру показать ваш текст (в данном случае «Это синий цвет»), используя синий цвет..

            Пример 2:

            Это зеленый цвет

            Мы указываем, что текст должен быть выделен зеленым цветом, используя значение RGB..

            Пример 3:

            Это цвет желтый

            Используя значение HSL, мы попросили, чтобы текст был выделен желтым цветом.

            Пример 4:

            140 наименований цветов HTML составлено с помощью цветовых кодов HTML.

            Понятно, что у вас нет всей необходимой информации – такой как HEX-код, значение RGB и т. Д. – для всех цветов. Не паникуйте – палитра цветов W3Schools отличный инструмент, который позволяет выбрать любой цвет и показывает всю информацию об этом цвете, включая HEX-код, значение RGB и значение HSL.

            Использование iFrames в HTML

            В HTML-документе iFrame (встроенный фрейм) может использоваться для встраивания файла в текущий документ. По сути, вы можете использовать его для отображения другого веб-сайта или контента с другой веб-страницы внутри текущей..

            пример:

            С помощью приведенного выше кода мы сообщаем браузеру отображать содержимое https://websitesetup.org во фрейме непосредственно внутри этой страницы..

            Iframes могут быть использованы для отображения веб-сайта, видео, изображений или любой другой формы контента.

            Код для этого прост:

            (просто замените «URL» ссылкой на сайт / контент, который вы хотите отображать.)

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

            пример:

            Мы говорим браузеру отображать iframe, используя высоту 350px и ширину 400px.

            Шрифты в HTML

            использование шрифтов в HTML

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

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

            Настройка размера – пример:

            Показать этот текст, используя размер шрифта 6

            В этом примере мы говорим браузеру отображать наш текст, используя размер шрифта 6. Важно отметить, что диапазон допустимых размеров шрифта составляет от 1 до 7. Все значения, превышающие 7, автоматически подстраиваются под размер шрифта 7. По умолчанию размер шрифта 3.

            Цвет шрифта – пример:

            Показать наш текст синим цветом

            Мы используем тег, чтобы попросить браузер отображать наш текст синим цветом. В этом случае мы использовали название цвета HTML («синий»). Это может быть заменено кодом HEX или значением RGB, если вы хотите.

            Шрифт лица – пример:

            Вы предпочитаете Verdana вместо Times New Romans? Вот как вы это установите:

            Пожалуйста, отобразите этот текст шрифтом Verdana

            Мы говорим браузеру отображать наш текст шрифтом Verdana. Вы можете просто изменить номинал шрифта, чтобы указать любой шрифт, который вы хотите использовать.

            Альтернативные шрифты лица:

            Важно отметить, что люди смогут видеть ваш текст только с указанным вами шрифтом, если у них на компьютере установлен этот шрифт. Если нет, будет отображаться начертание шрифта по умолчанию – обычно Times New Roman. По этой причине настоятельно рекомендуется использовать веб-безопасные шрифты.

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

            Вернемся к нашему примеру:

            Просьба отобразить этот текст сначала шрифтом Verdana, либо Helvetica, либо Arial, либо Comic Sans… в том порядке, если основной шрифт недоступен.

            Мы дали указание браузеру показать текст на Verdana. Если Verdana недоступна, вместо того, чтобы вернуться к значениям по умолчанию Times New Romans, она может показать Helvetica или Arial, если Helvetica недоступна, или Comic Sans, если Arial недоступен..

            Вывод

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

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

            С WordPress, который мы подробно рассмотрели в нашем руководстве по созданию веб-сайта, вы можете создать замечательный веб-сайт, готовый за считанные минуты..

            HTML ресурсы

            • Периодическая таблица HTML – Здесь перечислены все теги HTML в форме периодической таблицы, что упрощает их изучение / использование..
            • W3schools / Метки – Список всех тегов HTML, упорядоченных по алфавиту.
            • Mozilla / HTML Attributed – Список всех атрибутов HTML, упорядоченных в алфавитном порядке.
            • Шпаргалка HTML
            • Цветовые коды HTML / Цветовые имена – Список из 140 наименований цветов HTML, включая HEX-код, значение RGB и значение HSL.

            Jeffrey Wilson Administrator
            Sorry! The Author has not filled his profile.
            follow me
              Adblock
              detector