Het acroniem HTML staat voor HyperText Markup Language. HTML is geen programmeertaal, het is een opmaaktaal voor een site.
Alle browsers kunnen deze markeringen omzetten in een gebruiksvriendelijke weergave.
Deze taal gebruikt speciale opdrachten,tags genoemd. Elke tag heeft zijn eigen functie. Er zijn een groot aantal tags. In het ideale geval moet u alles leren. Maar voor een beginnende ontwikkelaar is basiskennis voldoende.
De lijst met HTML-opdrachten is erg lang.Maar de kern is niet zo veel. Om code te kunnen schrijven, heb je een editor nodig. U kunt Kladblok gebruiken. Het gebruik van Kladblok ++ wordt aanbevolen. Hij ziet er zo uit.
Het voordeel is dat in speciale editorstags worden gemarkeerd in een specifieke kleur, afhankelijk van de categorie. De opdrachten voor het maken van een HTML-site in Kladblok of een ander programma zijn hetzelfde. De gebruikte taal is overal hetzelfde. De ontwikkelomgeving is slechts een hulpmiddel.
HTML heeft sluiten en niet-sluiten-tags. Ook in deze taal is er het concept van nestelen. Elk object in de code is een element. Het element heeft een openingstag die ook de inhoud sluit. Bovendien heeft de tag zijn eigen aanvullende attributen met zijn eigen waarden.
На рисунке видно два тега и .Onthoud dat het openen en sluiten hetzelfde zijn geschreven, maar alleen "/" verschillen. Als de tag niet is gesloten, beschouwt de handler al het andere als een voortzetting van dit specifieke element. Dit is erg belangrijk. Vooral in de links. We zullen ze wat verder bekijken.
De tag is verplicht. Het moet altijd worden geschreven. Maar sluiten is niet nodig. Standaard is het noodzakelijk, maar als u het niet sluit, werkt het toch.
Er zijn andere hoofdtags: hoofd en lichaam.
Deze HTML-opdrachten vormen het kader voor de pagina. Ze zijn verplicht. Ze sluiten ook.
De naam van de tags komt overeen met de betekenis.Hoofd - hoofd. Dit gedeelte geeft service en belangrijke informatie aan die niet zichtbaar is. Het hoofdgedeelte is het hoofdgedeelte van het document. Hier is de inhoud die aan de gebruiker wordt getoond. Probeer tags onmiddellijk te sluiten, zodat er later geen verwarring meer is.
Het servicegedeelte geeft aan:
De stylesheet is als volgt verbonden:
Het scriptbestand is als volgt:
De tekst moet een kop hebben. We geven het als volgt aan:
Deze tekst verschijnt op de naam van het browsertabblad. Ook wordt deze titel weergegeven als resultaat van de zoekmachine.
De tekst moet in de alineatag worden geplaatst. Het wordt aangeduid als
Tekst
. U kunt ook de String voor tekst gebruiken.U kunt de tekst opmaken, zoals in "Word":
Tekst kan worden gestileerd. We zullen ze aan het einde overwegen, na een beoordeling van andere elementen.
Er zijn andere belangrijke HTML-opdrachten.Gebruik headers om sites te maken. Ze worden aangegeven met de tag
Een voorbeeld in de figuur.
Имейте в виду, что рекомендуется использовать slechts één h1-koers. Het moet echter overeenkomen met de tag
Afbeeldingen vormen een integraal onderdeel van webpagina's. Het voorbeeld laat zien hoe u een foto kunt invoegen.
Zoals u kunt zien, toont het voorbeeld in detail wat en wat wordt genoemd.
Als u HTML-opdrachten leert, moet u gewoon de koppelingstags kennen. Dit is een van de belangrijkste elementen van het World Wide Web.
De link wordt aangegeven met de tag . Maar het moet gesloten zijn. Bovendien heeft dit element een verplicht kenmerk href, dat het adres van de link aangeeft.
In het bovenstaande voorbeeld is te zien dat in plaats van de linktekst een afbeelding wordt aangegeven. Dat wil zeggen, u kunt zowel tekst als een afbeelding plaatsen.
Links kunnen ook worden opgemaakt met behulp van stijlklassen of reguliere tags (cursief, vet, onderstrepen en doorhalen).
Tafels worden ook heel vaak gebruikt. Aanvankelijk waren ze bedoeld om informatie in een handige vorm te presenteren. Maar toen gebruikten lay-outontwerpers ze om verschillende elementen van de pagina te plaatsen.
De tabel is als volgt gemaakt:
Celtekst Celtekst Celtekst Celtekst
Het width attribuut specificeert de breedte van de tabel. Het kan in percentage of pixels zijn. Rand geeft de dikte van de rand aan.
De structuur wordt als volgt aangegeven. De tr-tag is een string. Td-tag per cel. En alles bij elkaar is een tafel.
De tafel kan worden uitgelijnd. Hiervoor wordt het uitlijnkenmerk gebruikt, dat drie waarden kan aannemen: links, midden, rechts. Een voorbeeld van gebruik wordt hieronder getoond.
Deze HTML-opdrachten (breedte en uitlijning) werken ook voor andere elementen. De dikte van het frame wordt ook aangegeven voor afbeeldingen.
Met HTML-opdrachten kunnen verschillende soorten lijsten worden gemaakt. Bijna precies hetzelfde als in de Word-editor.
Er zijn geordende en ongeordende lijsten (met opsommingstekens) in de Html-taal. Een voorbeeld van zo'n lijst.
<li> Ten eerste </li>
st>
Het resultaat is als volgt:
Lijsttype | HTML code |
In de vorm van een cirkel |
st> |
Omcirkeld | <ul type = "circle"> st> |
Met vierkante markeringen | <ul type = "square"> st> |
Geordende lijsten worden op dezelfde manier gemaakt, maar in plaats van <ul> gebruiken we de tag <ol>.
Hier kunt u ook het type lijstuitvoer instellen:
Arabische cijfers worden standaard weergegeven.
Omdat het genummerde lijsten zijn, hebben ze een startattribuut dat de beginwaarde van de lijst aangeeft. U kunt bijvoorbeeld een lijst weergeven vanaf de 10e of 20e.
De HTML-opdrachten voor de site zijn behoorlijk gevarieerd, maarze gehoorzamen allemaal de stijlen. Stijlen kunnen worden gespecificeerd als een bestand in de head-sectie: <link rel = "stylesheet" href = "style.css" type = "text / css"> of je kunt meteen een kant-en-klare stijl schrijven.
Merk op dat tussen deze definitieser is een verschil in stijlen. Het stijlbestand kan op alle pagina's van de site worden gespecificeerd. Zodra u er wijzigingen in aanbrengt, heeft deze update invloed op de hele site als geheel. Als u stijlen specificeert op een specifieke pagina, zullen wijzigingen en het gebruik van deze klassen alleen in dit bestand voorkomen. Uw instellingen zullen niet verder gaan.
Stel je voor dat je 20 HTML-pagina's hebt en jijbesloten om de titel 2 pixels groter te maken. Als je alles in het stijlbestand hebt staan, hoef je het daar alleen maar te bewerken. Als alles individueel is, moeten alle 20 pagina's worden bijgewerkt.
U kunt als volgt slechts voor één pagina specificeren.
Deze methode wordt niet aanbevolen.