HTML Basiese Voorbeelde
In hierdie hoofstuk sal ons 'n paar basiese HTML-voorbeelde wys.
Moenie bekommerd wees as ons etikette gebruik waarvan jy nog nie geleer het nie.
HTML-dokumente
Alle HTML-dokumente moet begin met 'n dokumenttipe verklaring: <!DOCTYPE html>.
Die HTML-dokument self begin met <html>en eindig met </html>.
Die sigbare deel van die HTML-dokument is tussen <body>en </body>.
Voorbeeld
<!DOCTYPE html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
Die <!DOCTYPE>-verklaring
Die <!DOCTYPE>verklaring verteenwoordig die dokumenttipe, en help blaaiers om webblaaie korrek te vertoon.
Dit moet net een keer verskyn, boaan die bladsy (voor enige HTML-merkers).
Die <!DOCTYPE>verklaring is nie hooflettersensitief nie.
Die <!DOCTYPE>verklaring vir HTML5 is:
<!DOCTYPE html>
HTML-opskrifte
HTML-opskrifte word gedefinieer met die <h1>to <h6>tags.
<h1>definieer die belangrikste opskrif. <h6>definieer die minste belangrike opskrif:
Voorbeeld
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
HTML paragrawe
HTML-paragrawe word gedefinieer met die <p>merker:
Voorbeeld
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
HTML skakels
HTML-skakels word gedefinieer met die <a>merker:
Voorbeeld
<a href="https://www.w3schools.com">This is a link</a>
Die skakel se bestemming word in die hrefkenmerk gespesifiseer.
Kenmerke word gebruik om bykomende inligting oor HTML-elemente te verskaf.
Jy sal meer oor eienskappe in 'n latere hoofstuk leer.
HTML beelde
HTML-beelde word met die <img>merker gedefinieer.
Die bronlêer ( src), alternatiewe teks ( alt),
width, en heightword as kenmerke verskaf:
Voorbeeld
<img src="w3schools.jpg" alt="W3Schools.com" width="104" height="142">
Hoe om HTML-bron te sien?
Het jy al ooit 'n webblad gesien en gewonder "Haai! Hoe het hulle dit gedoen?"
Bekyk HTML-bronkode:
Regskliek op 'n HTML-bladsy en kies "Bekyk bladsybron" (in Chrome) of "Bekyk bron" (in Edge), of soortgelyk in ander blaaiers. Dit sal 'n venster oopmaak wat die HTML-bronkode van die bladsy bevat.
Inspekteer 'n HTML-element:
Regskliek op 'n element (of 'n leë area) en kies "Inspekteer" of "Inspekteer element" om te sien waaruit elemente bestaan (jy sal beide die HTML en die CSS sien). Jy kan ook die HTML of CSS on-the-fly wysig in die Elements of Styles-paneel wat oopmaak.