Inhoudsopgave
HTML (HyperText Markup Language) of hypertext opmaaktaal, is de standaard die wordt gebruikt voor de ontwikkeling van webpagina's, het is een taal op basis van tags die informatie structureert op basis van de hiërarchie van inhoud. Op zichzelf geeft HTML geen grafische kenmerken aan de gepresenteerde informatie, het organiseert het alleen op zo'n manier dat het een logische leesvolgorde heeft.ten tweede CSS (Cascading Style Sheet) of cascading style sheets is een taal die wordt gebruikt om de presentatie van een gestructureerd document geschreven in HTML te definiëren en te creëren. Het is verantwoordelijk voor het formuleren van de specificatie van de style sheets die als standaard voor browsers zullen dienen.
In deze tutorial presenteren we de basisstructuur van een document HTML5, de meest populaire labels en de hiërarchische volgorde om ze te declareren. Op onze beurt zullen we de relatie tussen HTML5 en CSS3 uitleggen, de manier waarop ze gerelateerd kunnen worden, de structuur van de verklaringen die in CSS3 en de grafische attributen die ze aan het HTML-document kunnen geven.
Voor de voorbeelden die we gaan uitvoeren, is het noodzakelijk om een code-editor te hebben, in ons geval is de geselecteerde editor Dreamweaver CC 2014, in de tutorial Dreamweaver CS6 Basisprincipes: De werkomgeving kennen de kenmerken van de applicatie worden beschreven die hetzelfde blijven ondanks het verschil in hun versies
1. Structuur van een HTML5-document
B) Geeft het openen van een HTML-document aan, het is de eerste tag die wordt gedeclareerd.
C) U kunt onder andere een titel voor het document, scripts, stijlen, meta-informatie opnemen.
NS) Biedt metadata over het HTML-document. De metadata worden niet op de pagina weergegeven, ze worden alleen geanalyseerd als bijgevoegde informatie. De elementen worden normaal gesproken gebruikt om onder andere de paginabeschrijving, trefwoorden en de auteur van het document te specificeren. In het voorbeeld dat in de afbeelding wordt getoond, hebben we het kenmerk charset gebruikt om de set tekens te definiëren waarin de pagina wordt weergegeven, charset = "utf-8" in het geval van de Spaanse taal.
EN) Hiermee kunnen we de naam toewijzen van de pagina die in browsers wordt weergegeven.
F) De overgrote meerderheid van de tags in HTML hebben een openingsdeclaratie en een sluitingsdeclaratie nodig:
Label inhoudIn dit geval sluit de getoonde afbeelding de head-tag met
G) Alles binnen dit element wordt weergegeven door de browser, dat wil zeggen dat we binnen deze tag alle visuele inhoud van ons HTML-document aanwijzen.
H) Op dezelfde manier als uitgelegd in de sectie F dit is de afsluiting van de tag
I) Op dezelfde manier als uitgelegd in de sectie F dit is de afsluiting van de tag
Structuur van een CSS3-document
B) #Id: Verklaringen die beginnen met het hekje geven aan dat het van het type ID is. Zowel klassen als ID's worden gebruikt om aan te geven welke grafische kenmerken we aan onze HTML-inhoud willen geven. De verschillen tussen deze 2 soorten verklaringen zijn echter als volgt:
ID's zijn uniek:
- Elk element kan slechts één ID hebben.
- Elke pagina kan slechts één element met die ID hebben.
Onze HTML-code doorstaat de validatie niet als dezelfde ID in meer dan één element wordt gebruikt.
Klassen zijn niet uniek:
- Dezelfde klasse kan in meerdere elementen worden gebruikt.
- U kunt meerdere klassen in hetzelfde element gebruiken.
Elke stijl die op meerdere objecten op een pagina moet worden toegepast, moet met een klasse worden gedaan. Het is belangrijk om te vermelden dat alles wat in CSS-documenten wordt gedeclareerd, hoofdlettergevoelig is.
C) {Brace openen waarmee de declaratie van de attributen begint.
NS) } Sleutel die de verklaringen sluit die zijn gedaan aan een klasse of een ID.
EN) Attribuutstructuur: na het declareren van een attribuut is het noodzakelijk om de waarde ervan op te geven, in het voorbeeld dat in de afbeelding wordt getoond, kennen we een hoogte van 600 pixels toe aan #Id.
Om de attributen en hun waarden te scheiden, wordt een puntkomma gebruikt; zoals afgebeeld op de foto.
Dit zijn, op een eenvoudige manier, de algemene kenmerken van de structuur van een code HTML, de benodigde labels en hoe deze te bestellen. In het geval van CSS de soorten aangif.webpten en hun algemene structuur. Met deze kennis zijn we klaar om onze eerste HTML te maken en de labels grafische kenmerken te geven.Vond je deze Tutorial leuk en heb je eraan geholpen?Je kunt de auteur belonen door op deze knop te drukken om hem een positief punt te geven
