Hallo, beste lezers van de blogsite! In het laatste artikel hebben we ontdekt wat een documenttype is en hoe browsers de gebruikte taal bepalen met behulp van . De tag werd overwogen, maar het concept (de term) zelf niet. In dit artikel vertel ik je wat een tag is, waarom deze nodig is en welke soorten tags er zijn. Zoals ik in het laatste artikel van deze sectie al zei, zullen we een bestandspagina maken waarmee we zullen experimenteren, gebaseerd op de kennis die we hebben verworven. Maar dit staat aan het einde van het artikel, maar laten we nu eens kijken naar de HTML-tag.

Wat is een HTML-tag, typen HTML-tags, voorbeelden van het schrijven van HTML-tags - vertaald uit de Engelse tag - om tekens te markeren die tussen punthaken staan ​​en die elementen zijn van de hypertext markup-taal (HTML). De symbolen kunnen alleen in het Engels zijn (het hele internet is erop gebouwd). Het label lijkt op

Dit is een tag waarmee je tekst vetgedrukt kunt maken. Tags hebben drie typen:

• De openingstag is de tag die aan het begin komt. In het hierboven besproken voorbeeld is de tag de openingstag en staat deze vóór de tekst die moet worden gemarkeerd.
• De afsluitende tag is de tag die aan het einde komt. Een onderscheidend kenmerk is de schuine streep “/” vóór de tekens tussen punthaken. Laten we nog eens naar het hierboven besproken voorbeeld kijken. De tag is een afsluitende tag en komt na de tekst, die vetgedrukt moet zijn
• Enkelvoudige tags zijn tags die geen afsluitende tag hebben. Een voorbeeld zou zijn
  Hier is een voorbeeld van een openings- en sluitingstag:

Het gehele ontwerp, inclusief de tekst, ziet er als volgt uit:

Deze tekst wordt vetgedrukt weergegeven

En zo zal deze tekst eruit zien als de browser deze verwerkt en aan ons levert: Deze tekst wordt vetgedrukt weergegeven.

Er bestaat ook zoiets als containertags, maar dit is slechts een algemene naam voor het openen en sluiten van tags. Zoals ik hierboven schreef, zijn er naast containertags ook enkele tags. Het verschil is dat dergelijke tags niet gesloten hoeven te worden. Het duidelijkste en meest voorkomende voorbeeld is de newline-tag.

Wat zijn attributen, schrijfregels en waarom zijn ze nodig? Naast tags zijn er ook zogenaamde attributen. Om precies te zijn, niet daarnaast, maar in tags. Met behulp van attributen kunt u aanvullende parameters voor een tag instellen. Elke tag heeft zijn eigen attributen, en in dit onderwerp zullen we experimenteren met de tag, die zonder attributen eigenlijk niets zinvols doet.

Lettertype is een containertag die wordt gebruikt om tekst op te maken. Met deze tag kunt u de tekst vetgedrukt maken, de grootte en de afstand tussen de regels wijzigen - in het algemeen alles wat u met de tekst kunt doen. Laten we een voorbeeld bekijken met tekstgrootte. Laten we eerst de tekst insluiten in een Font-tag.

Tekst

Nu iets over de regels voor het schrijven van attributen. Attributen worden altijd in de openingstag en na de tekens van de tag zelf geschreven. U kunt in elke volgorde meerdere attributen in één tag schrijven. Je kunt de attributen vinden op de W3C-validatorwebsite (waar ik hieronder over zal schrijven). Hier is een voorbeeld van een lettertypetag met een size-attribuut:

Tekst

Dit attribuut in de font-tag verandert de grootte van de tekst die in de tags is ingesloten.
Als u de broncode van de pagina opent, ziet u dat de plaats waar het grote woord “Tekst” zich bevindt er uitziet als

Tekst

Je hebt al gezien hoe attributen worden geschreven. Ze worden op precies dezelfde manier geschreven in andere tags: eerst schrijven we het attribuut zelf (in dit geval grootte), dan plaatsen we “=” en plaatsen we de attribuutparameter tussen dubbele aanhalingstekens. U kunt alle attribuutparameters vinden op dezelfde website van het World Wide Web Consortium.

