Ви блогер? Тоді ви отримаєте користь від знання деяких 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-адресу між лапками. Текст вашого прив’язки – це текст, який відображається на сторінці.

    Давайте подивимось на приклад. Якби я хотів пов’язати попередню статтю про Королівство хостингу, код виглядатиме так:

    Якщо ви реєструєте домен через веб-хостинг?

    Посилання відображатиметься таким чином на сторінці:

    Якщо ви реєструєте домен через веб-хостинг?

    Зображення

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

    Зауважте, що це неконтейнерний тег, тому він не має кінцевого тегу, але вам потрібен атрибут 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