Indholdsfortegnelse
HTML (HyperText Markup Language) eller hypertekstmarkeringssprog, er standarden, der bruges til udvikling af websider, det er et sprog baseret på tags, der strukturerer oplysninger baseret på hierarkiet af indhold. I sig selv giver HTML ikke grafiske karakteristika til den information, der præsenteres, den organiserer den kun på en sådan måde, at den har en logisk læserækkefølge.For det andet CSS (Cascading Style Sheet) eller cascading style sheets er et sprog, der bruges til at definere og oprette præsentationen af et struktureret dokument, der er skrevet i HTML.
I denne vejledning præsenterer vi den grundlæggende struktur af et dokument HTML5, de mest populære etiketter og den hierarkiske rækkefølge for at deklarere dem. Til gengæld vil vi forklare forholdet mellem HTML5 og CSS3, måden de kan relateres på, strukturen i deklarationer, der er afgivet i CSS3 og de grafiske attributter, de kan give HTML -dokumentet.
For de eksempler, vi skal udføre, er det nødvendigt at have en kodeditor, i vores tilfælde er den valgte editor Dreamweaver CC 2014, i vejledningen Dreamweaver CS6 Basics: Kendskab til arbejdsmiljøet applikationens egenskaber er beskrevet, der forbliver de samme på trods af forskellen i deres versioner
1. Opbygning af et HTML5 -dokument
B) Angiver åbningen af et HTML -dokument, det er det første tag, der erklæres.
C) Du kan inkludere en titel til dokumentet, scripts, styles, meta-information, blandt andre.
D) Indeholder metadata om HTML -dokumentet. Metadataene vises ikke på siden, de analyseres kun som vedhæftede oplysninger. Elementerne bruges normalt til at specificere sidebeskrivelse, søgeord, dokumentforfatter blandt andre. I eksemplet vist på billedet har vi brugt charset-attributten til at definere det sæt tegn, hvor siden skal vises, charset = "utf-8" i tilfælde af det spanske sprog.
OG) Det giver os mulighed for at tildele navnet på den side, der vises i browsere.
F) Langt de fleste tags i HTML har brug for en åbningserklæring og en afsluttende erklæring:
Mærke indholdI dette tilfælde lukker det viste billede hovedmærket med
G) Alt inden for dette element vil blive vist af browseren, det vil sige inden for dette tag vil vi betegne alt det visuelle indhold i vores HTML -dokument.
H) På samme måde som forklaret i afsnittet F dette er lukningen af mærket
JEG) På samme måde som forklaret i afsnittet F dette er lukningen af mærket
Opbygning af et CSS3 -dokument
B) #Id: Erklæringer, der starter med pundtegnet, angiver, at det er af type -ID. Både klasser og id'er bruges til at angive, hvilke grafiske attributter vi vil give til vores HTML -indhold. Forskellene mellem disse 2 typer udsagn er imidlertid som følger:
ID'er er unikke:
- Hvert element kan kun have ét ID.
- Hver side kan kun have et element med det id.
Vores HTML -kode passerer ikke validering, hvis det samme id bruges i mere end ét element.
Klasserne er ikke unikke:
- Den samme klasse kan bruges i flere elementer.
- Du kan bruge flere klasser i det samme element.
Enhver styling, der skal anvendes på flere objekter på en side, skal udføres med en klasse. Det er vigtigt at nævne, at alt, hvad der er angivet i CSS -dokumenter, er store og små bogstaver.
C) {Åbningsbøjle, der starter erklæringen om attributterne.
D) } Nøgle, der lukker erklæringer til en klasse eller et id.
OG) Attributstruktur: efter at have erklæret en attribut er det nødvendigt at angive dens værdi, i eksemplet vist på billedet tildeler vi en højde på 600 pixels til #Id.
For at adskille attributterne og deres værdier bruges et semikolon; som illustreret på billedet.
Disse er på en enkel måde de generelle karakteristika ved strukturen af en kode HTML, de nødvendige etiketter og hvordan du bestiller dem. I tilfælde af CSS deklarationstyper og deres generelle struktur. Med denne viden vil vi være klar til at lave vores første HTML og give etiketterne grafiske egenskaber.Kan du lide og hjælpe denne vejledning?Du kan belønne forfatteren ved at trykke på denne knap for at give ham et positivt punkt