Wat is een W3C-validator, schrijfregels en lijst met tags Zoals ik al schreef, zijn er heel veel tags. Maar waar vind je ze allemaal? Voor dit doel is er een W3C-validator W3C - World Wide Web Consortium, of in het Russisch - World Wide Web Consortium. Niet helemaal duidelijk toch? Dit is de plaats waar webstandaarden worden ontwikkeld (hypertext-opmaaktalen zijn hun geesteskind). Aan het hoofd van het gehele consortium staat Tim Berners-Lee, bekend uit het vorige artikel, de maker van HTML. De website van deze organisatie is w3.org. Ik waarschuw je, de site is volledig in het Engels, dus zorg ervoor dat je een woordenboek of vertaler in je browser hebt. Trouwens, de Google-beoordeling voor deze site is 9 en 37.000 (dit is allemaal veel, als iemand het niet weet).

Laten we terugkeren naar het onderwerp van het artikel. Wij zijn geïnteresseerd in de HNTML 4.01-taalstandaarden. Volg de link HTML 4.01 Specificatie, waarna we bovenaan het tabblad elementen zien, klik erop. Hier wordt de pagina met alle tags geopend. Deze tags zijn door het consortium ontwikkeld en als standaard ingevoerd. Alles is wederom in het Engels. Direct na de woorden “Index van Elementen” zien we een legenda (de betekenis van de letters in de kolommen):

En onmiddellijk na de legende is er een tabel met de tags zelf:

• In de eerste kolom - Naam - de naam van de tag zelf - wat er tussen punthaken moet staan ​​(< и >).
• De tweede kolom - Starttag - de aanwezigheid van een openingstag. In deze kolom ziet u de letter “O”, wat “Optioneel” betekent, vertaald uit het Engels - Optioneel. Deze letter staat alleen tegenover de tags , , en en betekent dat u een openingstag kunt plaatsen, of dat hoeft niet: de browser doet alles zelf.
• De derde kolom - Eindtag - de aanwezigheid van een afsluitende tag. Tegenover dit label zie je zowel de letter “O” als de letter “F”. De betekenis van de eerste is niet veranderd. De tweede letter - "F" - letterlijk "verboden" in het Engels - betekent dat het verboden is om een ​​afsluitende tag te plaatsen, deze bestaat simpelweg niet. Er is bijvoorbeeld geen label, omdat er niets in te verbergen is.
• De vierde - Leeg - betekent dat de tag enkelvoudig (leeg) is. Alle tags waar in deze kolom de letter “E” naast staat, hebben ook de letter “F” in de vorige kolom. Enkelvoudige tags hebben immers geen afsluitende tags. Een voorbeeld is dezelfde tag .
• De vijfde kolom is Depr.
• De zesde kolom - DTD - kan de letter "L" of "F" bevatten. De eerste - "L" - Losse DTD - betekent dat de tag waartegenover deze letter verschijnt alleen kan worden gebruikt in een overgangsdocumenttype (- Transitional, waarover ik in het vorige artikel schreef). De tweede - “F” - Frameset DTD - betekent dat de tag alleen kan worden gebruikt in een document van het type FRAMESET ( - Frameset). Als de letter ontbreekt, kan de tag in alle soorten documenten worden gebruikt.
• En de laatste, zevende kolom - Beschrijving - een korte beschrijving van de tag, opnieuw in het Engels

De attributen staan ​​op dezelfde pagina van de HTML 4.01-specificatie, maar dan op het tabblad “attributen”. Er zijn veel meer attributen dan tags. En opnieuw schrijf ik alles punt voor punt op.

