Eigenschappen van html-tags. Wat zijn HTML-tags en welke soorten tags bestaan er?

Hallo, beste lezers van de blogsite. In feite heeft deze term verschillende betekenissen die op geen enkele manier bij elkaar passen. Ik zal proberen over elk van hen te praten in deze publicatie.

Je zult het ontdekken wat zijn HTML-tags en hoe ze verschillen van metatags, en ook leren hoe tags worden gebruikt als tags op sites (hun variëteit is ), en laten we tot slot eens een algemene blik werpen op muzikale tags in audiobestanden. Zo veelzijdig wordt deze term.

Maar in alle gevallen het woord "tags" betekent opmaak ofwel een webpagina die HTML-code gebruikt, of de hele site die tags gebruikt, of uw muziekcollectie door het album en het nummer aan te geven.

Wat zijn tags op een website (tags voor het maken van navigatie)

Laten we eenvoudig beginnen. Jullie hebben waarschijnlijk allemaal gezien dat er onder sommige artikelen op websites een veld staat met de naam tags of tags, waarin enkele woorden worden vermeld. Waarom wordt dit gedaan? In het algemeen om het navigeren op deze site te vergemakkelijken ().

Er wordt gebruik gemaakt van zogenaamde tags trefwoorden, waarvan een set de publicatie kort karakteriseert (de volgende set tags zou bijvoorbeeld geschikt zijn voor de hoofdpagina van mijn blog: website maken; promotie; websitepromotie; inkomsten).

Met behulp van deze woorden is het mogelijk om duidelijk te bepalen waar dit artikel over ging. Maar hun belangrijkste waarde is niet dit, maar het feit dat een bezoeker op een tag kan klikken en een lijst kan zien met alle artikelen op de site waarop deze verscheen. In wezen is het een krachtig hulpmiddel voor het classificeren van informatie.

Om niet naar de benodigde tags onder artikelen te zoeken, maken website-eigenaren vaak de zogenaamde tagwolk, die in de linker- of rechterkolom van de site of in de voettekst (onderaan) kan worden geplaatst. Deze schande kan er in de praktijk als volgt uitzien:

Meestal worden hier de meest populaire tags vermeld, en u kunt alle tags bekijken door op de bijbehorende link te klikken. Soms worden vaker gebruikte tags (ze verschijnen in meer artikelen op deze site) in een groter lettertype weergegeven, en minder vaak gebruikte tags in een kleiner lettertype.

Soms wordt er een aparte pagina gemaakt om ze weer te geven, zoals weergegeven in de vorige schermafbeelding.

Waarom is dit opmaakmethode met behulp van tags niet op alle websites gebruikt, als het gebruiksvriendelijk is? Ze staan ook niet op mijn blog, waarvoor een aantal verklaringen zijn. Hoewel het gebruik ervan standaard wordt aangeboden, zijn er ook veel plug-ins voor het werken met tags.

Ja, tags werken prima als je weinig artikelen hebt en je alle tags goed onthoudt die je al hebt gemaakt en in andere artikelen hebt gebruikt. Maar met een toename van het aantal materialen neemt het aantal tags sterk toe; ze beginnen gedeeltelijk te worden gedupliceerd wanneer trefwoorden worden gebruikt die qua betekenis dicht bij elkaar liggen.

Het resulteert in een enorme puinhoop, waarvan de waarde in termen van het verbeteren van de navigatie naar mijn mening nogal twijfelachtig is. Voor dit doel is het bij een groot webproject beter om site search te gebruiken. Hoewel tags goed werken in sociale netwerken, waar u tags kunt gebruiken om informatie van verschillende gebruikers te combineren en op één plek te bekijken. .

Wat zijn HTML-tags?

Ik besloot ze vijftien jaar geleden voor het eerst te bestuderen, maar toen kwam ik niet verder dan de Title-tag. Toen kwam ik een gratis videocursus over Html tegen van Evgeniy Popov en dat ging goed. Natuurlijk was die cursus nog maar het beginstadium, maar het is juist deze eenvoudige presentatie die beginners vaak ontberen.

Deze lessen behandelen basistags, waarmee u eenvoudig tabellen kunt maken, afbeeldingen en hyperlinks in de tekst kunt invoegen, verschillende formulieren aan de site kunt toevoegen en nog veel meer. Totaal 33 gratis video's over HTML-onderwerpen.

