Lærer grunnleggende HTML og min første webside

Innholdsfortegnelse
Hva er HTML? Akronymet står for "Hypertext Markup Language". Det er definert som et tag -språk som lar deg utvikle en webside. Blant elementene som dette språket har, er kontrollene (etiketter, tekstbokser, tekstområder, knapper) for å implementere skjemaer, lister, tabeller, innsetting av bilder, video, lyd, blant andre.
Det er et veldig enkelt språk å lære fordi det ikke i seg selv er et programmeringsspråk, men et språk du markerer. Dessuten er de reserverte ordene som komponerer det enkle å huske og veldig beskrivende.
Det mest grunnleggende miljøet for å begynne å øve og utvikle en webside er den vanlige "Notisblokk" som er et tekstredigeringsprogram, selv om det også er spesielle kompilatorer (for eksempel Netbeans) som har autokorrigeringsfunksjonen for når et ord i syntaksen er feil, markerer den det og gjør det lettere å finne.
HTML -filer bør alltid lagres med utvidelsen .html, enten utvikleren legger den til manuelt eller redaktøren legger den til automatisk. .Html -filtypen åpnes med nettleseren eller nettleseren etter brukerens preferanse (for eksempel Internet Explorer, Firefox, Google Chrome, Opera, Safary, etc.) fordi HTML -språket som nevnt ovenfor består av tagger : som nettleseren er forberedt på å tolke.
Ditt første nettsted …
I dette tilfellet vil vi åpne notisblokken, siden vi jobber under et Windows -miljø, og vi vil introdusere følgende kode for den typiske "Hei verden!"

Som det kan sees på bildet, har filen ikke blitt lagret ennå. Så vi går til Fil> Lagre -menyen. For å ha filene vi utvikler under denne opplæringen godt organisert, vil vi lage en mappe med navnet "BASIC HTML", vi får tilgang til denne mappen og tilpasser filnavnet, vi skriver inn navnet "index.html" og husker at det er viktig for å etablere utvidelsen, så blir den ellers bare lagret som en tekstfil, det vil si .txt.

Gå til plasseringen av filen, dobbeltklikk på ikonet med navnet "index.html", og den åpnes i standardleseren, i dette tilfellet Google Chrome. Dette er hva du vil se:

La oss nå gå tilbake til koden …
Forteller nettleseren at du åpner en HTML -fil.
Overskrift på dokumentet.
Mitt første nettsted. Side tittel.
Lukk overskriften til dokumentet.
Kropp, alt innholdet i denne delen vil vises på siden.
Hei Verden!
Kroppslukking.
Lukk HTML -filen.
Koden forteller nettleseren at et html -dokument åpnes, det er her det begynner å tolke innholdet. Det er viktig at hver tag som åpnes lukkes, den avsluttende taggen kan vises på slutten av dokumentet.
indikerer overskriften på dokumentet, her blant annet som vi vil lære senere, blir tittelen på siden plassert. Som bringer oss til kodelinjen Min første webside. , vil resultatet av denne linjen gjenspeiles i tittellinjen i nettleseren. Nedenfor er merkelukkingen lukket.
I etikettene og innholdet på siden vil bli plassert, som direkte kan inneholde tekst og / eller andre formateringsetiketter.
Attributtene …
Noen tagger har ett eller flere attributter, disse er definert som egenskaper for hovedtaggen. Noen aspekter må tas i betraktning for definisjonen av attributter:
  • De har strukturen navn = "verdi"
  • Verdien er alltid i anførselstegn.
  • De er plassert på åpningskoden.
Eksempel: Vi legger til bgcolor -attributtet på etiketten, og tildeler det en verdi som er heksadesimal og som vil være omsluttet av anførselstegn. For en fargeguide lar jeg følgende lenke være "HTML -fargekoder".

Vi lagrer filen vår for å visualisere endringene, og resultatet blir:

*VIKTIG:: Etikettene kan godt skrives med små bokstaver, slik vi har visualisert i eksemplene og for eksempel med store bokstaver. World Wide Web Consortium (W3C) anbefaler bruk av små bokstaver, og XHTML, som er den mest oppdaterte versjonen av HTML, godtar bare bruk av små bokstaver.Likte og hjalp du denne opplæringen?Du kan belønne forfatteren ved å trykke på denne knappen for å gi ham et positivt poeng

Du vil bidra til utvikling av området, dele siden med vennene dine

wave wave wave wave wave