Вы блоггер? Тогда вам будет полезно знать HTML-код

Смущен HTML код? Ты не один.


Я признаю это. Когда я начал писать для Интернета, я знал о HTML код. И я признаю это снова. Я до сих пор не знаю много.

Тем не менее, я обнаружил, что небольшое знание HTML может упростить задачу при написании статей для Интернета..

выучить язык гипертекстовой разметки

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

Хотите устранить эту путаницу и немного узнать о кодировании HTML? Давайте начнем.

Что такое HTML-код?

Вы видели это вокруг, но вы, вероятно, не знаете, что означает все это HTML-тарабарщина.

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

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

Это жирный текст.

На странице это выглядит так:

Это жирный текст.

В течение многих лет было много версий HTML, но по состоянию на октябрь 2014 года HTML5 стал стандартизированным языком разметки в Интернете..

Почему блоггерам полезно знать

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

Вот несколько ситуаций, в которых я лично нашел это полезным:

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

Общие коды использования блоггеров

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

Звук сбивает с толку? Будет проще, если я приведу пару примеров. Давайте рассмотрим некоторые распространенные теги HTML, которые вы должны знать как блогер..

Скелетные метки

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

Тем не менее, это приятно знать. Например, вы когда-нибудь работали с программой, которая просит вас вставить код в раздел заголовка вашего сайта? Вы сможете найти это с небольшим знанием HTML. Итак, вот несколько скелетных тегов, которые вы должны знать:

  • : Этот раздел описывает HTML-документ.
  •   : В этом разделе представлена ​​информация о документе.
  •   : Это обеспечивает название документа.
  •   : Это описывает визуальные элементы страницы. Именно в разделе тела страницы блоггеры часто вносят изменения в HTML при необходимости. Остальные упомянутые теги находятся в теле документа..
  •  

    : Этот тег описывает абзац.

Помните, что текст вашей страницы заключен в начальный и конечный теги. Вот пример:

Это текст абзаца.

Заголовки теги

Теги заголовков используются для отображения иерархии документов. Скорее всего, вы уже используете заголовки в форматировании блога, но разница между заголовками 1-6 означает больше, чем просто размер текста и вес шрифта. Они также передают чувство иерархии веб-браузерам и поисковым роботам..

Заголовок 1 должен использоваться для основного заголовка документа, такого как заголовок вашего блога. Заголовок 2 должен быть вторичной информацией, такой как ваши основные подзаголовки. Используйте заголовок 3 для подзаголовков и т. Д. Через заголовок 6. Эти теги выглядят следующим образом:

Вот пример того, как это переводится:

Это заголовок 5

Это заголовок 5

Встроенные текстовые теги

Встроенные текстовые теги – это те, которые вы будете использовать для форматирования текста в тегах уровня блока, например

а также

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

Теги списка

Как вы заметили, я использовал несколько списков в этом посте. Но как я это сделал? Вот теги, которые вам нужно знать:

  • : Это определяет элемент списка.
  •  
      : Этот тег обходит неупорядоченный список, который будет отображаться в виде маркеров.
    •  
        : Этот тег обходит упорядоченный список, который будет отображаться в виде чисел.

    Вот пример того, как будет выглядеть HTML-код упорядоченного списка:

    1. Элемент списка 1
    2. Элемент списка 2
    3. Элемент списка 3

    Вот как это отображается на странице:

    1. Элемент списка 1
    2.  Элемент списка 2
    3.  Элемент списка 3

    Теги изображения и ссылки

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

    Ссылка на сайт

    ВАШ ЯКОРНЫЙ ТЕКСТ

    Не удаляйте кавычки вокруг вашего URL. Просто вставьте ваш URL между кавычками. Ваш якорный текст – это текст, который появляется на странице.

    Давайте посмотрим на пример. Если бы я хотел сослаться на предыдущую статью о Hosting Kingdom, код выглядел бы так:

    Если вы зарегистрируете домен через веб-хостинг?

    Ссылка будет отображаться на странице следующим образом:

    Если вы зарегистрируете домен через веб-хостинг?

    Образ

    Код для изображения выглядит так:

    Обратите внимание, что это неконтейнерный тег, поэтому у него нет конечного тега, но вам необходим атрибут src. Вы можете добавить дополнительные элементы к этому тегу, такие как альтернативный текст или определение размера. Это будет выглядеть так:

    ”YOUR

    Опять же, убедитесь, что вы не удаляете кавычки.

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

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

    Jeffrey Wilson Administrator
    Sorry! The Author has not filled his profile.
    follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map