Maar de videocursus is een videocursus, en ik moet je interesseren, zodat je hem downloadt en bekijkt. Uit algemene zinnen wordt niet duidelijk welke tags er in de HTML-taal zijn en waarom je ze moet bestuderen. Oh, dit is een geweldig en eenvoudig ding waarmee je de meester van je eigen website kunt worden. Waarom heb je een website nodig?

Nou ja, waarschijnlijk in de eerste plaats voor zelfexpressie en inspanning, en ten tweede - . Wees gewoon stil, anders zal iedereen het horen en rennen om te bestuderen wat tags zijn, websites maken en alles verdienen wat alleen jij zou kunnen verdienen, en ik zit in het bedrijf. Daarom zal ik uitsluitend fluisterend blijven spreken.

Internet kun je vergelijken met televisie, waarbij je je eigen kleine programma maakt (een website maakt met behulp van tags) en inkomsten ontvangt uit advertenties. Hoe populairder uw programma (internetproject) is, hoe meer u verdient. Er is geen bovengrens, maar ook geen ondergrens. Maar u hoeft geen geld te investeren, alleen uw arbeid en tijd die u besteedt aan het bestuderen van tags, hoe de engine werkt en, in feite, het vullen van de site met inhoud.

Tags zijn dus de eenvoudigste opmaakelementen van een webpagina, zodat de browser, wanneer deze vanaf de server wordt geladen, precies begrijpt hoe een bepaald element (tekst, afbeelding, video) moet worden weergegeven. Voorheen was de HTML-taal alleen verantwoordelijk voor deze hele kwestie, maar toen kwamen ze hem te hulp en werd het veel gemakkelijker voor hem. Popov heeft er ook een gratis videocursus over, die je kunt gebruiken downloaden vanaf hier .

Jongens, als je HTML-tags onder de knie hebt, zul je begrijpen dat het net zo eenvoudig was als het pellen van peren. Het belangrijkste is om te beginnen en jezelf op de een of andere manier te stimuleren. Ik vertel je niet alleen over de financiële kant. De site kan uw belangrijkste bron van inkomsten worden en het hele gezin kan er van eten. Je hebt geluk, doorzettingsvermogen en niet bang zijn om nieuwe dingen te proberen nodig.

Labels zijn verschillend, maar er zijn er niet veel (van degenen die relevant bleven na de introductie van CSS). Kijk hoe eenvoudig het is. Laten we zeggen dat je een alinea wilt maken - je omringt eenvoudigweg de tekst van de toekomstige alinea met de openings- en slottags P (dit is een Latijnse letter en in de code is het beter om deze klein te schrijven, maar hier heb ik er een hoofdletter voor gemaakt helderheid). Dit is hoe het eruit zal zien:

Tekst tekst...... tekst tekst

Begrijpt u het verschil tussen de openingstag (aan het begin) en de afsluitende tag (aan het einde)? Natuurlijk heb ik zojuist een schuine streep naar voren toegevoegd na de driehoekige beugel.

O, dat vergat ik te zeggen Op basis van welke criteria scheidt de browser tags?(opmaak) van de hoofdinhoud. Heb je het zelf geraden?

Dat klopt, dat is driehoekige beugels, waarin we ze omsluiten. De browser zag zo'n haakje bij het parseren van de code van een webpagina en realiseerde zich dat het een tag was, en verwerkt alles wat erin staat volgens een bepaald algoritme (maakt alinea's op een afstand van elkaar in de hoogte, vergroot het lettertype van de koppen, enz.) .

Als u in uw tekst een driehoekig haakje moet gebruiken, zorg er dan voor dat u dit doet, zodat de browser u goed begrijpt. Dit moet onthouden worden.

In code kunnen ze er bijvoorbeeld zo uitzien:

In feite bevatten ze de beschrijving en trefwoorden van de webpagina waarvoor ze zijn geregistreerd. Lees meer over hen in het artikel hierboven.

Metatags worden op een strikt gedefinieerde plaats in de webpaginacode geschreven. Weet jij welke? Dat klopt, in de zogenaamde “kop” van het document, die bestaat uit een opening en afsluiting HEAD-tags.

Alles wat erin geschreven staat (inclusief META-tags) wordt niet weergegeven op de webpagina. Dit is strikt bedrijfseigen informatie. De bovenstaande beschrijving en trefwoorden informeren zoekmachines over de inhoud van een bepaalde webpagina en de onderstaande metatag.