• De eerste kolom is Naam - zoals in het geval van tags, de naam van het attribuut. Alles is in het Engels, maar met basiskennis kun je raden wat dit of dat attribuut doet.
• De tweede kolom - Gerelateerde elementen - is een lijst met alle tags die een attribuut gebruiken. Alle tags zijn voorzien van links, zodat u direct naar informatie over de tag kunt gaan.
• In de derde kolom – Type – staan ​​alle mogelijke waarden voor een bepaald attribuut. Tegenover het size-attribuut dat we in de Font-tag hebben geselecteerd, staat bijvoorbeeld de CDATA-waarde. We zullen er later naar kijken, maar kort gezegd is het een speciale reeks maatopties (in dit geval). Je kunt immers zowel pixels als percentages schrijven
• De vierde kolom – Standaard – geeft aan of het attribuut vereist is in een bepaalde tag. In de Img-tag is bijvoorbeeld het src-attribuut vereist, omdat dit de bron aangeeft waaruit de afbeelding moet worden gehaald.
• Kolommen 6, 7 en 8 betekenen hetzelfde als in het geval van tags.

Al het bovenstaande is alleen van toepassing op HTML-versie 4.01. In een ander artikel zullen we het hebben over HTML 5, en we zullen ook ingaan op XHTML. En nu zullen we, zoals ik beloofde, een pagina in HTML maken, waarmee we zullen experimenteren.

Een bestand in HTML-formaat maken - HTML-document

Laten we eerst eens kijken wat een HTML-document is. En dit is in feite een bestand in HTML-formaat. En alle internetpagina's zijn HTML-documenten. Als u bijvoorbeeld op een website in de adresbalk aan het einde komt, ziet u achter het adres “.html” of “.htm” staan. Dit is het bestand dat we met deze extensie gaan maken. Als je wilt experimenteren op een website en niet op een pagina, is het over het algemeen beter om een ​​lokale server te maken - Denver (waarover ik wil schrijven).

Gezien het feit dat ik het niet eens heb gehad over de tags die op elke pagina aanwezig zijn, maken we eenvoudigweg een bestand met een willekeurige naam en extensie.html. Het is mogelijk (en het beste) om Notepad++ te gebruiken, omdat deze teksteditor gebruik maakt van codeaccentuering, wat erg handig is bij het bewerken van code en je bestanden in verschillende formaten kunt opslaan. Er zijn ook programma's waarin, wanneer je een code typt, het resultaat direct in verwerkte vorm verschijnt.

We hoeven dus alleen maar Notepad++ te openen en een bestand met willekeurige tekst op te slaan (kan leeg zijn), maar in .html-formaat. Om dit te doen, klikt u zoals gewoonlijk op de bestandsinscriptie, vervolgens op "opslaan als" en zoekt u naar "HyperText Markup Language-bestand (bestandsextensies)" in de grote lijst met extensies. Dat is eigenlijk alles. We zullen de eerste regels aan dit bestand toevoegen in het volgende artikel uit de sectie “Een website helemaal opnieuw maken”

HTML-tags vormen de basis van de HTML-taal. Tags worden gebruikt om het begin en het einde van elementen in de opmaak af te bakenen.

Elk HTML-document bestaat uit een boomstructuur van HTML-elementen en tekst. Elk HTML-element wordt geïdentificeerd door een starttag (opening) en een eindtag (sluiting). De openings- en sluitingstags bevatten de naam van de tag.

Alle HTML-elementen zijn onderverdeeld in vijf typen:

