DocumentFormattinginHTML
TheBasics:
Intoday'sdigitalage,itisimportanttoknowhowtocreateadocumentusingHTML(HypertextMarkupLanguage).HTMLisacodinglanguageusedtocreatewebsites,documents,andotherdigitalmedia.OneofthegreatthingsaboutHTMListhatitallowsyoutocreatedocumentsthatareaccessibletoanyonewithaninternetconnection.Herearesomebasictagstogetyoustarted:
- <!DOCTYPEhtml>-ThistagisusedtospecifythatyouareusingHTML5.ItisthefirstlineofcodeinanyHTMLdocument.
- <html>-ThistagisusedtospecifythatyouarestartinganHTMLdocument.
- <head>-Thistagisusedtospecifyinformationaboutthedocument,suchasthetitleandothermetadata.Thissectionisnotvisibletotheuser.
- <body>-Thistagisusedtospecifythecontentofthedocument.Everythingthatyouwanttobedisplayedonthescreenshouldbeplacedwithinthistag.
- <p>-Thistagisusedtospecifyaparagraphoftext.Itisgoodpracticetoseparateyourcontentintodifferentparagraphstomakeitmorereadable.
TextFormatting:
Oneofthekeyaspectsofcreatingadocumentismakingitvisuallyappealingandeasytoread.HTMLprovidesvarioustagstoformattext.Herearesomeofthemostcommonones:
- <h1>to<h6>-Thesetagsareusedtospecifyheaderlevels.<h1>isthelargestheader,while<h6>isthesmallest.Headersareimportantfororganizingyourcontentandmakingitmorereadable.
- <strong>and<em>-Thesetagsareusedtospecifytextthatshouldbeboldanditalicized,respectively.Usethesesparinglytodrawattentiontospecificwordsorphrases.
- <sub>and<sup>-Thesetagsareusedtospecifysubscriptandsuperscripttext,respectively.Usetheseforscientificormathematicalequations,forexample.
Lists:
Anotherimportantaspectofdocumentformattingiscreatinglists.Therearetwotypesoflists:orderedandunordered.Orderedlistsusenumbersorletterstolistitemsinorder,whileunorderedlistsusebulletpoints.Herearethetagsforeachtypeoflist:
- <ol>and<li>-Thesetagsareusedtocreateanorderedlist.Eachiteminthelistshouldbeplacedwithinan<li>tag.
- <ul>and<li>-Thesetagsareusedtocreateanunorderedlist.Eachiteminthelistshouldbeplacedwithinan<li>tag.
Withthesebasictags,youcancreateawell-designedandeasy-to-readdocumentusingHTML.Happycoding!