Wat zijn muziektags in audiobestanden?

Wanneer je muziek afspeelde in de auto of op je speler (telefoon), heb je waarschijnlijk meer dan eens gemerkt dat er griezelig gebrabbel werd weergegeven in plaats van de titel van het nummer en de naam van de auteur-uitvoerder. Je zou kunnen aannemen dat de namen van de gedownloade muziekbestanden in de verkeerde Russische taalcodering zijn geschreven.

Als u de naam van bestanden wijzigt met , ziet u nog steeds een onaangename afbeelding op uw speler. Wat te doen? En wie is verantwoordelijk voor deze situatie? Vreemd genoeg, maar de redenen zijn verkeerd voorgeschreven tags in dit muziekbestand.

Ze worden rechtstreeks in het audiobestand genaaid (aan het begin of einde) en kunnen informatie bevatten over de compositie, de auteur, het album, de trackduur en iets anders dat niet zo belangrijk is. In de nieuwste versies van muziektags kunnen er zelfs afbeeldingen van cd-hoezen in worden genaaid (meestal een plaag).

Maar het probleem doet zich in de regel niet voor in de beschikbaarheid ervan, maar in het verkrijgen ervan mogelijkheid om ze te bewerken. Er komt een moment in het leven van elke zichzelf respecterende muziekliefhebber dat hij “klaar is om te scheuren en te gooien”, gewoon om orde op zaken te stellen in zijn verzameling en de juiste tags toe te voegen aan alle nummers die op elk apparaat leesbaar zijn. Hoe dit te doen?

Met behulp van speciale software. De tags zelf verschenen eind vorige eeuw voor het eerst in audiobestanden. Voor MP3-bestanden heette de standaard voor het toevoegen ervan ID3, en voor muziekbestanden die zonder kwaliteitsverlies zijn gecomprimeerd (zoals FLAC en dergelijke) heette de standaard voor het toevoegen van tags (metadata) Vorbis-commentaar.

Voor muziek opgenomen in het Windows WMA-formaat is er WM-metadata, en voor Apple MP4 is er iTunes-metadata (ik heb daar trouwens onlangs over geschreven).

U kunt dus tags bewerken met speciale programma's. De meest populaire van hen is waarschijnlijk Mp3tag(officiële site, maar wees voorzichtig bij het downloaden - klik niet per ongeluk op een advertentie die aanbiedt om iets heel anders te downloaden). Ik denk dat je alle andere programma's zelf zult vinden, vooral omdat dit ruim voldoende zal zijn om deze taak te voltooien.

Zo divers bleken de tags te zijn, die in al deze gevallen hun hoofdrol vervulden: opmaak (van artikelen op een website, inhoud op een webpagina of metadata in muziekbestanden). Ik hoop dat je nu minder vragen over dit onderwerp hebt.

Veel geluk voor jou! Tot binnenkort op de pagina's van de blogsite

Je kunt meer video's bekijken door naar te gaan

");">

Misschien ben je geïnteresseerd

Tags voor Instagram - waarom ze nodig zijn en waar je de populairste kunt zien
Hashtags - wat zijn het en hoe hashtags worden gebruikt op Twitter, Instagram en andere plaatsen Hoe u automatisch een Alt-kenmerk kunt toevoegen aan de img-tags van uw WordPress-blog (waar ze deze niet hebben)
Link - wat is het en hoe maak je het
Radikal - gratis fotohosting met snel en eenvoudig uploaden van foto's via Radikal.ru

Goede dag, vrienden! Vandaag hebben we weer een artikel gewijd aan een van de categorieën van mijn site “HTML-gids voor beginners”. Waarschijnlijk was het nodig om deze categorie te vullen door een artikel te schrijven over wat HTML is of uit dit bericht, waarin in detail wordt uitgelegd wat html-tags zijn. Maar het gebeurt zo dat ik daarin al verschillende nuttige materialen heb gepubliceerd, bijvoorbeeld over hoe je een lijn maakt met HTML of hoe je een frame maakt. Nou, oké, ik hoop dat mijn fout je niet heeft gedwongen om naar informatie in andere bronnen te zoeken.