• lege elementen - , ,
  , , , , , ,
  Wordt gebruikt om aanvullende informatie over de pagina op te slaan. Deze informatie wordt door browsers gebruikt om de pagina te verwerken en door zoekmachines om deze te indexeren. Er kunnen meerdere tags in een blok zitten, omdat ze, afhankelijk van de gebruikte attributen, verschillende informatie bevatten. Indicator van metingen in een bepaald bereik. Een sectie van een document met navigatielinks voor de site. Definieert een sectie die geen scripting ondersteunt. Container voor het insluiten van multimedia (bijvoorbeeld audio, video, Java-applets, ActiveX, PDF en Flash). U kunt ook een andere webpagina in het huidige HTML-document invoegen. De tag wordt gebruikt om de parameters van de plug-in door te geven. Bestelde genummerde lijst. De nummering kan numeriek of alfabetisch zijn. Een container met een titel voor een groep elementen. Specificeert een optie/optie om te selecteren in de vervolgkeuzelijst , of . Veld voor het weergeven van het resultaat van een berekening die is berekend met behulp van het script.

  Paragrafen in de tekst. Definieert parameters voor plug-ins die met het element zijn gebouwd. Een containerelement dat één element bevat en nul of meer elementen. Op zichzelf geeft het niets weer. Hiermee kan de browser de meest geschikte afbeelding selecteren. Voert tekst uit zonder opmaak, waarbij spaties en teksteinden behouden blijven. Kan worden gebruikt om computercode, e-mailberichten, enz. weer te geven. Een indicator van de voltooiing van een taak van welke aard dan ook. Definieert een kort citaat. Container voor Oost-Aziatische symbolen en hun decodering. Definieert de geneste tekst als basiscomponent van de annotatie. Voegt een korte beschrijving toe boven of onder de tekens in het element, weergegeven in een kleiner lettertype. Markeert ingesloten tekst als aanvullende annotatie. Toont alternatieve tekst als de browser het element niet ondersteunt. Geeft tekst weer die niet actueel is, doorgestreept. Wordt gebruikt om tekst weer te geven die het resultaat weergeeft van het uitvoeren van programmacode of script, evenals systeemberichten. Weergegeven in monospace-lettertype. Wordt gebruikt om een ​​script aan de clientzijde te definiëren (meestal JavaScript). Bevat scripttekst of verwijst naar een extern scriptbestand met behulp van het src-attribuut. Definieert een logisch gebied (sectie) van een pagina, meestal met een koptekst. Een bedieningselement waarmee u waarden uit een voorgestelde set kunt selecteren. Variantwaarden worden geplaatst in . Geeft tekst in een kleinere lettergrootte weer. Specificeert de locatie en het type van alternatieve mediabronnen voor de , , . Container voor inline-elementen. Kan worden gebruikt om tekstpassages op te maken, zoals het markeren van afzonderlijke woorden. Plaatst de nadruk in de tekst en markeert deze vetgedrukt. Inclusief insluitbare stijlbladen. Specificeert het schrijven van symbolen in subscript, bijvoorbeeld de elementindex in chemische formules. Creëert een zichtbare titel voor de tag. Weergegeven met een gevulde driehoek. Als u erop klikt, kunt u de titeldetails bekijken. Specificeert de superscript-spelling van tekens.

  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 leert wat HTML-tags zijn en hoe ze verschillen van metatags, en je leert ook hoe tags worden gebruikt als tags op sites (hun verscheidenheid is), en tot slot zullen we een algemene blik werpen op muziektags in audiobestanden. Zo veelzijdig wordt deze term.

  Maar in alle gevallen betekent het woord 'tags' het markeren van een webpagina met HTML-code, of de hele site met behulp van tags, 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 ().

  Als tags worden zogenaamde trefwoorden gebruikt, waarvan een set de publicatie kort karakteriseert (voor de hoofdpagina van mijn blog zou bijvoorbeeld de volgende set tags geschikt zijn: 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 te zoeken naar de benodigde tags onder artikelen, creëren website-eigenaren vaak een 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 wordt deze tagmethode niet op alle websites gebruikt als dit handig is voor gebruikers? 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. In 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 u hier kunt downloaden.

  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.

  Er zijn verschillende tags, maar er zijn er niet veel (van de tags die relevant bleven na de implementatie 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, dit zijn driehoekige haakjes 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 “head” van het document, die bestaat uit de openende en sluitende 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 is de reden onjuiste 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 hun beschikbaarheid, maar in het verkrijgen van de 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 is waarschijnlijk Mp3tag (officiële site, maar wees voorzichtig bij het downloaden - klik niet per ongeluk op een advertentie die aanbiedt 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 ze zijn en hoe hashtags worden gebruikt op Twitter, Instagram en andere plaatsen Hoe u automatisch een Alt-attribuut kunt toevoegen aan de Img-tags van uw WordPress-blog (waar ze niet bestaan)
  Link - wat is het en hoe maak je het
  Radikal - gratis fotohosting met snel en eenvoudig uploaden van foto's via Radikal.ru

  Een mens kan niet leven van woorden alleen,
  hoeveel hij ze ook inslikte.
  Adlai Stevenson.

  Over het algemeen is HTML geen programmeertaal. Dit is de HyperText-opmaaktaal. Dat wil zeggen dat het niet correct is om het “HTML-taal” te noemen.

  Simpel gezegd is HTML een lijst met tags (controlewoorden) waarmee u platte tekst in een opgemaakte vorm kunt presenteren. Markeer het bijvoorbeeld vetgedrukt, of cursief enz. Maar de tekst kan alleen op deze manier worden gepresenteerd in speciale programma's (programma's waarmee u op internet surft).

  Ze geven alleen opgemaakte tekst weer en verbergen de HTML-tags die voor de opmaak zijn gebruikt. Om u duidelijker te maken waar ik het over heb, klikt u met de rechtermuisknop op deze pagina en selecteert u in het menu dat wordt geopend 'Broncode' of iets dergelijks. Deze pagina wordt in zijn huidige vorm voor u geopend.

  
  

  U kunt HTML-code maken in zowel reguliere als speciale programma's, zogenaamde. Visuele editors verschillen van teksteditors doordat ze zijn ontworpen voor het typen van HTML-, CSS-, JavaScript-, PHP-, enz.-code, dat wil zeggen voor webprogrammering. Bovendien kunt u hiermee onmiddellijk de vruchten van uw werk in de ingebouwde browser bekijken en enkele fouten in de getypte code markeren.

  Ik raad ten zeerste aan om alle code met de hand te typen (om de directheid van dezelfde handen te verbeteren), maar visuele editors vergemakkelijken dit proces enorm. Persoonlijk gebruik ik . Dit is verre van de nieuwste versie, maar de mogelijkheden ervan zijn voor mij meer dan genoeg.

  Ik doe dit: ik typ de code in Dreamweaver, sla deze op en klik op de knop 'Bekijken in browser' (je bewerkt zelf de lijst met browsers in dit menu), keer dan terug naar Dreamweaver en ga verder met bewerken. Hier . Dat was het voor de tools, laten we nu verder gaan met de HTML-tags.

  Laten we beginnen met de structuur van een HTML-pagina, of liever gezegd met de belangrijkste tags.

  Vereiste HTML-paginatags

  De vereiste (basis) HTML-tags die in elk HTML-document worden gebruikt, zijn onder meer:

  Opmerking. Om ervoor te zorgen dat de browser de HTML-code als tekst uitvoert (en deze niet in code interpreteert), laat ik een spatie achter na elke openingshoekhaak "". Laat GEEN spaties achter wanneer u de code typt.

  Zoals je kunt zien, zijn alle tags gekoppeld (er is een openingstag en een sluitingstag), bijna alle tags zijn zo. Het verschil tussen een openingstag en een sluitingstag is dat de sluittag wordt voorafgegaan door een schuine streep “/”. Dergelijke tags worden ook wel containertags genoemd, omdat er andere tags tussen kunnen worden ingevoegd, d.w.z. plaats in een container. Je kunt zelf zien dat er tussen de tags nog andere tags staan.

  U kunt tagnamen in hoofdletters of in hoofdletters typen, er is geen verschil. Dat wil zeggen dat records van het type en voor de browser geen verschillen hebben en op dezelfde manier worden geïnterpreteerd. Laten we nu meer in detail praten over wat deze tags betekenen.

  De hoofdtags laten dus aan browsers en andere programma's voor het bekijken van hypertextpagina's zien dat ze te maken hebben met een hypertextdocument. Elk HTML-document moet beginnen met en eindigen met. Dat wil zeggen, tussen deze tags bevindt zich ALLE code van de html-pagina.

  Tussen de tags staan ​​metatags (paginatitel, beschrijving, trefwoorden, etc.). Ze slaan informatie op over de html-pagina en technische informatie. Over het algemeen is deze tag niet verplicht, d.w.z. zonder deze tag zal het HTML-document normaal door browsers worden weergegeven. Maar zelfs als u niet van plan bent het titelgebied te gebruiken, schrijf het dan in ieder geval eenvoudig. Dit is nodig voor compatibiliteit tussen verschillende versies van programma's.

  Alle informatie tussen de “HEAD”-tags wordt op geen enkele manier weergegeven door de browser (met uitzondering van de informatie tussen de tags, waar de naam van het html-document zich bevindt, weergegeven in het bovenste paneel van de browser). Maar ze kunnen een grote impact hebben op het uiterlijk van een HTML-pagina, de levensduur ervan op internet en de ranking. We zullen later meer praten over de tags die zich in de kop van een hypertextdocument bevinden.

  De hoofdinhoud van een HTML-document bevindt zich tussen de tags en. Hier is alles wat we zien als we een HTML-pagina openen: tekst, afbeeldingen, menu's, knoppen, enz. Dit is het hoofdgedeelte van de pagina.

  In alle andere tags die worden gebruikt bij het maken van een HTML-document, bevinden ze zich tussen (d.w.z. binnen) deze vereiste tags. Bijna alle tags in HTML hebben verschillende attributen, eigenschappen en parameters waarmee u informatie precies kunt weergeven zoals de ontwikkelaar het bedoeld heeft. Als u bijvoorbeeld schrijft:

  Dan is de achtergrond van de hele pagina rood.

  Hier is een tag in feite een tag; bgcolor - zijn attribuut; "#FF0000" - attribuutwaarde (een tag kan meerdere attributen hebben).

  Opmerking. Alle tagattributen en hun waarden worden gespecificeerd in de openingstag (die zonder de schuine streep), maar in geen geval in de afsluitende tag.

  En dus hebben we de belangrijkste tags van een HTML-document ontdekt. Nu is het tijd om de rest in meer detail te bestuderen. Hier wil ik een kleine uitweiding maken.

  Hoe ik voorstel om HTML te leren

  Door de opgedane kennis in de praktijk te brengen, besefte ik welke fout de meeste auteurs van deze boeken en tutorials maakten. Al deze leerboeken zijn ten eerste bedoeld voor beginners, en ten tweede leren ze de basisprincipes van HTML op volgorde.

  T . Dat wil zeggen dat eerst naar de title-tags van het html-document () wordt gekeken, en daarna naar de “body”-tags ().

  Op basis van mijn eigen ervaring durf ik te zeggen dat deze procedure voor het leren van de basisprincipes van HTML categorisch onaanvaardbaar is voor een beginner. Een beginner probeert in de eerste plaats al deze talrijke en weinig begrepen title-tags te bestuderen zonder de resultaten van zijn leerproces te zien (laat me u eraan herinneren dat title-tags niet door de browser worden weergegeven). En ten tweede, zonder zelfs maar te vermoeden dat de meeste van deze tags niet nodig zullen zijn om de site te maken die hij heeft gepland (althans aan het begin van het werk).

  Hij verspilt dus alleen maar tijd en verlangen om HTML te blijven leren. Tegelijkertijd vasthouden aan de mening dat alleen ‘goeroes’ het voor goed geld kunnen doen. Ik zou deze activiteit ook opgeven als het me niets kon schelen wat ik nog niet begrijp en niet verder zou gaan.

  Daarom stel ik voor dat u eerst de tags bekijkt die betrekking hebben op de “body” van het html-document (), en pas daarna verder gaat met de rest. Bovendien bevat de “body” van de html-pagina de informatie waar bezoekers van de site voor komen. En het maken of vinden ervan is veel moeilijker dan het schrijven van code.

  Nou, nu, zonder een minuut te aarzelen, klik op de knop "Volgende" en ontdek hoe deze ongeschoren en slaaparme jongens websites maken.

  
  

  In HTML wordt alles wat u in een HTML-document schrijft, op het browserscherm weergegeven als vaste tekst, dat wil zeggen dat de browser regeleinden negeert en verschillende spaties die u achter elkaar typt, worden vervangen door één.

  Tags zijn besturingsopdrachten die zijn uitgevonden om tekst op te maken, d.w.z. tags vertellen de browser precies hoe het gedeelte van de tekst in de tags moet worden weergegeven. Om een ​​tag te maken, typt u HTML-code tussen de punthaken. Deze is alleen bedoeld voor browsers. Bezoekers van de site zien geen tags.

  Zoals hierboven vermeld, beginnen alle tags met een hoekbeugel< и заканчиваются угловой скобкой >. Het openingshoekhaakje wordt gevolgd door de naam van de tag (opdracht).

  Een tag is bijvoorbeeld bedoeld om tekst te benadrukken; browsers geven dergelijke tekst cursief weer. Wanneer de browser deze tag tegenkomt, schakelt hij over naar het cursief opmaken van de tekst na de tag.

  Laten we eens kijken naar een voorbeeld:

  Deze tekst is normaal. Deze tekst is cursief gedrukt.

  De tag wordt de start- of openingstag genoemd, wat betekent dat de browser een specifiek commando heeft toegevoegd (in dit geval cursief geschreven). De meeste tags hebben een paar in de vorm van een afsluitende tag die de opdracht uitschakelt.

  De afsluitende tag ziet er hetzelfde uit als de starttag, maar begint met een schuine streep. De eindtag voor cursief is dus .

  Laten we eens kijken naar een voorbeeld:

  Deze tekst is normaal. Aandacht! Cursief. Dit is opnieuw een normaal lettertype.

  Zoals u wellicht heeft gemerkt, analyseert de browser het HTML-document opeenvolgend op zoek naar opdrachten (tags) en past verschillende opties voor tekstopmaak toe of schakelt deze uit. De browser geeft opgemaakte tekst (alles wat geen tag is) in zijn venster weer.

  Tag voor het maken van een tabel.
  	Definieert de hoofdtekst van de tabel.
  		Creëert een tabelcel.
  	Wordt gebruikt om HTML-codefragmenten te declareren die door een script kunnen worden gekloond en in een document kunnen worden ingevoegd. De inhoud van een tag is geen onderliggend element.
  	Creëert grote tekstinvoervelden.
  	Definieert de tabelvoettekst.
  	Creëert een tabelceltitel.
  	Definieert de tabeltitel.
  	Definieert datum/tijd.
  	De titel van een HTML-document dat bovenaan de titelbalk van de browser verschijnt. Kan ook in de zoekresultaten verschijnen, dus hiermee moet rekening worden gehouden bij het opgeven van een titel.
  Creëert een tabelrij.
  	Voegt ondertitels toe voor elementen en .
  	Markeert een tekstpassage door te onderstrepen, zonder extra nadruk.
  	Creëert een lijst met opsommingstekens.
  	Markeert variabelen uit programma's door ze cursief weer te geven.
  	Voegt videobestanden toe aan de pagina. Ondersteunt 3 videoformaten: MP4, WebM, Ogg.
  	Geeft aan de browser aan waar een lange regel kan breken.

  Het proces van het invoegen van tags in gewone, ongeformatteerde tekst wordt in een HTML-document markup genoemd, en tags worden markup-tekens genoemd. Bij het schrijven van tags wordt geen rekening gehouden met de hoofdletters; een tag kan zowel in kleine letters als in hoofdletters worden geschreven, maar het wordt toch aanbevolen om hoofdletters te gebruiken.

  Hieronder vindt u voorbeelden van eenvoudige HTML-tags, met uitleg over het gebruik ervan, evenals voorbeelden van hoe ze in een HTML-document kunnen worden gebruikt.

  Koppen

  Er is een speciale tag voor het specificeren van koppen in HTML. Er zijn zes niveaus van kopjes in HTML, variërend van die voor de belangrijkste aankondigingen tot die voor de minst belangrijke.