De HTML-taal is gebaseerd op het concept van een tag. label- label, etiket). Tags staan tussen punthaken (< >) en vormparen - containers (openingstag en sluitingstag). De container van een HTML-document bestaat bijvoorbeeld uit een paar tags en . De webpagina bevat containers die verantwoordelijk zijn voor de documenttitel (head) en die aanvullende informatie bevatten, evenals containers die verantwoordelijk zijn voor de documentinhoud zelf (body). Ze worden weergegeven in de figuur.
Het HTML-document bevindt zich dus in een container, de koptekst bevindt zich in een container en de inhoud van het document bevindt zich in een container. De container, gelegen in de header (container), bevat de tekst die op de bovenste regel van het browservenster verschijnt. Tags die codering, trefwoorden voor webpagina's bevatten, evenals code voor het verbinden van CSS-cascading stylesheet-bestanden, javascript, VBScript, enz. kunnen ook aan de headercontainer worden toegevoegd.
Een voorbeeld van een eenvoudige HTML-pagina die alleen basistags bevat:
Paginatitel Inhoud van een eenvoudige pagina
Het resultaat van deze code wordt weergegeven in de afbeelding.
Zoals u in het voorbeeld kunt zien, wordt de tekst “Inhoud van een eenvoudige pagina” weergegeven in gewone tekst. Om deze tekst op te maken, moet u speciale tags gebruiken. Een voorbeeld van het gebruik van opmaaktags wordt weergegeven in de afbeelding.
Om het lettertype, de kleur en de grootte te wijzigen, gebruikt u een tag met de parameters “face”, “color” en “size”. Om bijvoorbeeld het lettertype "arial" in rode kleur en maat 14 in te stellen, moet u de volgende code schrijven:
Maak de tekst op
Gebruik een tag om een alinea in de tekst te markeren
Elke tekstparagraaf wordt meestal in een container geplaatst. Om een titel te maken, worden de tags , , , , , gebruikt.
Containers en worden gebruikt om lijsten in de hoofdtekst van het document te vormen. Bovendien vormt de tag een genummerde lijst, de tag
- - Lijst met opsommingstekens en in tags
- lijstelementen worden geplaatst. Een voorbeeld van code voor het weergeven van lijsten, gepresenteerd in de vorm van genummerde lijsten en lijsten met opsommingstekens, wordt weergegeven in de afbeelding.
Om twee of meer webpagina's met elkaar te verbinden, worden hyperlinks gebruikt, waarvan de creatie de tag gebruikt . Bovendien gebruiken hyperlinktags extra attributen waarmee u naar een andere webpagina kunt gaan of binnen een bepaalde pagina kunt bewegen. Het is raadzaam om de tweede methode te gebruiken in een groot document dat meerdere semantische secties bevat.
Een voorbeeld van het gebruik van hyperlinks wordt weergegeven in de afbeelding.
Wanneer u de URL van een andere pagina opgeeft, moet u het volledige absolute pad naar de pagina “volledig pad/map/pagina” of het relatieve pad (ten opzichte van deze pagina) “map/pagina” opgeven. Met de parameter ‘target’ kunt u een webpagina openen in een nieuw of bestaand browservenster.
Gebruik de tag om een afbeelding in een webpagina in te voegen met parameters src (pad naar de afbeelding), breedte (afbeeldingsbreedte), hoogte (afbeeldingshoogte), rand (frame rond de afbeelding). Voorbeeldcode voor het invoegen van een afbeelding:
Vaak is het bij het maken van webpagina's nodig om een achtergrondkleur of achtergrondafbeelding in te stellen. Gebruik hiervoor de attributen van de tag “bgcolor” of “background-image”. Voorbeeld van het invoegen van een achtergrondkleur:
Voorbeeld van het invoegen van een achtergrondafbeelding:
De opgegeven attributen kunnen niet alleen voor de tag worden gebruikt, maar ook voor tabel-, gebieds- en andere tags, die in de volgende onderwerpen worden besproken.
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-paginatagsDe 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 lerenDoor 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 het leven van elke copywriter komt er een fase waarin hij vertrouwd raakt met html-tags. Meestal gebeurt dit spontaan en lijkt het op een verzoek van de klant om ‘de tekst gereed te maken voor publicatie’. Dit betekent dat u in het artikel koppen, paragrafen, belangrijke plaatsen en lijsten moet markeren, maar niet met Word-mogelijkheden, maar met een speciale html-taalcode. Tags voor een copywriter helpen hierbij. De lijst die nodig is voor het werk is meestal klein, maar het is voldoende om tekst op te maken met standaardvereisten. Wat zit er in de html-tags die nodig zijn voor een copywriter? (Als je te lui bent om te lezen, scroll dan naar beneden - er is een eenvoudige en duidelijke thematische infographic over html-tags!)
De copywriter stelt traditionele vragen. En ze beginnen allemaal met de woorden “welke tag wordt gebruikt om te specificeren...”:
- titel;
- paragraaf;
- vetgedrukte tekst;
- cursief;
- lijst met opsommingstekens/ongelabeld/
Dit alles geeft pit aan de technische taak en stimuleert het verwerven van nieuwe kennis. De situatie wordt nog erger als het de taak is om een vetgedrukte teksttag te gebruiken om de aantrekkelijkheid van de sleutel in de PS te vergroten. Maar dit alles kan heel eenvoudig worden opgelost, waar we nu mee zullen omgaan.
Tags voor het maken van titelsTags voor het maken van kopjes worden weergegeven door de elementen h1-h6. Ze kregen hun brief van de Engelse Header (heading). Gebruik de volgende code om het vereiste type header in te stellen en de betekenis ervan voor de PS te benadrukken:
Koers h1 Koers h2 Koers h3 Koers h4 Koers h5 Koers h6
Op de website zal het er zo uitzien.
Koers h1 Koers h2 Koers h3 Koers h4 Koers h5 Koers h6De h1-rubriek heeft de meeste betekenis – en zichtbaarheid –. Het wordt gebruikt als de titel van een bericht en wordt slechts één keer gebruikt. Voor subkopjes in de tekst worden h2 en h3 aanbevolen. Ze helpen de betekenis van het beschouwde materiaal te benadrukken en verdelen het artikel in informatieniveaus.
Headers h4-h6 worden praktisch niet gebruikt, maar er is veel vraag naar om logische blokken en belangrijke fragmenten te benadrukken.
Voor grote artikelen kunt u het beste de kopjes h1-h3 gebruiken, voor kleine artikelen h1 en h2.
Lijsten: met opsommingstekens en zonder labelGestructureerde goede tekst heeft altijd één of zelfs meerdere lijsten. Volgens hun uiterlijk zijn de lijsten:
- gemarkeerd - ze hebben nummering;
- ongemarkeerd – elementen worden gemarkeerd met symbolen.
- Lijstitem
- Lijstitem
- Lijstitem
- Lijstitem
- Lijstitem
- Lijstitem
- Lijstitem
- Lijstitem
- Menu-item 1
- Menu-item 2
- Ongeordende lijst (ul)
- Bestelde lijst (ol)
- Lijst met definities (dl) Wat zijn ze aan het doen
- Ongeordende lijst (ul): lijst met gestippelde indicatoren
- Geordende lijst (ol): een genummerde lijst
- Definitielijst (dl): Lijst met elementdefinities
- Consistente inhoudsstijl
- Creëer gewoon
- Veelzijdig
- ), gebruiken we twee tags: En . definieert elk item op de lijst, en beschrijft het bovenstaande punt. Hieronder vindt u de lijst volgens de eerder getoonde definitielijstcode.
- Open hoekbeugel (< ).
- Een speciaal woord (tagnaam). Bijvoorbeeld hr , iframe , b .
- Sluithoekbeugel (> ).
- - een enkele tag met een opmerking. Een commentaar is tekst die niet door de browser wordt verwerkt. Je kunt in de tag schrijven wat je wilt, zelfs andere tags - ze zullen niet werken, ze zullen niet op het scherm verschijnen. Ontwikkelaars geven commentaar op de code om het voor andere webmasters gemakkelijker te maken deze te begrijpen, of zodat ze deze na lange tijd zelf snel kunnen begrijpen.
- , , , , zijn tags die in elk fatsoenlijk HTML-document aanwezig zouden moeten zijn (zie voor meer details "Een website maken in Kladblok").
- - de tag bevat aanvullende informatie voor browsers en zoekmachines. Daarin kunt u trefwoorden, paginabeschrijving, documentcodering, auteursnaam, enz. schrijven.
- bevat een link naar het scriptbestand of de code zelf.
- - een tag die de stijl van het document en/of de elementen ervan bepaalt met behulp van CSS. Een HTML-document kan veel tags bevatten die verschillende stijlen voor verschillende delen van de pagina definiëren.
- - het tegenovergestelde, een aanvulling daarop. De tag specificeert de “header” (titel) van een sectie of de hele pagina.
- slaat de “benen” van een site of sectie op. Daarin kunt u ondersteunende informatie, copyright, contactgegevens, enz. plaatsen.
- bevat de hoofdinhoud van de pagina. Noch de header, noch het menublok, noch de ‘poten’ van de site, maar waarvoor de pagina is gemaakt. Op de pagina die u nu leest, zou dit artikel bijvoorbeeld binnenin moeten staan.
- ontworpen voor het maken van koppelingen. Links vormen de basis van hypertekst en daarom is dit artikel aan hen gewijd.
- nodig om afbeeldingen aan een webpagina toe te voegen (tot uw dienst is gewijd aan deze actie).
-
,
, - , , ,, , , en andere tekstopmaaktags vormen een grote groep HTML-tags; deze worden besproken in het artikel “Tekst opmaken in HTML”.
- - blokelement. De tekst binnenin is opgemaakt met behulp van CSS (cascading style sheets, het onderwerp van het tweede deel van de tutorial).
- . Je hebt een paragraaf
of blokkeren De tekst daarin is in dezelfde stijl vormgegeven, maar je wilt er, zonder de structuur te verstoren, voor zorgen dat meerdere woorden een verschillende lettergrootte of kleur hebben. Voor dergelijke situaties is de tag bedoeld.
-
,
-
,
- - lijsttags. Gemerkt, genummerd - het werk van deze tags. Er zijn ook lijsten met definities waarvoor de tags verantwoordelijk zijn, maar u zult in detail over alle zes hiervan leren in het artikel “Lijsten maken”.
, , ,
, En worden gebruikt bij het maken van tabellen en worden in detail besproken in een apart artikel. - - een tag die interactiviteit aan een pagina toevoegt, dat wil zeggen de gebruiker in staat stelt om met de website te communiceren. Natuurlijk heeft het formulier een handler nodig, maar met behulp van tags erin kun je een interface maken. Selectievakjes, knoppen, keuzerondjes, invoervelden en andere objecten die actieve acties van u vereisen, zijn allemaal formulierelementen waarvan de code in een container is geplaatst.
- - een tag die een interactieve knop creëert. Om ervoor te zorgen dat er iets gebeurt als je erop klikt, moet de knop in het formulier staan (tussen de tags).
- creëert formulierelementen: schakelaars, selectievakjes, knoppen, allerlei invoervelden. In een container geplaatst. Maar waarom hebben we afzonderlijke nodig als er een universele bestaat?
- Hiermee kunt u een knop maken met geavanceerde parameters. U kunt bijvoorbeeld een afbeelding op een knop plaatsen. Dit kan niet worden gedaan op een element dat is gemaakt via .
- en - tags voor het maken van menu's in HTML 5. - dit is een container waarin elementen worden geplaatst, waarvan de toevoeging leidt tot het maken van menu-items. Een heel interessant koppel. Met zijn hulp kunt u bijvoorbeeld uw eigen contextmenu maken voor een pagina of het afzonderlijke element ervan.
Maar niet alle Word-ontwerpen zijn geschikt voor publicaties op de site, dus het is de moeite waard om te leren hoe u lijsten op de juiste manier opmaakt in HTML-tags.
De lijsttag met opsommingstekens ziet er als volgt uit:
Tag een niet-getagde lijst als volgt:
Bovendien heeft elk lijstelement zijn eigen HTML-frame:
Het blijkt dat om een lijst met opsommingstekens in de tekst te markeren met behulp van HTML-code, je beide soorten gebruikte elementen moet combineren. Het zal er als volgt uitzien:
Voor een ongemarkeerde lijst geldt hetzelfde:
We hebben de lijsten gesorteerd. Wij kunnen verder.
Tekstnadruktags: vet en cursiefAls je uitzoekt met welke tag je de tekst correct kunt opmaken, kom je voor elk geval vrijwel onmiddellijk twee code-opties tegen. Dit zorgt voor verwarring bij niet-programmeurs en de vraag: welke tag heeft de klant precies nodig.
Het is heel eenvoudig! Tags bieden fysieke en logische opmaakopties. De eerste zijn nodig voor gebruikers, de tweede voor zoekmachines. "Zoekmachines", die de html-code voor zichzelf geschikt vinden, houden rekening met het geselecteerde gebied en gebruiken de ontvangen informatie bij het rangschikken, dus het markeren van tekst met behulp van logische opmaak zal geen vergissing zijn.
Het gebruik van HTML-tags maakt het mogelijk om zoekmachines tevreden te stellen en de tekst visueel te markeren voor de gebruiker. Wat heeft meer prioriteit, beslis zelf:
Een zin vetgedrukt markeren voor PS en gebruikers Een zin vetgedrukt markeren voor gebruikers Cursieve zinnen voor PS en gebruikers Cursief een zin voor gebruikers
Ik heb een groot en zeer controversieel artikel over het onderwerp vetgedrukte tags, genaamd.
Als een van de programmeurs zich plotseling over het onderwerp buigt, haast ik me om nogmaals op te merken dat de recensie voor copywriters is: hoe tags te plaatsen, wat ze zijn en wat belangrijk is om te overwegen bij het kiezen. En ten slotte was er nog een populaire html-code nodig om alinea's te markeren. Dit
De openingstag wordt vóór het begin van de alinea geplaatst en de slottag aan het einde. Als een paragraaf eindigt met een lijst, dan
wordt geplaatst na alle tags die voor de lijst worden gebruikt.
Welnu, enkele eenvoudige thematische infographics aan het eind:
Toen de discussie over het onderwerp in de commentaren begon, gaf de Club van Succesvolle Copywriters interessante feedback op de infographics en het artikel. Hier is een screenshot van de mening van een gezaghebbende deelnemer aan de discussie.
Lees: 3.365
Iedereen die deze les leest, weet waarschijnlijk wat HTML is. Maar door de basisbeginselen te herzien, kunt u uw kennis vergroten en uw vaardigheden aanscherpen, vooral met de steeds evoluerende webtechnologieën.
Er wordt tegenwoordig veel gesproken over de veranderingen die HTML 5 met zich meebrengt. Elke tag die in dit artikel wordt genoemd, wordt ondersteund in zowel HTML 4.01 als HTML 5. Hoewel sommige van deze tags veel worden gebruikt, kan het erg nuttig zijn om de technieken te bespreken. betrokken.
1.In elk boek over programmeren wordt vermeld dat het erg handig is om uit te leggen wat je code doet. Waarom is het geven van commentaar een goede praktijk? Dit helpt de persoon die uw code leest echt om te begrijpen wat er aan de hand is.
Voor HTML kan commentaar lijken op een punt dat gewicht toevoegt aan de pagina. Opmerkingen kunnen echter nuttig zijn voor het definiëren van secties en voor het onderhouden van de structuur en organisatie van paginacode. Het markeren van het begin en het einde van verschillende secties kan erg helpen bij het werken aan een project.
Dit is de belangrijkste inhoud.
... 2. Tabelstijlen: , , enOm een goed tafelontwerp te maken, moet u de tags gebruiken die in de subkop worden genoemd. Ze zijn allemaal van invloed op tabelrijen en u kunt er eenvoudig stijlen voor instellen.
Item | Aantal |
Som | 7 |
#1 | 3 |
#2 | 4 |
Wikkel tabelrijen in . Dit is hoe de tabeltitel wordt gevormd.
De touwtjes erin wikkelen We vormen de totaalrijen onderaan de tabel. Snaren moet vóór de lijnen worden gedefinieerd , zodat het totaalaantal rijen vóór de rest van de tabelrijen wordt weergegeven.
We verpakken datalijnen in .
Paragraaf | Aantal |
Som | 7 |
#1 | 3 |
#2 | 4 |
Een vervolgkeuzelijst is een goede manier om gegevens weer te geven, zodat de gebruiker deze kan selecteren. Ze nemen niet alleen weinig ruimte in beslag, maar zijn ook vertrouwd voor gebruikers en gemakkelijk in gebruik. Een prachtig pand is de mogelijkheid om categorieën (of subkoppen) te maken voor lijstitems.
Detroit Tigers Chicago Cubs Detroit Lions Chicago Bears
Detroit Tigers Chicago Cubs Detroit Lions Chicago Bears
4. Koppen - ,,,,, enNatuurlijk gebruikt iedereen kopjes. Maar eerlijk is eerlijk: wanneer heb je het voor het laatst gebruikt? of een kop op een nog lager niveau? Met koppen kunt u minder semantische structuren bouwen, zoals extra stijlen voor tekst .
Het is niet nodig om extra werk voor jezelf te creëren. Onthoud titeltags.
5. enIedereen houdt van sites waar u gemakkelijk de benodigde informatie kunt vinden tussen logisch gegroepeerde items. Groepen vormen samen elementen door er een rechthoekig kader omheen te tekenen. Het is ook mogelijk om een titel aan zo'n sectie toe te voegen met behulp van .
Algemene informatie: Naam: E-mail: Geboortedatum:
6.Label heeft op geen enkele manier invloed op de stijl. Het beïnvloedt de functionaliteit van de pagina.
gebruikt om het label van het invoerelement te definiëren. Het label zelf neemt muisklikken waar, waardoor het bijbehorende invoerveld actief wordt. Deze labeleigenschap werkt voor tekstvelden en keuzerondjes.
Naam: Man: Vrouw:
7.Als je een bepaalde uitdrukking een dramatisch effect wilt geven, kun je deze gebruiken . Standaard wordt voor en na het element een lege regel ingevoegd. Er wordt ook een inspringing toegevoegd om de tekst in het element te scheiden van de rest van de inhoud.
Voorbeeld van het gebruik van een tagVoorbeeld van het gebruik van een tag
8.Dat kan niet gezegd worden verwijst naar , maar ze worden meestal samen gebruikt.
Onthoud het etiket , wanneer u iemand wilt citeren.
Een voorbeeld van het gebruik van een tag samen met een tag. Deze aanbieding is opgenomen in de tag.Een voorbeeld van het gebruik van de blockquote-tag samen met de cite-tag. Deze aanbieding is opgenomen in de tag.
9.Het gebruik van lijsten biedt geweldige mogelijkheden voor het ordenen van informatie. Iedereen weet ervan
, maar hoe vaak gebruik je
En
? Misschien kan de naam "lijst met definities" een beginnende ontwikkelaar in verwarring brengen en hem doen denken dat zo'n lijst alleen kan worden gebruikt om definities en voorwaarden in te voegen. Deze situatie komt echter niet overeen met de werkelijkheid.
De manier waarop elk lijsttype informatie weergeeft, verschilt van de andere. Het is zeker niet nodig om hierbij te stoppen
En
, maar de structuur van de lijst met definities vereist verdere verduidelijking.
Lijstitem #1 Definitie voor lijstitem #1 Lijstitem #2 Definitie voor lijstitem #2
In plaats van een lijstelement te definiëren (
Lijstitem #1 Definitie voor lijstitem #1 Lijstitem #2 Definitie voor lijstitem #2
10. "(en andere ASCII-tekens)Wanneer u HTML gebruikt, moet u ASCII-codes gebruiken wanneer u een teken moet invoegen. Deze regel vereist aanvullende stappen, maar zorgt ervoor dat alle tekens correct worden weergegeven op het scherm van de gebruiker en dat de browser ze niet als onderdeel van de opmaak waarneemt. Bent u ooit tekst tegengekomen die niet correct wordt weergegeven? Problematische tekst wordt doorgaans gemaakt met behulp van aanhalingstekens, apostrofs, groter-dan-minder-tekens, enzovoort. Er zijn eigenlijk niet veel van dergelijke karakters, en het is de moeite waard om hun ASCII-codes te onthouden.
Een tag is een speciaal gereserveerd woord tussen punthaken (bijvoorbeeld ). Een tag is het hoofdbestanddeel van HTML: de code begint ermee, eindigt ermee en de informatie die op de webpagina wordt weergegeven, bevindt zich in de tags. Het wordt aanbevolen om ze in kleine letters te schrijven, dat wil zeggen in gewone kleine letters: niet, maar.
Wat zijn de soorten tags?De meeste HTML-tags zijn gepaard: er is een openingstag (bijvoorbeeld ) en een sluitingstag, die zich van de openingstag onderscheidt door een schuine streep (/) na de eerste punthaken (bijvoorbeeld ). Alles wat zich binnen een paar tags bevindt, wordt hun inhoud genoemd.
Inhoud Tekst die binnen deze tags wordt geplaatst, wordt vetgedrukt
Er zijn ook ongepaarde (enkele) tags, deze worden tags genoemd. In tegenstelling tot gekoppelde tags hoeven ze niet te worden gesloten, omdat ze niet met de inhoud werken, maar op zichzelf een bepaalde functie vervullen. Voorbeeld van een enkele tag -
. Het zorgt ervoor dat de tekst doorloopt naar de volgende regel.
Als we parallellen trekken met de Russische taal, kunnen we zeggen dat gepaarde tags aanhalingstekens of haakjes zijn die de eigenschappen van de tekst die ze bevatten beïnvloeden (probeer de aanhalingstekens niet op tijd te sluiten), en afzonderlijke tags (tekens) zijn leestekens ( uitroepteken, vraag of punt).
Elke tag bestaat uit:
Omdat tags de basis vormen van de opmaaktaal, is het niet verrassend dat er nogal wat van zijn. Laten we eens kijken naar de belangrijkste, belangrijkste tags.