Laten we, om tags te begrijpen, eerst onthouden wat HTML is? Dus HTML is een Engelse afkorting die staat voor - hypertext opmaaktaal. Dit is een standaardtaal, geïnterpreteerd door alle moderne browsers, die verantwoordelijk is voor de structuur en inhoud van de pagina. Met behulp van HTML kunt u opgeven hoe de tekst, tekening of animatie die op de internetpagina wordt weergegeven, eruit zal zien, en kunt u ook de locatie, grootte, enz. instellen. De gepresenteerde opmaaktaal bevat html-tags, die de basis vormen.

Labels– een specifiek genoemd label dat bestaat uit tekens uit het Latijnse alfabet, tussen punthaken (bijvoorbeeld ). Een tag is het belangrijkste element van een HTML-document. Ze moeten in kleine letters worden ingevuld, dat wil zeggen in plaats van < TITEL> er moet zijn < titel> .

Soorten HTML-tags

Er zijn twee soorten tags − enkel En verdubbelt(containers). Deze laatste komen vaker voor. Alles wat er tussen de opening zit<>en afsluitende tagde inhoud van de container genoemd. Zoals je kunt zien, moet je een schuine streep in de afsluitende tag plaatsen, d.w.z. een schuine streep "/" onmiddellijk na de eerste hoekbeugel. Het effect van tags strekt zich uit tot de informatie die ertussen zit.

Enkele tags (labels) bestaat, zoals je misschien wel vermoedt, uit één HTML-element: een openingstag (bijvoorbeeld ).

Ongeacht het soort elke tag bestaat uit de volgende elementen:

Openingshoekbeugel ( < ).

Tagnaam ( P, lichaam, br).

Sluithoekbeugel ( > ).

Om de mogelijkheden van de gebruikte tag uit te breiden, worden verschillende attributen en attribuutwaarden gebruikt, gescheiden door een spatie. Op hun beurt kunnen attributen worden onderverdeeld in verplicht en optioneel.

Basis html-tags

De gestandaardiseerde HyperText Markup Language bevat een aantal veelgebruikte HTML-tags. Laten we eens kijken naar de belangrijkste ervan.

Basis gepaarde html-tags

- < html> - vertelt de browser dat er een HTML-document voor staat.

- < hoofd> - bevat een beschrijving van de internetpagina en is een soort container voor alle kopelementen van een HTML-document, met als doel browsers en zoekmachines te helpen met gegevens te werken.

- < lichaam> - definieert het zichtbare deel van het document.

