✅ Lær grundlæggende HTML og min første webside

Indholdsfortegnelse

Hvad er HTML? Dets akronym står for "Hypertext Markup Language". Det er defineret som et mærkesprog, der giver dig mulighed for at udvikle en webside. Blandt de elementer, som dette sprog har, er kontrolelementerne (etiketter, tekstbokse, tekstområder, knapper) til at implementere formularer, lister, tabeller, indsættelse af billeder, video, lyd, blandt andre.
Det er et meget enkelt sprog at lære, fordi det ikke i sig selv er et programmeringssprog, men et sprog, som du markerer. Udover at de reserverede ord, der sammensætter det, er lette at huske og meget beskrivende.
Det mest grundlæggende miljø for at begynde at øve og udvikle en webside er den almindelige "Notesblok", som er et tekstredigeringsprogram, selvom der også er specielle kompilatorer (f.eks. Netbeans), der har autokorrekturfunktionen til, når et ord i syntaksen er forkert, markerer den det og gør det lettere at finde.
HTML -filer skal altid gemmes med .html -udvidelsen, uanset om udvikleren tilføjer det manuelt eller editoren tilføjer det automatisk. .Html -filtypen åbnes med browseren eller browseren efter brugerens præference (f.eks .: Internet Explorer, Firefox, Google Chrome, Opera, Safary osv.), Fordi HTML -sprog som nævnt ovenfor består af tags : som browseren er parat til at fortolke.
Dit første websted …
I dette tilfælde åbner vi notesblokken, da vi arbejder under et Windows -miljø, og vi introducerer følgende kode for den typiske "Hej verden!"

Som det kan ses på billedet, er filen ikke gemt endnu. Så vi går til menuen Filer> Gem. For at have de filer, vi udvikler under denne vejledning, velorganiseret, opretter vi en mappe med navnet "BASIC HTML", vi får adgang til denne mappe og tilpasser filnavnet, vi indtaster navnet "index.html", der husker, at det er vigtigt for at etablere udvidelsen, så vil den ellers kun blive gemt som en tekstfil, det vil sige .txt.

Gå til placeringen af filen, dobbeltklik på ikonet med navnet "index.html", og den åbnes i standardbrowseren, i dette tilfælde Google Chrome. Dette er, hvad du vil se:

Lad os nu vende tilbage til koden …
Fortæller browseren, at du åbner en HTML -fil.
Overskrift på dokumentet.
Min første hjemmeside. Sidetitel.
Luk dokumentets overskrift.
Body, alt indholdet af denne sektion vises på siden.
Hej Verden!
Kropslukning.
Luk HTML -filen.
Mærket fortæller browseren, at et html -dokument åbnes, det er her det begynder at fortolke indholdet. Det er vigtigt, at hvert mærke, der åbnes, lukkes, lukkemærket kan vises i slutningen af dokumentet.
angiver dokumentets overskrift, her blandt andet som vi vil lære senere, vil sidens titel blive placeret. Hvilket bringer os til kodelinjen Min første webside. , vil resultatet af denne linje afspejles i browserens titellinje. Nedenfor er lukningen af mærket.
I etiketterne og indholdet på siden vil blive placeret, som direkte kan indeholde tekst og / eller andre formateringsetiketter.
Attributterne …
Nogle tags har en eller flere attributter, disse er defineret som karakteristika for hovedmærket. Nogle aspekter skal tages i betragtning ved definitionen af attributter:

De har strukturen navn = "værdi"
Værdien er altid i anførselstegn.
De placeres på åbningsmærket.

Eksempel: Vi tilføjer attributten bgcolor til etiketten og tildeler den en værdi, der er hexadecimal, og som vil være omsluttet af anførselstegn. For en farveguide efterlader jeg følgende link "HTML farvekoder".

Vi gemmer vores fil for at visualisere ændringerne, og resultatet bliver:

*VIGTIG:: Etiketterne kan godt skrives med små bogstaver, som vi har visualiseret i eksemplerne og f.eks. Med store bogstaver. World Wide Web Consortium (W3C) anbefaler brug af små bogstaver, og XHTML, som er den mest opdaterede version af HTML, accepterer kun brugen af små bogstaver.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