Как да настроите смартфони и компютри. Информационен портал
  • У дома
  • Безопасност
  • Основни HTML тагове. По какво се различават несдвоените тагове от сдвоените? Сдвоени и несдвоени тагове

Основни HTML тагове. По какво се различават несдвоените тагове от сдвоените? Сдвоени и несдвоени тагове

21.11.2021 Безопасност

етикет (мн.ч. етикети, понякога етикет) Е HTML елемент, използван за маркиране на изходния текст на уеб страница. Таговете са съкращения или съкращения на английски думи, затворени в ъглови скоби<>например етикет

…

стенография за английската дума параграф, тоест текстът, затворен в този таг, ще бъде разпознат от браузърите като параграф.

Всеки таг в HTML има специално значение и отговаря за показването на определени данни. Регистрът на буквите в имената на етикети няма значение, например етикет

…

и етикетът

…

- Това е същото. Тоест етикетите могат да бъдат написани както с малки, така и с главни букви. Общоприето е било, че всички тагове трябва да бъдат написани с главни букви, за да се разграничат етикетите от нормалния текст. Сега няма такава нужда, тъй като много редактори имат подчертаване на синтаксиса.

Класификация на етикети

Общо в HTML има повече от 90 тагове. Като правило един таг засяга само част от документа, например маркера за заглавие от първо ниво

…

... В такива случаи се използват сдвоени тагове: отварянеи покриване... Отварящ маркер (напр.

) създава ефекта, а затварянето (

) - прекратява действието си. Както можете да видите от примера, затварящият маркер винаги има следния символ ( / ) - наклонена черта. Такива тагове се наричат сдвоени.

Някои тагове имат еднократен ефект, когато се появяват. Например етикетът с хоризонтална лента

или етикет за показване на картина ... Такива тагове нямат крайни тагове. Такива тагове се наричат ​​несдвоени тагове.

Видове етикети

Освен това етикетите са разделени на няколко типа, които се различават по своите функции:

  • етикети за заглавие на документи;
  • блокови елементи;
  • вградени елементи;
  • универсални елементи;
  • списъци;
  • маси;
  • рамки.

