Innholdsfortegnelse
HTML (HyperText Markup Language) eller hypertekstmarkeringsspråk, er standarden som brukes for utvikling av websider, det er et språk basert på koder som strukturerer informasjon basert på hierarkiet av innhold. I seg selv gir HTML ikke grafiske egenskaper til informasjonen som presenteres, den organiserer den bare på en slik måte at den har en logisk leserekkefølge.for det andre CSS (Cascading Style Sheet) eller cascading style sheets er et språk som brukes til å definere og lage presentasjonen av et strukturert dokument skrevet i HTML, det er ansvarlig for å formulere spesifikasjonen for stilarkene som vil fungere som en standard for nettlesere.
I denne opplæringen vil vi presentere den grunnleggende strukturen til et dokument HTML5, de mest populære etikettene og den hierarkiske rekkefølgen for å deklarere dem. På sin side vil vi forklare forholdet mellom HTML5 og CSS3, måten de kan relateres på, strukturen til deklarasjonene som er gitt i CSS3 og de grafiske attributtene de kan gi HTML -dokumentet.
For eksemplene vi skal utføre, er det nødvendig å ha en kodeditor, i vårt tilfelle er den valgte redaktøren Dreamweaver CC 2014, i opplæringen Grunnleggende om Dreamweaver CS6: Kjennskap til arbeidsmiljøet egenskapene til applikasjonen er beskrevet som forblir de samme til tross for forskjellen i deres versjoner
1. Struktur av et HTML5 -dokument
B) Angir åpningen av et HTML -dokument, det er den første taggen som deklareres.
C) Du kan inkludere en tittel for dokumentet, skript, stiler, meta-informasjon, blant andre.
D) Tilbyr metadata om HTML -dokumentet. Metadataene vil ikke bli vist på siden, de vil bare bli analysert som vedlagt informasjon. Elementene brukes vanligvis til å spesifisere sidebeskrivelse, søkeord, dokumentforfatter blant andre. I eksemplet vist på bildet har vi brukt tegnsettattributtet for å definere settet med tegn der siden skal vises, charset = "utf-8" når det gjelder det spanske språket.
OG) Det lar oss tildele navnet på siden som skal vises i nettlesere.
F) De aller fleste koder i HTML trenger en åpningserklæring og en avsluttende deklarasjon:
Merk innholdI dette tilfellet lukker bildet som vises med taggen
G) Alt i dette elementet vil bli vist av nettleseren, det vil si i denne taggen vil vi angi alt det visuelle innholdet i HTML -dokumentet vårt.
H) På samme måte som forklart i avsnittet F dette er lukkingen av taggen
JEG) På samme måte som forklart i avsnittet F dette er lukkingen av taggen
Struktur av et CSS3 -dokument
B) #Id: Erklæringer som starter med pundtegnet indikerer at den er av type ID. Både klasser og ID -er brukes til å spesifisere hvilke grafiske attributter vi vil gi HTML -innholdet vårt. Forskjellene mellom disse 2 typer utsagn er imidlertid som følger:
ID -er er unike:
- Hvert element kan bare ha én ID.
- Hver side kan bare ha ett element med den IDen.
HTML -koden vår vil ikke bestå validering hvis den samme ID -en brukes i mer enn ett element.
Klassene er ikke unike:
- Den samme klassen kan brukes i flere elementer.
- Du kan bruke flere klasser i samme element.
Enhver styling som må brukes på flere objekter på en side, må gjøres med en klasse. Det er viktig å nevne at alt som er oppgitt i CSS -dokumenter, er bokstavfølsomt.
C) {Åpningsstøtte som starter erklæringen av attributtene.
D) } Nøkkel som lukker deklarasjonene som er gitt til en klasse eller en ID.
OG) Attributtstruktur: etter å ha erklært et attributt, er det nødvendig å spesifisere verdien, i eksemplet vist på bildet tildeler vi en høyde på 600 piksler til #Id.
For å skille attributtene og deres verdier, brukes et semikolon; som illustrert på bildet.
Dette er på en enkel måte de generelle egenskapene til strukturen til en kode HTML, de nødvendige etikettene og hvordan du bestiller dem. I tilfelle av CSS typer erklæringer og deres generelle struktur. Med denne kunnskapen vil vi være klare til å lage vår første HTML og gi etikettene grafiske egenskaper.Likte og hjalp du denne opplæringen?Du kan belønne forfatteren ved å trykke på denne knappen for å gi ham et positivt poeng