- - is verantwoordelijk voor de weergave en titel van het document. - < tafel>, < tlichaam>, < kop>, < td>, < e> en< tr> - tags gerelateerd aan het maken van tabellen. - - het sluiten van deze tag vertelt browsers dat de tekst op een nieuwe regel wordt weergegeven, dat wil zeggen in een nieuwe paragraaf. - <h> - stelt de titel in ( h1…h6). - - een tag die een regeleinde instelt op de plaats waar deze zich bevindt. - , , - elk van de tags markeert de tekst afzonderlijk vet, onderstreept of cursief. - <ol>, <ul>, <dl> - tags verantwoordelijk voor . - <tt>, <kbd> - een effect voor tekst dat de stijl van een typemachine imiteert. - - nog een HTML-tag die tekst vetgedrukt maakt. In tegenstelling tot het label wordt door zoekmachines als bijzonder benadrukt. - <marquee> - tag gebruikt om een ticker te maken. - - een tag die wordt gebruikt om tekst op te maken, maar alleen werkt bij gebruik van speciale attributen. - <a> - een veel voorkomende tag die verantwoordelijk is voor het maken van een hyperlink. - <cite> - citaat. - <code> - geeft codevoorbeelden weer in een HTML-document. - <q> - is verantwoordelijk voor het weergeven van tekst tussen haakjes. - <blockqote> - creëert inspringingen aan beide zijden van de tekst. <h3>Basis enkele tags</h3> - <meta> - een tag met meta-informatie bedoeld voor zoekmachines. Binnenin kunt u, met behulp van de juiste attributen, trefwoorden specificeren, controle over het indexeringsproces, de naam van de auteur, documentcodering, enz. - <img> - een tag die verantwoordelijk is voor het weergeven van grafische elementen (afbeeldingen). Wordt gebruikt in combinatie met een vereist attribuut <img src='https://i0.wp.com//URL' loading=lazy loading=lazy>. - <style> - указывает на таблицу стилей CSS. Данный тег задается в теге < head > . HTML документ может состоять из энного количества тегов <style> , задающих странице стилистику в независимости от расположения ее содержимого. - < hr > - добавляет горизонтальную линию. Нажав сочетание клавиш Ctrl + U можно заметить, что весь HTML-документ построен на использовании HTML тегов и атрибутов. Совсем не обязательно запоминать все существующие HTML теги. Для внесения корректировок на сайт достаточно запомнить те, что приведены выше. Надеюсь, статья оказалась для вас полезной, и теперь вы знаете, какие существуют виды тегов и что это вообще такое. Спасибо за внимание и до скорого на страницах Stimylrosta. Обнаружили в тексте грамматическую ошибку? Пожалуйста, сообщите об этом администратору: выделите текст и нажмите сочетание горячих клавиш Ctrl+Enter В языке HTML всё, что вы напишите в HTML-документе, будет выведено на экран браузера сплошным текстом, то есть браузер игнорирует переводы строк, а также несколько набранных вами подряд пробелов заменяются одним. Теги — это управляющие команды, которые были придуманы для того, чтобы отформатировать текст, т.е. теги говорят браузеру о том, как именно нужно вывести на экран часть текста, заключенную в теги. Для создания тега между угловыми скобками вводится HTML-код, который предназначен только для браузеров. Посетители сайта не видят теги. Как уже отмечалось выше, все теги начинаются с угловой скобки < и заканчиваются угловой скобкой > . После открывающей угловой скобки следует имя тега (команды). Например, тег предназначен для акцентирования текста, браузеры отображают такой текст курсивным начертанием. Когда браузер обнаруживает этот тег, он переключается на форматирование курсивным шрифтом текста, следующего за тегом. Рассмотрим пример:Этот текст обычный. Этот текст курсивный. Тег называют начальным или открывающим тегом, что означает включение браузером определенной команды (в данном случае написание курсивным шрифтом). У большинства тегов есть пара в виде закрывающего тега, который отключает команду. Закрывающий тег выглядит так же, как начальный, но начинается с слэша. Итак, конечный тег для выделения курсивным шрифтом - . Рассмотрим пример:Этот текст обычный. Внимание! Курсив. Это снова обычный шрифт. Как вы успели заметить, браузер последовательно анализирует HTML – документ в поисках команд (тегов) и применяет или отключает разные параметры форматирования текста. Браузер отформатированный текст (все, что не является тегом) отображает в своем окне. <table class="notice example"><tr><th> </th> <td> Процесс вставки тегов в обычный неформатированный текст называется разметкой HTML-документа, а теги - знаками разметки. При написании тегов не учитывается регистр букв, тег может быть прописан как строчными, так и прописными буквами, но всё же рекомендуется применение прописных букв. </td> </tr></table>Ниже приведены примеры основных тегов HTML, с объяснением их использования, а также примеры их применения в HTML-документе. <h2>Заголовки</h2> Существует специальный тег для указания заголовков в HTML. Есть 6 уровней заголовков в HTML, начиная от для наиболее важных объявлений, до для наименее важных. В основе языка HTML лежит понятие «тэг» (англ.: tag -ярлычок, этикетка). Тэги заключаются в угловые скобки (< >) и образуют пары – контейнеры (открывающий тэг и закрывающий). Например, контейнером HTML документа является пара тэгов <html> и </html>. В web-странице включены контейнеры, отвечающие за заголовок документа (голова) и содержат дополнительную информацию, а также контейнеры, отвечающие за само содержание документа (тело). Они представлены на рисунке.Итак HTML документ заключается в контейнер <html></html>, заголовок в контейнер <head></head>, а содержание документа в контейнере <body><script type="text/javascript">  </script> </body>. Контейнер <title>, расположенный в заголовке (контейнере ) содержит текст, отображающийся в верхней строке окна браузера. В контейнер заголовка также могут быть добавлены тэги, содержащие кодировку, ключевые слова web-страницы, а также код для подключения файлов каскадных таблиц стилей CSS, языка программирования jаvascript, VBScript и т.д.

Пример простейшей HTML странички, содержащей только основные тэги:

Название страничкиСодержание простейшей странички

Результат работы указанного кода изображен на рисунке.

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

Для изменения шрифта, его цвета и размера используется тэг с параметрами “face”, “color” и “size”. Например для того чтобы задать шрифт “arial” красного цвета и 14 размера необходимо написать следующий код:

Форматируемтекст

Для выделения абзаца в тексте используется тэг

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