[{"data":1,"prerenderedAt":236},["ShallowReactive",2],{"term-h\u002Fhtml":3,"related-h\u002Fhtml":216},{"id":4,"title":5,"acronym":6,"body":7,"category":195,"description":196,"difficulty":197,"extension":198,"letter":199,"meta":200,"navigation":201,"path":202,"related":203,"seo":209,"sitemap":210,"stem":213,"subcategory":214,"__hash__":215},"terms\u002Fterms\u002Fh\u002Fhtml.md","HTML","HyperText Markup Language",{"type":8,"value":9,"toc":189},"minimark",[10,15,19,27,31,34,38,178,182,185],[11,12,14],"h2",{"id":13},"eli5-the-vibe-check","ELI5 — The Vibe Check",[16,17,18],"p",{},"HTML is like the skeleton of a webpage. You write tags like ",[20,21,23,24],"h1",{"id":22},"and-and-the-browser-builds-the-bones-of-your-site-from-them-without-html-theres-nothing-to-look-at-just-a-blank-void-of-nothingness"," and ",[16,25,26],{}," and the browser builds the bones of your site from them. Without HTML there's nothing to look at — just a blank void of nothingness.",[11,28,30],{"id":29},"real-talk","Real Talk",[16,32,33],{},"HTML is the standard markup language for creating web pages. It defines the structure and semantic meaning of web content using a system of elements represented by tags. Browsers parse HTML into the DOM tree that everything else builds on top of.",[11,35,37],{"id":36},"show-me-the-code","Show Me The Code",[39,40,45],"pre",{"className":41,"code":42,"language":43,"meta":44,"style":44},"language-html shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003C!DOCTYPE html>\n\u003Chtml>\n  \u003Chead>\u003Ctitle>My Page\u003C\u002Ftitle>\u003C\u002Fhead>\n  \u003Cbody>\n    \u003Ch1>Hello World\u003C\u002Fh1>\n    \u003Cp>This is a paragraph.\u003C\u002Fp>\n  \u003C\u002Fbody>\n\u003C\u002Fhtml>\n","html","",[46,47,48,68,78,112,122,141,159,169],"code",{"__ignoreMap":44},[49,50,53,57,61,65],"span",{"class":51,"line":52},"line",1,[49,54,56],{"class":55},"sMK4o","\u003C!",[49,58,60],{"class":59},"swJcz","DOCTYPE",[49,62,64],{"class":63},"spNyl"," html",[49,66,67],{"class":55},">\n",[49,69,71,74,76],{"class":51,"line":70},2,[49,72,73],{"class":55},"\u003C",[49,75,43],{"class":59},[49,77,67],{"class":55},[49,79,81,84,87,90,93,96,100,103,105,108,110],{"class":51,"line":80},3,[49,82,83],{"class":55},"  \u003C",[49,85,86],{"class":59},"head",[49,88,89],{"class":55},">\u003C",[49,91,92],{"class":59},"title",[49,94,95],{"class":55},">",[49,97,99],{"class":98},"sTEyZ","My Page",[49,101,102],{"class":55},"\u003C\u002F",[49,104,92],{"class":59},[49,106,107],{"class":55},">\u003C\u002F",[49,109,86],{"class":59},[49,111,67],{"class":55},[49,113,115,117,120],{"class":51,"line":114},4,[49,116,83],{"class":55},[49,118,119],{"class":59},"body",[49,121,67],{"class":55},[49,123,125,128,130,132,135,137,139],{"class":51,"line":124},5,[49,126,127],{"class":55},"    \u003C",[49,129,20],{"class":59},[49,131,95],{"class":55},[49,133,134],{"class":98},"Hello World",[49,136,102],{"class":55},[49,138,20],{"class":59},[49,140,67],{"class":55},[49,142,144,146,148,150,153,155,157],{"class":51,"line":143},6,[49,145,127],{"class":55},[49,147,16],{"class":59},[49,149,95],{"class":55},[49,151,152],{"class":98},"This is a paragraph.",[49,154,102],{"class":55},[49,156,16],{"class":59},[49,158,67],{"class":55},[49,160,162,165,167],{"class":51,"line":161},7,[49,163,164],{"class":55},"  \u003C\u002F",[49,166,119],{"class":59},[49,168,67],{"class":55},[49,170,172,174,176],{"class":51,"line":171},8,[49,173,102],{"class":55},[49,175,43],{"class":59},[49,177,67],{"class":55},[11,179,181],{"id":180},"when-youll-hear-this","When You'll Hear This",[16,183,184],{},"\"The HTML is fine but your CSS is a disaster.\" \u002F \"Use semantic HTML so screen readers can understand your page.\"",[186,187,188],"style",{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":44,"searchDepth":70,"depth":70,"links":190},[191,192,193,194],{"id":13,"depth":70,"text":14},{"id":29,"depth":70,"text":30},{"id":36,"depth":70,"text":37},{"id":180,"depth":70,"text":181},"frontend","HTML is like the skeleton of a webpage. You write tags like \u003Ch1> and \u003Cp> and the browser builds the bones of your site from them.","beginner","md","h",{},true,"\u002Fterms\u002Fh\u002Fhtml",[204,205,206,207,208],"CSS","JavaScript","DOM","Semantic HTML","Accessibility",{"title":5,"description":196},{"changefreq":211,"priority":212},"weekly",0.7,"terms\u002Fh\u002Fhtml",null,"gSHo8wFh9Aa2cT-S15NZe4B5JqDzHqA7r6nnPEf2tNg",[217,222,226,230,233],{"title":208,"path":218,"acronym":219,"category":195,"difficulty":220,"description":221},"\u002Fterms\u002Fa\u002Faccessibility","a11y","intermediate","Accessibility (a11y) is making your website usable by everyone — including people using screen readers, keyboard-only navigation, or who have low vision.",{"title":204,"path":223,"acronym":224,"category":195,"difficulty":197,"description":225},"\u002Fterms\u002Fc\u002Fcss","Cascading Style Sheets","CSS is the makeup and wardrobe for your HTML skeleton. It decides what color everything is, how big things are, and where stuff goes on the page.",{"title":206,"path":227,"acronym":228,"category":195,"difficulty":197,"description":229},"\u002Fterms\u002Fd\u002Fdom","Document Object Model","The DOM is a live map of your webpage that JavaScript can read and edit. When the browser loads your HTML it turns it into a big tree of objects.",{"title":205,"path":231,"acronym":214,"category":195,"difficulty":197,"description":232},"\u002Fterms\u002Fj\u002Fjavascript","JavaScript is what makes websites actually DO stuff. HTML is the bones, CSS is the skin, and JavaScript is the muscles and brain.",{"title":207,"path":234,"acronym":214,"category":195,"difficulty":197,"description":235},"\u002Fterms\u002Fs\u002Fsemantic-html","Semantic HTML means using the RIGHT tag for the job instead of wrapping everything in divs.",1776518285763]