HTML 4.01 Tutorial
HTML 4.01 er en spesifikasjon for Hypertext Markup Language, den grunnleggende språket som brukes til å lage websider. Introdusert i 1999 som en mindre oppdatering av HTML 4, er det en av de vanligste språkene du ser på Internett i dag, og en av de enkleste å lære. Når du gjør mestrer det, har du ikke noe problem å flytte på etterfølgende spesifikasjoner som XHTML eller HTML 5, og dørene vil være åpen for deg å lære beslektede språk som CSS - slik at du kan lage alle typer nettsted du ønsker.
Grunnleggende om HTML 4.01
HTML bruker kode som kalles "tags" til å merke innholdet på siden din. Her er et eksempel:
<P> Dette er et avsnitt. </ P>
Som du kan se, definerer "p" element alt inni de to kodene som et avsnitt. "Åpning" koder er alltid omsluttet i parentes, mens "avsluttende" tags er identiske bortsett fra skråstreken før elementet.
<a> Dette er teksten i en kobling. </a>
Den "et" element definerer en grunnleggende hyperkobling. Men hvordan vet du hvor koblingen er ment til å sende deg når du klikker på den? Åpningen <a> tag bruker en spesiell "attributt" kalt "href". Tenk på attributter som ekstra alternativer som du alltid holde inne åpne koder. I praksis ser det ut som dette:
<a href="This"> http://www.ehow.com "rel =" nofollow "> Dette er teksten i en kobling. </a>
Av og til er elementer som ikke er pålagt å ha avsluttende kodene. I disse tilfellene, kan du "self-close" en åpning tag ved å stikke en skråstrek rett før den endelige braketten:
<Img />
Den "img" element viser et bilde på siden din ved hjelp av "src" -attributtet for å la nettlesere vite hvor bildefilen er plassert. Siden du ikke trenger en </ img> -taggen, du bare lukke tag med "/>".
Du har dusinvis av elementer til disposisjon for å lage lister, tabeller, skjemaer og mer.
Oppbygging av et HTML 4.01 Dokument
Alle HTML 4.01 dokumenter begynne med en spesiell element som heter "DOCTYPE" øverst på siden. Det ser ut som dette:
<! DOCTYPE HTML PUBLIC "- // W3C // DTD HTML 4.01 // EN" "http://www.w3.org/TR/html4/strict.dtd">
Ikke bekymre deg for å memorere dette. Alt det virkelig er å fortelle nettleseren hvilket språk du bruker, og plasseringen av spesifikasjonene. Koblingen du se leder deg til stedet der World Wide Web Consortium, den gruppen som kommer opp med alle versjonene av HTML, og anbefaler hva slags koding praksis folk bør bruke.
Under DOCTYPE elementet er en <html> -taggen. Helt på slutten av dokumentet, må du lukke den ut med en </ html> -taggen.
Under det, er hver HTML-dokumentet delt opp i to deler: "head" -seksjonen og "kroppen" delen. "Hodet" delen inneholder informasjon om siden din, men ikke noe som vises på selve siden. "Kroppen" delen inneholder alt som vises på selve siden.
Sette alt sammen, og det ser slik ut:
<! DOCTYPE HTML PUBLIC "- // W3C // DTD HTML 4.01 // EN" "http://www.w3.org/TR/html4/strict.dtd">
<Head>
<Title> Min første web side </ title>
</ Head>
<Body>
<H1> Dette er en overskrift. </ H1>
<P> Dette er et avsnitt under overskriften. </ P>
</ Body>
</ Html>
Lim denne koden inn i Notepad eller TextEdit, lagre det med en ".html" forlengelse, og deretter åpne den i din standard nettleser. Du vil se en real-life nettside.
Se øverst til venstre hjørne av nettleseren vindu. Du vil se tekst som leser "My First Web Page." Det er fordi du inkluderte "title" element i "head" -seksjonen. Som du kanskje forventer, definerer "title" element tittelen på sidene dine, og det er en må-ha, fordi det lar søkemotorer vet hva jeg skal kalle dem.
Endringer fra tidligere versjoner
HTML 4.01 ble opprettet med mål om å skille stil fra struktur. Som du kan se i alle eksemplene ovenfor, hjelper HTML du strukturere websidene dine, men det er ikke mange elementer som lar deg endre utformingen av ting. Det er fordi et beslektet språk kalles CSS (som står for Cascading Style Sheets) har blitt den anbefalte måten å designe utseendet på sidene dine. CSS er lett å lære hvis du vet HTML; du kan også stikke CSS-kode rett i HTML-dokumenter ' "hodet" seksjoner.
Siden HTML 4.01 later det meste av design aspekter opp til CSS, tar ut mye av visuelle elementer som eksisterte i tidlige versjoner av HTML. For eksempel er det pleide å være en "font" element som lar deg endre utseendet til tekst. Det så ut som dette:
<Font face = "Arial" color = "red"> Denne teksten er rød og bruker Arial font. </ Font>
Mens det er lett nok, grunnen til at de ble kvitt det var fordi det skapte virkelig klumpete kode: hver gang du ønsket mer tekst å være rød, måtte du kaste i flere <font> koder. CSS lar deg definere hva slags tekst du ønsker å bli rød en gang, og unngå all repetisjon.