Това разделение не е строго, така че някои тагове са в различни групи. Например тагове за създаване на списъци

    и
      се прилага както за списъци, така и за блокови елементи.

      Структура на етикета

      Когато се заредят в браузър, самите тагове не се показват, но влияят върху начина, по който се показва съдържанието им. Ако има грешка в изписването на етикета, тя се игнорира изцяло.

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

      Нека да разгледаме правилната структура на тагове, съдържащи атрибути:

      2. Самият уебмастър

      Като пример дадох два напълно различни етикета. Първо single - отговаря за показването на изображения, атрибут - src = "лого.jpg"... Второ … paired е отговорен за създаването на връзки, атрибут - href = "сайт".

      Заключение 1: Атрибутите могат да имат сдвоени и несдвоени тагове.

      Заключение 2: Атрибутите могат да имат само отварящи тагове, затварящите тагове нямат атрибути.

      Снимка за пояснение:

      HTML е обикновен текстов файл с разширение .htm (html). За да създадете най-простата страница в началото, когато просто тренирате, имате нужда само от тетрадка. Отворете бележника и напишете малко текст.

      Всеки HTML елемент е маркер, поставен в рамка<>скоби. Всеки файл, html страница започва с таг и завършва с етикета.

      Този етикет просто казва на браузъра (това е програмата, в която сърфирате в мрежата), че даденият документ е HTML документ за маркиране.

      етикет - означава началото на html документ, и- затварящ таг означава края на html документа.


      В тези тагове има няколко други важни маркера. Веднага след етикета има тагове, които означават заглавието на страницата и тялото на страницата.

      Първата ми HTML страница



      етикет означава заглавието на заглавието на прозореца при показване на тази страница. <br>Сега можете да създадете нов текстов документ в бележника, да копирате текста, представен по-горе и да го запишете като Page1.html и да го стартирате в браузъра, ще видите заглавието на страницата от <title>, и празна страница, т.к ние сме в тялото на страницата в тагове <body> </body>не показвайте нищо.</p> <p>Така че горният текст ще бъде основният скелет на всяка уеб страница за нас.</p> <h4><b>Сдвоени и несдвоени тагове!</b></h4> <p><html></html>, <head></head>,<body></body>Това са просто сдвоени тагове - онези тагове, които вървят като двойка таг и неговият затварящ, затварящ таг с /. За сдвоени тагове стойността между началото на етикета и края на етикета е действието на етикета. Действието ще се разпространява, докато не бъде намерен маркер със знака /.</p> <p>Несъответстващи тагове - те нямат краен етикет. По-долу ще предоставим примери за такива тагове.</p> <p><head></head>- Заглавието на html страницата, което включва ключови думи за търсачките, различни скриптове и т.н.</p> <p><body></body>- Директно тялото на html документа.</p> <p><br />Несдвоен етикет.</p> <p><b>Забележка:</b>В повечето случаи сега, когато изграждат сайтове, използват готови съчетания, плъгини и т.н. - за по-бързо създаване на сайтове, но за да се прилагат и използват такива рутинни процедури и шаблони - все още се изисква минимално познаване на тези сесии.</p> <p>HTML (HyperText Markup Language) е <b>език за маркиране на хипертекст</b>... Езикът за маркиране се използва за придаване на структура на интернет страницата, сайта. Езикът за маркиране не носи дизайна, а изпълнява задачите за структуриране. Структурата се задава с помощта на специални елементи - етикети, които са разбираеми за браузъра. Тези етикети се наричат ​​тагове - от англ. думите <i>tag - таг с име.</i></p> <p>Хипертекстът е документ, маркиран с <b>HTML език</b>... Терминът „хипертекст“ първоначално е въведен от Тед Нелсън, за да се отнася до текст, „който се разклонява сам или извършва действие при поискване“.</p> <p>HTML документът е обикновен текстов файл, който има специална структура. Когато отворите интернет браузъра, обработва този документ, в резултат на което виждаме обичайните за нас интернет страници, където има текст, снимки, връзки и т.н. Интернет страниците имат разширението - <i>html</i>.</p> <p>Помислете за структурата на обикновен HTML документ</p> <p><!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <title>документ

      документ

      линия наречен етикет. Като цяло всичко, което е затворено в символи<>наречен етикет. Тези знаци са служебни знаци на HTML езика. Има два вида тагове:

      • Сдвоени- тези тагове имат отварящ и затварящ етикет. Затварящият маркер съдържа наклонена черта. Съдържанието на етикета се вмъква между тези тагове. Съдържанието на етикет може да бъде или обикновен текст, или други вложени тагове. Примери за сдвоени тагове:
      • Несдвоен- тагове, които не са затворени. пример:

      Етикетите могат да се пишат с главни и малки букви, тъй като HTML не прави разлика между правописа. Винаги трябва да затваряте сдвоени тагове!

      Счита се за добра форма да знаете и да можете да работите с голям брой тагове. Това не е нужно да се страхувате, всичко ще се запомни и ще се побере в главата ви веднага щом започнете да прилагате знанията си на практика. Ще се запознаем с основните тагове в хода на нашето по-нататъшно обучение. Като цяло, огромен брой HTML справочници вече са достъпни в Интернет, където можете да намерите актуална информация, тъй като напредъкът не стои на едно място, а езиците за програмиране се развиват бързо и актуализации се пускат почти всяка половина годишно. Освен това ще намерите минимум тагове, които ще са ни необходими по време на обучението в нашия лист за мами.

      Помислете за структурата на HTML документ:

      • - какъв е този етикет? Това е HTML версията, използвана на тази страница. Обичайно е всички HTML документи да се стартират с подобен таг. Това се счита за добра практика. DOCTYPE казва на браузъра в коя версия на HTML е написан документът, така че всички браузъри (а сега има много от тях) могат правилно да обработват маркирането и да покажат съдържанието на документа. Ако това не е направено, браузърът по подразбиране ще определи неправилно версията на документа, в резултат на което цялата маркировка може да отиде и да се покаже неправилно в различни браузъри. В този случай DOCTYPE показва версията на HTML5.
      • - цялото съдържание на страницата е затворено между тези сдвоени тагове, които информират браузъра, че това е HTML страница.
      • -сервизна секция (заглавка), която се използва за свързване на външни файлове и настройки, отговорни за външния вид, изхода и работата на тази страница. Съдържанието му най-често не се показва на страницата, с изключение на етикета title. Title tag - съдържа заглавието на страницата, което се показва в раздела.
      • - всичко, което се показва на страницата, е записано в тага body.

      За разширяване на функционалността на HTML към етикетите се добавя специална информация, която се нарича атрибути. Така че в реда:

      charset = "UTF-8" - атрибут. Може да има много атрибути. Атрибутите са разделени с интервал. В този случай, използвайки мета HTML тага, страницата се посочва като UTF-8 кодиране. Тези. браузърът е обозначен с кодирането на този документ, за правилното показване на съдържанието на страницата.

      Атрибутите се използват за разширяване на функционалността на таговете и ви позволяват да променяте както начина, по който маркерите се показват на страницата, така и тяхното поведение. Не всички тагове се използват за показване на информация, има тагове, които се използват само за програмиране на поведението на страницата, например с помощта на JavaScript.

      Въпроси за самоконтрол

      1. Какво е хипертекст?
      2. Каква е необходимостта от използване на HTML?
      3. Какво е кодиране на страници? Защо се използва? Къде мога да променя кодирането в браузъра?
      4. Какви видове атрибути познавате?
      5. Какво представляват таговете? По какво се различават от атрибутите?
      6. Какви тагове трябва да съдържа една HTML страница?

      Текстът на урока е разработен съвместно с М.

      HTML тагове- основата на HTML езика. Таговете се използват за разграничаване на началото и края на елементите в маркирането.

      Всеки HTML документ се състои от дърво от HTML елементи и текст. Всеки HTML елемент се идентифицира с начален (откриващ) и краен (затварящ) таг. Началният и крайният етикет съдържат името на маркера.

      Всички HTML елементи са от пет типа:

      • празни елементи — , ,
        , , ,
        , , ,
        Използва се за съхраняване на допълнителна информация за страницата. Браузърите използват тази информация, за да обработват страницата, а търсачките я използват, за да я индексират. В блока може да има няколко тагове , тъй като в зависимост от използваните атрибути те носят различна информация. Индикатор за измерване в посочения диапазон.