<!DOCTYPE html><html class="antialiased [font-feature-settings:&#x27;ss01&#x27;]" lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><title>Web Reference - Code Documentation, Tutorials, and Demos</title><meta name="description" content="Easy to understand examples and reference documentation to help you learn how to code in HTML, CSS, PHP, SQL, JavaScript, Python, and more."/><meta name="next-head-count" content="4"/><link rel="preload" href="/_next/static/css/0d5f0885acf42bd1.css" as="style"/><link rel="stylesheet" href="/_next/static/css/0d5f0885acf42bd1.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-16ca7aacbf7ee910.js" defer=""></script><script src="/_next/static/chunks/framework-5835bee4be1f5523.js" defer=""></script><script src="/_next/static/chunks/main-4bdf3a0d49037f31.js" defer=""></script><script src="/_next/static/chunks/pages/_app-d1188f37a5da85ea.js" defer=""></script><script src="/_next/static/chunks/605040ef-c31ad1a9f4489c19.js" defer=""></script><script src="/_next/static/chunks/13330-95d0e0f4fb856821.js" defer=""></script><script src="/_next/static/chunks/86233-9bd6259eeef9b3ea.js" defer=""></script><script src="/_next/static/chunks/pages/index-11cd759fdf81fb08.js" defer=""></script><script src="/_next/static/Vv1QgjNmESm_mpnAtCVEm/_buildManifest.js" defer=""></script><script src="/_next/static/Vv1QgjNmESm_mpnAtCVEm/_ssgManifest.js" defer=""></script></head><body class="bg-white dark:bg-slate-900"><div id="__next"><header class="sticky top-0 z-50 flex flex-wrap bg-zinc-800 px-2 py-3 transition duration-500 dark:shadow-none sm:px-6 lg:px-8 overflow-x-hidden dark:bg-transparent"><div class="w-full mx-auto flex"><div class="flex flex-nowrap mr-6"><div class="flex lg:hidden mr-6"><button type="button" class="relative" aria-label="Open navigation"><svg aria-hidden="true" viewBox="0 0 24 24" fill="none" stroke-width="2" stroke-linecap="round" class="h-6 w-6 stroke-white"><path d="M4 7h16M4 12h16M4 17h16"></path></svg></button><div style="position:fixed;top:1px;left:1px;width:1px;height:0;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;display:none"></div></div><div class="relative basis-48 items-center flex"><a aria-label="Home page" class="flex flex-nowrap items-center hover:opacity-75" href="/"><svg class="h-4 w-8 mr-3 fill-white dark:fill-sky-100 lg:inline-block"><svg id="uuid-fb796d48-65f7-498f-b77a-605df4597429" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 283.4065 151.6778"><path d="m41.9916,0H2.9004C.753,0-.6479,2.2548.3035,4.1801l72.092,145.8841c.9548,1.9322,3.61,2.1822,4.9087.4622l23.6631-31.3396c.6605-.8748.7707-2.0474.2846-3.0299L44.588,1.6123c-.4885-.9874-1.4948-1.6123-2.5964-1.6123Z"></path><path d="m118.0625,0h-39.0912c-2.1475,0-3.5483,2.2548-2.5969,4.1801l72.092,145.8841c.9548,1.9322,3.61,2.1822,4.9087.4622l23.6631-31.3396c.6605-.8748.7707-2.0474.2846-3.0299L120.659,1.6123c-.4885-.9874-1.4948-1.6123-2.5964-1.6123Z"></path><path d="m253.3425.0514h-98.1327c-2.2206,0-3.67,2.3306-2.6881,4.3223l13.5457,27.4757c.505,1.0244,1.5484,1.6727,2.6905,1.6718l81.2441-.0654v27.3246l-64.7642.0622c-2.2348.0021-3.6912,2.3491-2.7009,4.3526l41.9163,84.8028c.9943,2.0116,3.7587,2.2718,5.1109.481l23.043-30.5184c.9837-1.3028,1.148-3.0491.4246-4.5125l-10.5114-21.2633h10.8222c16.5352,0,30.0639-13.5288,30.0639-30.0639V30.1154C283.4065,13.5802,269.8777.0514,253.3425.0514Z"></path></svg></svg><div class="font-semibold font-mono text-white sm:inline-block hidden">Web Reference</div></a></div></div><div class="font-semibold text-white hidden lg:block"><a class="px-3 sm:px-4 py-3.5 border-l border-r border-zinc-700 hover:bg-zinc-700" aria-label="HTML" href="/html/">HTML</a><a class="px-3 sm:px-4 py-3.5 border-r border-zinc-700 hover:bg-zinc-700" aria-label="CSS" href="/css/">CSS</a><a class="px-3 sm:px-4 py-3.5 border-r border-zinc-700 hover:bg-zinc-700" aria-label="JavaScript" href="/javascript/">JavaScript</a><a class="px-3 sm:px-4 py-3.5 border-r border-zinc-700 hover:bg-zinc-700" aria-label="PHP" href="/php/">PHP</a><a class="px-3 sm:px-4 py-3.5 border-r border-zinc-700 hover:bg-zinc-700" aria-label="Python" href="/python/">Python</a><a class="px-3 sm:px-4 py-3.5 border-r border-zinc-700 hover:bg-zinc-700" aria-label="Rust" href="/rust/">Rust</a><a class="px-3 sm:px-4 py-3.5 border-r border-zinc-700 hover:bg-zinc-700" aria-label="Go" href="/go/">Go</a><a class="px-3 sm:px-4 py-3.5 border-r border-zinc-700 hover:bg-zinc-700" aria-label="SQL" href="/sql/">SQL</a><a class="px-3 sm:px-4 py-3.5 border-r border-zinc-700 hover:bg-zinc-700" aria-label="Java" href="/java/">Java</a><a class="px-3 sm:px-4 py-3.5 border-r border-zinc-700 hover:bg-zinc-700" aria-label="XML" href="/xml/">XML</a><a class="px-3 sm:px-4 py-3.5 border-r border-zinc-700 hover:bg-zinc-700" aria-label="Graphics" href="/graphics/">Graphics</a><a class="px-3 sm:px-4 py-3.5 border-r border-zinc-700 hover:bg-zinc-700" aria-label="AI" href="/ai/">AI</a></div></div></header><div class="bg-zinc-100 dark:-mb-32 dark:mt-[-4.5rem] dark:pb-32 dark:pt-[4.5rem] dark:lg:mt-[-4.75rem] dark:lg:pt-[4.75rem]"><div class="py-16 sm:px-2 lg:relative lg:py-20 lg:px-0"><div class="mx-auto grid max-w-7xl w-full items-center px-4 lg:px-8"><div class="relative z-10"><div class="relative max-w-4xl"><h1 class="inline font-display text-5xl tracking-tight">Learn to code.</h1><p class="mt-3 text-xl tracking-tight">The Web&#x27;s original (created in 1995!) and one of the most respected web development resources. Learn how to build for the Web, and have some fun.</p><div class="mt-8 flex flex-wrap gap-4 justify-start"><a class="bg-zinc-800 rounded-full py-1 px-4 text-white hover:bg-sky-500" href="/html">HTML</a><a class="bg-zinc-800 rounded-full py-1 px-4 text-white hover:bg-sky-500" href="/css">CSS</a><a class="bg-zinc-800 rounded-full py-1 px-4 text-white hover:bg-sky-500" href="/javascript">JavaScript</a><a class="bg-zinc-800 rounded-full py-1 px-4 text-white hover:bg-sky-500" href="/php">PHP</a><a class="bg-zinc-800 rounded-full py-1 px-4 text-white hover:bg-sky-500" href="/python">Python</a><a class="bg-zinc-800 rounded-full py-1 px-4 text-white hover:bg-sky-500" href="/rust">Rust</a><a class="bg-zinc-800 rounded-full py-1 px-4 text-white hover:bg-sky-500" href="/go">Go</a><a class="bg-zinc-800 rounded-full py-1 px-4 text-white hover:bg-sky-500" href="/sql">SQL</a><a class="bg-zinc-800 rounded-full py-1 px-4 text-white hover:bg-sky-500" href="/java">Java</a><a class="bg-zinc-800 rounded-full py-1 px-4 text-white hover:bg-sky-500" href="/xml">XML</a><a class="bg-zinc-800 rounded-full py-1 px-4 text-white hover:bg-sky-500" href="/graphics">Graphics</a><a class="bg-zinc-800 rounded-full py-1 px-4 text-white hover:bg-sky-500" href="/ai">AI</a></div></div></div></div></div></div><div class="relative mx-auto max-w-full flex justify-center sm:px-2 lg:px-4 xl:px-8"><div class="hidden lg:relative lg:block lg:flex-none w-64"><div class="absolute inset-y-0 right-0 w-[50vw] dark:hidden"></div><div class="absolute top-16 bottom-0 right-0 hidden h-12 w-px bg-gradient-to-t from-slate-800 dark:block"></div><div class="absolute top-28 bottom-0 right-0 hidden w-px bg-slate-800 dark:block"></div><div class="sticky top-[3.0rem] -ml-0.5 h-[calc(100vh-3.0rem)] overflow-y-auto overflow-x-hidden py-12 pl-0.5"><nav class="text-base lg:text-sm w-64 pr-8 xl:w-64 xl:pr-4"><ul role="list" class="space-y-6"><li><h2 class="font-semibold text-slate-900 dark:text-white">Core Web Concepts</h2><ul role="list" class="mt-2 space-y-2 border-l-2 border-slate-100 dark:border-slate-800 lg:border-slate-100"><li class="relative"><a class="block w-full pl-3.5 before:pointer-events-none before:absolute before:-left-1 before:top-3 before:h-1.5 before:w-1.5 before:-translate-y-1/2 before:rounded-full text-slate-500 before:hidden before:bg-slate-300 hover:text-slate-600 hover:before:block dark:text-slate-400 dark:before:bg-slate-700 dark:hover:text-slate-300" href="/domains/">Domain names</a><ul role="list"></ul></li><li class="relative"><a class="block w-full pl-3.5 before:pointer-events-none before:absolute before:-left-1 before:top-3 before:h-1.5 before:w-1.5 before:-translate-y-1/2 before:rounded-full text-slate-500 before:hidden before:bg-slate-300 hover:text-slate-600 hover:before:block dark:text-slate-400 dark:before:bg-slate-700 dark:hover:text-slate-300" href="/html/">HTML 101</a><ul role="list"></ul></li><li class="relative"><a class="block w-full pl-3.5 before:pointer-events-none before:absolute before:-left-1 before:top-3 before:h-1.5 before:w-1.5 before:-translate-y-1/2 before:rounded-full text-slate-500 before:hidden before:bg-slate-300 hover:text-slate-600 hover:before:block dark:text-slate-400 dark:before:bg-slate-700 dark:hover:text-slate-300" href="/css/">CSS and Styling</a><ul role="list"></ul></li><li class="relative"><a class="block w-full pl-3.5 before:pointer-events-none before:absolute before:-left-1 before:top-3 before:h-1.5 before:w-1.5 before:-translate-y-1/2 before:rounded-full text-slate-500 before:hidden before:bg-slate-300 hover:text-slate-600 hover:before:block dark:text-slate-400 dark:before:bg-slate-700 dark:hover:text-slate-300" href="/javascript/">JavaScript</a><ul role="list"></ul></li><li class="relative"><a class="block w-full pl-3.5 before:pointer-events-none before:absolute before:-left-1 before:top-3 before:h-1.5 before:w-1.5 before:-translate-y-1/2 before:rounded-full text-slate-500 before:hidden before:bg-slate-300 hover:text-slate-600 hover:before:block dark:text-slate-400 dark:before:bg-slate-700 dark:hover:text-slate-300" href="/front-end-development/">Front-end Dev</a><ul role="list"></ul></li><li class="relative"><a class="block w-full pl-3.5 before:pointer-events-none before:absolute before:-left-1 before:top-3 before:h-1.5 before:w-1.5 before:-translate-y-1/2 before:rounded-full text-slate-500 before:hidden before:bg-slate-300 hover:text-slate-600 hover:before:block dark:text-slate-400 dark:before:bg-slate-700 dark:hover:text-slate-300" href="/website-guidelines/">Website Guidelines</a><ul role="list"></ul></li></ul></li></ul></nav></div></div><div class="min-w-0 max-w-2xl flex-auto px-4 py-12 lg:max-w-none lg:pr-0 lg:pl-8 xl:px-16"><article><header class="mb-3 space-y-1"><h1 class="text-3xl tracking-tight text-slate-900 dark:text-white">Getting started</h1></header><div class="prose prose-slate max-w-none dark:prose-invert dark:text-slate-400 prose-headings:scroll-mt-28 prose-headings:font-display prose-headings:font-normal lg:prose-headings:scroll-mt-[8.5rem] prose-lead:text-slate-500 dark:prose-lead:text-slate-400 prose-a:font-semibold dark:prose-a:text-sky-400 prose-a:no-underline prose-a:shadow-[inset_0_-2px_0_0_var(--tw-prose-background,#fff),inset_0_calc(-1*(var(--tw-prose-underline-size,4px)+2px))_0_0_var(--tw-prose-underline,theme(colors.sky.300))] hover:prose-a:[--tw-prose-underline-size:6px] dark:[--tw-prose-background:theme(colors.slate.900)] dark:prose-a:shadow-[inset_0_calc(-1*var(--tw-prose-underline-size,2px))_0_0_var(--tw-prose-underline,theme(colors.sky.800))] dark:hover:prose-a:[--tw-prose-underline-size:6px] prose-pre:rounded-xl prose-pre:bg-slate-900 prose-pre:shadow-lg dark:prose-pre:bg-slate-800/60 dark:prose-pre:shadow-none dark:prose-pre:ring-1 dark:prose-pre:ring-slate-300/10 dark:prose-hr:border-slate-800"><p class="lead">Learn how to code by getting an understand of three core subjects: HTML, CSS, and JavaScript. </p><div class="not-prose my-12 grid grid-cols-1 gap-6 sm:grid-cols-2"><div class="group relative rounded-xl bg-zinc-50 border border-zinc-100 dark:border-slate-800"><div class="absolute -inset-px rounded-xl border-2 border-transparent opacity-0 [background:linear-gradient(var(--quick-links-hover-bg,theme(colors.sky.50)),var(--quick-links-hover-bg,theme(colors.sky.50)))_padding-box,linear-gradient(to_top,theme(colors.indigo.400),theme(colors.cyan.400),theme(colors.sky.500))_border-box] group-hover:opacity-100 dark:[--quick-links-hover-bg:theme(colors.slate.800)]"></div><div class="relative overflow-hidden rounded-xl p-6"><svg aria-hidden="true" viewBox="0 0 32 32" fill="none" class="h-8 w-8 [--icon-foreground:theme(colors.slate.900)] [--icon-background:theme(colors.white)]"><defs><radialGradient cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" id=":Rc6je6:-gradient" gradientTransform="matrix(0 21 -21 0 12 3)"><stop stop-color="#0EA5E9"></stop><stop stop-color="#22D3EE" offset=".527"></stop><stop stop-color="#818CF8" offset="1"></stop></radialGradient><radialGradient cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" id=":Rc6je6:-gradient-dark" gradientTransform="matrix(0 21 -21 0 16 7)"><stop stop-color="#0EA5E9"></stop><stop stop-color="#22D3EE" offset=".527"></stop><stop stop-color="#818CF8" offset="1"></stop></radialGradient></defs><g class="dark:hidden"><circle cx="12" cy="12" r="12" fill="url(#:Rc6je6:-gradient)"></circle><path d="m8 8 9 21 2-10 10-2L8 8Z" fill-opacity="0.5" class="fill-[var(--icon-background)] stroke-[color:var(--icon-foreground)]" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></g><g class="hidden dark:inline"><path d="m4 4 10.286 24 2.285-11.429L28 14.286 4 4Z" fill="url(#:Rc6je6:-gradient-dark)" stroke="url(#:Rc6je6:-gradient-dark)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></g></svg><h2 class="mt-4 font-display text-base text-slate-900 dark:text-white"><a href="/html/"><span class="absolute -inset-px rounded-xl"></span>HTML</a></h2><p class="mt-1 text-sm text-slate-700 dark:text-slate-400">Step-by-step guides to creating your first webpage using HTML.</p></div></div><div class="group relative rounded-xl bg-zinc-50 border border-zinc-100 dark:border-slate-800"><div class="absolute -inset-px rounded-xl border-2 border-transparent opacity-0 [background:linear-gradient(var(--quick-links-hover-bg,theme(colors.sky.50)),var(--quick-links-hover-bg,theme(colors.sky.50)))_padding-box,linear-gradient(to_top,theme(colors.indigo.400),theme(colors.cyan.400),theme(colors.sky.500))_border-box] group-hover:opacity-100 dark:[--quick-links-hover-bg:theme(colors.slate.800)]"></div><div class="relative overflow-hidden rounded-xl p-6"><svg aria-hidden="true" viewBox="0 0 32 32" fill="none" class="h-8 w-8 [--icon-foreground:theme(colors.slate.900)] [--icon-background:theme(colors.white)]"><defs><radialGradient cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" id=":Rcaje6:-gradient" gradientTransform="matrix(0 21 -21 0 20 3)"><stop stop-color="#0EA5E9"></stop><stop stop-color="#22D3EE" offset=".527"></stop><stop stop-color="#818CF8" offset="1"></stop></radialGradient><radialGradient cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" id=":Rcaje6:-gradient-dark" gradientTransform="matrix(0 22.75 -22.75 0 16 6.25)"><stop stop-color="#0EA5E9"></stop><stop stop-color="#22D3EE" offset=".527"></stop><stop stop-color="#818CF8" offset="1"></stop></radialGradient></defs><g class="dark:hidden"><circle cx="20" cy="12" r="12" fill="url(#:Rcaje6:-gradient)"></circle><g class="fill-[var(--icon-background)] stroke-[color:var(--icon-foreground)]" fill-opacity="0.5" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 5v12a2 2 0 0 0 2 2h7a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2Z"></path><path d="M18 17v10a2 2 0 0 0 2 2h7a2 2 0 0 0 2-2V17a2 2 0 0 0-2-2h-7a2 2 0 0 0-2 2Z"></path><path d="M18 5v4a2 2 0 0 0 2 2h7a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2h-7a2 2 0 0 0-2 2Z"></path><path d="M3 25v2a2 2 0 0 0 2 2h7a2 2 0 0 0 2-2v-2a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2Z"></path></g></g><g class="hidden dark:inline" fill="url(#:Rcaje6:-gradient-dark)"><path fill-rule="evenodd" clip-rule="evenodd" d="M3 17V4a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1Zm16 10v-9a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-6a2 2 0 0 1-2-2Zm0-23v5a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1h-8a1 1 0 0 0-1 1ZM3 28v-3a1 1 0 0 1 1-1h9a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1Z"></path><path d="M2 4v13h2V4H2Zm2-2a2 2 0 0 0-2 2h2V2Zm8 0H4v2h8V2Zm2 2a2 2 0 0 0-2-2v2h2Zm0 13V4h-2v13h2Zm-2 2a2 2 0 0 0 2-2h-2v2Zm-8 0h8v-2H4v2Zm-2-2a2 2 0 0 0 2 2v-2H2Zm16 1v9h2v-9h-2Zm3-3a3 3 0 0 0-3 3h2a1 1 0 0 1 1-1v-2Zm6 0h-6v2h6v-2Zm3 3a3 3 0 0 0-3-3v2a1 1 0 0 1 1 1h2Zm0 9v-9h-2v9h2Zm-3 3a3 3 0 0 0 3-3h-2a1 1 0 0 1-1 1v2Zm-6 0h6v-2h-6v2Zm-3-3a3 3 0 0 0 3 3v-2a1 1 0 0 1-1-1h-2Zm2-18V4h-2v5h2Zm0 0h-2a2 2 0 0 0 2 2V9Zm8 0h-8v2h8V9Zm0 0v2a2 2 0 0 0 2-2h-2Zm0-5v5h2V4h-2Zm0 0h2a2 2 0 0 0-2-2v2Zm-8 0h8V2h-8v2Zm0 0V2a2 2 0 0 0-2 2h2ZM2 25v3h2v-3H2Zm2-2a2 2 0 0 0-2 2h2v-2Zm9 0H4v2h9v-2Zm2 2a2 2 0 0 0-2-2v2h2Zm0 3v-3h-2v3h2Zm-2 2a2 2 0 0 0 2-2h-2v2Zm-9 0h9v-2H4v2Zm-2-2a2 2 0 0 0 2 2v-2H2Z"></path></g></svg><h2 class="mt-4 font-display text-base text-slate-900 dark:text-white"><a href="/css/"><span class="absolute -inset-px rounded-xl"></span>CSS</a></h2><p class="mt-1 text-sm text-slate-700 dark:text-slate-400">Learn how to add style to the HTML structure you just created.</p></div></div><div class="group relative rounded-xl bg-zinc-50 border border-zinc-100 dark:border-slate-800"><div class="absolute -inset-px rounded-xl border-2 border-transparent opacity-0 [background:linear-gradient(var(--quick-links-hover-bg,theme(colors.sky.50)),var(--quick-links-hover-bg,theme(colors.sky.50)))_padding-box,linear-gradient(to_top,theme(colors.indigo.400),theme(colors.cyan.400),theme(colors.sky.500))_border-box] group-hover:opacity-100 dark:[--quick-links-hover-bg:theme(colors.slate.800)]"></div><div class="relative overflow-hidden rounded-xl p-6"><svg aria-hidden="true" viewBox="0 0 32 32" fill="none" class="h-8 w-8 [--icon-foreground:theme(colors.slate.900)] [--icon-background:theme(colors.white)]"><defs><radialGradient cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" id=":Rceje6:-gradient" gradientTransform="matrix(0 21 -21 0 20 11)"><stop stop-color="#0EA5E9"></stop><stop stop-color="#22D3EE" offset=".527"></stop><stop stop-color="#818CF8" offset="1"></stop></radialGradient><radialGradient cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" id=":Rceje6:-gradient-dark-1" gradientTransform="matrix(0 22.75 -22.75 0 16 6.25)"><stop stop-color="#0EA5E9"></stop><stop stop-color="#22D3EE" offset=".527"></stop><stop stop-color="#818CF8" offset="1"></stop></radialGradient><radialGradient cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" id=":Rceje6:-gradient-dark-2" gradientTransform="matrix(0 14 -14 0 16 10)"><stop stop-color="#0EA5E9"></stop><stop stop-color="#22D3EE" offset=".527"></stop><stop stop-color="#818CF8" offset="1"></stop></radialGradient></defs><g class="dark:hidden"><circle cx="20" cy="20" r="12" fill="url(#:Rceje6:-gradient)"></circle><g fill-opacity="0.5" class="fill-[var(--icon-background)] stroke-[color:var(--icon-foreground)]" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 9v14l12 6V15L3 9Z"></path><path d="M27 9v14l-12 6V15l12-6Z"></path></g><path d="M11 4h8v2l6 3-10 6L5 9l6-3V4Z" fill-opacity="0.5" class="fill-[var(--icon-background)]"></path><g class="stroke-[color:var(--icon-foreground)]" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 5.5 27 9l-12 6L3 9l7-3.5"></path><path d="M20 5c0 1.105-2.239 2-5 2s-5-.895-5-2m10 0c0-1.105-2.239-2-5-2s-5 .895-5 2m10 0v3c0 1.105-2.239 2-5 2s-5-.895-5-2V5"></path></g></g><g class="hidden dark:inline" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17.676 3.38a3.887 3.887 0 0 0-3.352 0l-9 4.288C3.907 8.342 3 9.806 3 11.416v9.168c0 1.61.907 3.073 2.324 3.748l9 4.288a3.887 3.887 0 0 0 3.352 0l9-4.288C28.093 23.657 29 22.194 29 20.584v-9.168c0-1.61-.907-3.074-2.324-3.748l-9-4.288Z" stroke="url(#:Rceje6:-gradient-dark-1)"></path><path d="M16.406 8.087a.989.989 0 0 0-.812 0l-7 3.598A1.012 1.012 0 0 0 8 12.61v6.78c0 .4.233.762.594.925l7 3.598a.989.989 0 0 0 .812 0l7-3.598c.361-.163.594-.525.594-.925v-6.78c0-.4-.233-.762-.594-.925l-7-3.598Z" fill="url(#:Rceje6:-gradient-dark-2)" stroke="url(#:Rceje6:-gradient-dark-2)"></path></g></svg><h2 class="mt-4 font-display text-base text-slate-900 dark:text-white"><a href="/javascript/"><span class="absolute -inset-px rounded-xl"></span>JavaScript</a></h2><p class="mt-1 text-sm text-slate-700 dark:text-slate-400">JavaScript is the world&#x27;s most popular programming language.</p></div></div><div class="group relative rounded-xl bg-zinc-50 border border-zinc-100 dark:border-slate-800"><div class="absolute -inset-px rounded-xl border-2 border-transparent opacity-0 [background:linear-gradient(var(--quick-links-hover-bg,theme(colors.sky.50)),var(--quick-links-hover-bg,theme(colors.sky.50)))_padding-box,linear-gradient(to_top,theme(colors.indigo.400),theme(colors.cyan.400),theme(colors.sky.500))_border-box] group-hover:opacity-100 dark:[--quick-links-hover-bg:theme(colors.slate.800)]"></div><div class="relative overflow-hidden rounded-xl p-6"><svg aria-hidden="true" viewBox="0 0 32 32" fill="none" class="h-8 w-8 [--icon-foreground:theme(colors.slate.900)] [--icon-background:theme(colors.white)]"><defs><radialGradient cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" id=":Rcije6:-gradient" gradientTransform="matrix(0 21 -21 0 20 11)"><stop stop-color="#0EA5E9"></stop><stop stop-color="#22D3EE" offset=".527"></stop><stop stop-color="#818CF8" offset="1"></stop></radialGradient><radialGradient cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" id=":Rcije6:-gradient-dark-1" gradientTransform="matrix(0 22.75 -22.75 0 16 6.25)"><stop stop-color="#0EA5E9"></stop><stop stop-color="#22D3EE" offset=".527"></stop><stop stop-color="#818CF8" offset="1"></stop></radialGradient><radialGradient cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" id=":Rcije6:-gradient-dark-2" gradientTransform="matrix(0 14 -14 0 16 10)"><stop stop-color="#0EA5E9"></stop><stop stop-color="#22D3EE" offset=".527"></stop><stop stop-color="#818CF8" offset="1"></stop></radialGradient></defs><g class="dark:hidden"><circle cx="20" cy="20" r="12" fill="url(#:Rcije6:-gradient)"></circle><g fill-opacity="0.5" class="fill-[var(--icon-background)] stroke-[color:var(--icon-foreground)]" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 9v14l12 6V15L3 9Z"></path><path d="M27 9v14l-12 6V15l12-6Z"></path></g><path d="M11 4h8v2l6 3-10 6L5 9l6-3V4Z" fill-opacity="0.5" class="fill-[var(--icon-background)]"></path><g class="stroke-[color:var(--icon-foreground)]" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 5.5 27 9l-12 6L3 9l7-3.5"></path><path d="M20 5c0 1.105-2.239 2-5 2s-5-.895-5-2m10 0c0-1.105-2.239-2-5-2s-5 .895-5 2m10 0v3c0 1.105-2.239 2-5 2s-5-.895-5-2V5"></path></g></g><g class="hidden dark:inline" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17.676 3.38a3.887 3.887 0 0 0-3.352 0l-9 4.288C3.907 8.342 3 9.806 3 11.416v9.168c0 1.61.907 3.073 2.324 3.748l9 4.288a3.887 3.887 0 0 0 3.352 0l9-4.288C28.093 23.657 29 22.194 29 20.584v-9.168c0-1.61-.907-3.074-2.324-3.748l-9-4.288Z" stroke="url(#:Rcije6:-gradient-dark-1)"></path><path d="M16.406 8.087a.989.989 0 0 0-.812 0l-7 3.598A1.012 1.012 0 0 0 8 12.61v6.78c0 .4.233.762.594.925l7 3.598a.989.989 0 0 0 .812 0l7-3.598c.361-.163.594-.525.594-.925v-6.78c0-.4-.233-.762-.594-.925l-7-3.598Z" fill="url(#:Rcije6:-gradient-dark-2)" stroke="url(#:Rcije6:-gradient-dark-2)"></path></g></svg><h2 class="mt-4 font-display text-base text-slate-900 dark:text-white"><a href="/java/"><span class="absolute -inset-px rounded-xl"></span>Java</a></h2><p class="mt-1 text-sm text-slate-700 dark:text-slate-400">Java is designed to have as few implementation dependencies as possible.</p></div></div><div class="group relative rounded-xl bg-zinc-50 border border-zinc-100 dark:border-slate-800"><div class="absolute -inset-px rounded-xl border-2 border-transparent opacity-0 [background:linear-gradient(var(--quick-links-hover-bg,theme(colors.sky.50)),var(--quick-links-hover-bg,theme(colors.sky.50)))_padding-box,linear-gradient(to_top,theme(colors.indigo.400),theme(colors.cyan.400),theme(colors.sky.500))_border-box] group-hover:opacity-100 dark:[--quick-links-hover-bg:theme(colors.slate.800)]"></div><div class="relative overflow-hidden rounded-xl p-6"><svg aria-hidden="true" viewBox="0 0 32 32" fill="none" class="h-8 w-8 [--icon-foreground:theme(colors.slate.900)] [--icon-background:theme(colors.white)]"><defs><radialGradient cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" id=":Rcmje6:-gradient" gradientTransform="matrix(0 21 -21 0 20 11)"><stop stop-color="#0EA5E9"></stop><stop stop-color="#22D3EE" offset=".527"></stop><stop stop-color="#818CF8" offset="1"></stop></radialGradient><radialGradient cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" id=":Rcmje6:-gradient-dark-1" gradientTransform="matrix(0 22.75 -22.75 0 16 6.25)"><stop stop-color="#0EA5E9"></stop><stop stop-color="#22D3EE" offset=".527"></stop><stop stop-color="#818CF8" offset="1"></stop></radialGradient><radialGradient cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" id=":Rcmje6:-gradient-dark-2" gradientTransform="matrix(0 14 -14 0 16 10)"><stop stop-color="#0EA5E9"></stop><stop stop-color="#22D3EE" offset=".527"></stop><stop stop-color="#818CF8" offset="1"></stop></radialGradient></defs><g class="dark:hidden"><circle cx="20" cy="20" r="12" fill="url(#:Rcmje6:-gradient)"></circle><g fill-opacity="0.5" class="fill-[var(--icon-background)] stroke-[color:var(--icon-foreground)]" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 9v14l12 6V15L3 9Z"></path><path d="M27 9v14l-12 6V15l12-6Z"></path></g><path d="M11 4h8v2l6 3-10 6L5 9l6-3V4Z" fill-opacity="0.5" class="fill-[var(--icon-background)]"></path><g class="stroke-[color:var(--icon-foreground)]" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 5.5 27 9l-12 6L3 9l7-3.5"></path><path d="M20 5c0 1.105-2.239 2-5 2s-5-.895-5-2m10 0c0-1.105-2.239-2-5-2s-5 .895-5 2m10 0v3c0 1.105-2.239 2-5 2s-5-.895-5-2V5"></path></g></g><g class="hidden dark:inline" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17.676 3.38a3.887 3.887 0 0 0-3.352 0l-9 4.288C3.907 8.342 3 9.806 3 11.416v9.168c0 1.61.907 3.073 2.324 3.748l9 4.288a3.887 3.887 0 0 0 3.352 0l9-4.288C28.093 23.657 29 22.194 29 20.584v-9.168c0-1.61-.907-3.074-2.324-3.748l-9-4.288Z" stroke="url(#:Rcmje6:-gradient-dark-1)"></path><path d="M16.406 8.087a.989.989 0 0 0-.812 0l-7 3.598A1.012 1.012 0 0 0 8 12.61v6.78c0 .4.233.762.594.925l7 3.598a.989.989 0 0 0 .812 0l7-3.598c.361-.163.594-.525.594-.925v-6.78c0-.4-.233-.762-.594-.925l-7-3.598Z" fill="url(#:Rcmje6:-gradient-dark-2)" stroke="url(#:Rcmje6:-gradient-dark-2)"></path></g></svg><h2 class="mt-4 font-display text-base text-slate-900 dark:text-white"><a href="/php/"><span class="absolute -inset-px rounded-xl"></span>PHP</a></h2><p class="mt-1 text-sm text-slate-700 dark:text-slate-400">PHP is used as a backend language by over 70% of the web.</p></div></div><div class="group relative rounded-xl bg-zinc-50 border border-zinc-100 dark:border-slate-800"><div class="absolute -inset-px rounded-xl border-2 border-transparent opacity-0 [background:linear-gradient(var(--quick-links-hover-bg,theme(colors.sky.50)),var(--quick-links-hover-bg,theme(colors.sky.50)))_padding-box,linear-gradient(to_top,theme(colors.indigo.400),theme(colors.cyan.400),theme(colors.sky.500))_border-box] group-hover:opacity-100 dark:[--quick-links-hover-bg:theme(colors.slate.800)]"></div><div class="relative overflow-hidden rounded-xl p-6"><svg aria-hidden="true" viewBox="0 0 32 32" fill="none" class="h-8 w-8 [--icon-foreground:theme(colors.slate.900)] [--icon-background:theme(colors.white)]"><defs><radialGradient cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" id=":Rcqje6:-gradient" gradientTransform="matrix(0 21 -21 0 20 11)"><stop stop-color="#0EA5E9"></stop><stop stop-color="#22D3EE" offset=".527"></stop><stop stop-color="#818CF8" offset="1"></stop></radialGradient><radialGradient cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" id=":Rcqje6:-gradient-dark-1" gradientTransform="matrix(0 22.75 -22.75 0 16 6.25)"><stop stop-color="#0EA5E9"></stop><stop stop-color="#22D3EE" offset=".527"></stop><stop stop-color="#818CF8" offset="1"></stop></radialGradient><radialGradient cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" id=":Rcqje6:-gradient-dark-2" gradientTransform="matrix(0 14 -14 0 16 10)"><stop stop-color="#0EA5E9"></stop><stop stop-color="#22D3EE" offset=".527"></stop><stop stop-color="#818CF8" offset="1"></stop></radialGradient></defs><g class="dark:hidden"><circle cx="20" cy="20" r="12" fill="url(#:Rcqje6:-gradient)"></circle><g fill-opacity="0.5" class="fill-[var(--icon-background)] stroke-[color:var(--icon-foreground)]" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 9v14l12 6V15L3 9Z"></path><path d="M27 9v14l-12 6V15l12-6Z"></path></g><path d="M11 4h8v2l6 3-10 6L5 9l6-3V4Z" fill-opacity="0.5" class="fill-[var(--icon-background)]"></path><g class="stroke-[color:var(--icon-foreground)]" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 5.5 27 9l-12 6L3 9l7-3.5"></path><path d="M20 5c0 1.105-2.239 2-5 2s-5-.895-5-2m10 0c0-1.105-2.239-2-5-2s-5 .895-5 2m10 0v3c0 1.105-2.239 2-5 2s-5-.895-5-2V5"></path></g></g><g class="hidden dark:inline" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17.676 3.38a3.887 3.887 0 0 0-3.352 0l-9 4.288C3.907 8.342 3 9.806 3 11.416v9.168c0 1.61.907 3.073 2.324 3.748l9 4.288a3.887 3.887 0 0 0 3.352 0l9-4.288C28.093 23.657 29 22.194 29 20.584v-9.168c0-1.61-.907-3.074-2.324-3.748l-9-4.288Z" stroke="url(#:Rcqje6:-gradient-dark-1)"></path><path d="M16.406 8.087a.989.989 0 0 0-.812 0l-7 3.598A1.012 1.012 0 0 0 8 12.61v6.78c0 .4.233.762.594.925l7 3.598a.989.989 0 0 0 .812 0l7-3.598c.361-.163.594-.525.594-.925v-6.78c0-.4-.233-.762-.594-.925l-7-3.598Z" fill="url(#:Rcqje6:-gradient-dark-2)" stroke="url(#:Rcqje6:-gradient-dark-2)"></path></g></svg><h2 class="mt-4 font-display text-base text-slate-900 dark:text-white"><a href="/python/"><span class="absolute -inset-px rounded-xl"></span>Python</a></h2><p class="mt-1 text-sm text-slate-700 dark:text-slate-400">Python is a General-Purpose language, but is the go-to for Machine Learning and Data Science.</p></div></div><div class="group relative rounded-xl bg-zinc-50 border border-zinc-100 dark:border-slate-800"><div class="absolute -inset-px rounded-xl border-2 border-transparent opacity-0 [background:linear-gradient(var(--quick-links-hover-bg,theme(colors.sky.50)),var(--quick-links-hover-bg,theme(colors.sky.50)))_padding-box,linear-gradient(to_top,theme(colors.indigo.400),theme(colors.cyan.400),theme(colors.sky.500))_border-box] group-hover:opacity-100 dark:[--quick-links-hover-bg:theme(colors.slate.800)]"></div><div class="relative overflow-hidden rounded-xl p-6"><svg aria-hidden="true" viewBox="0 0 32 32" fill="none" class="h-8 w-8 [--icon-foreground:theme(colors.slate.900)] [--icon-background:theme(colors.white)]"><defs><radialGradient cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" id=":Rcuje6:-gradient" gradientTransform="matrix(0 21 -21 0 20 11)"><stop stop-color="#0EA5E9"></stop><stop stop-color="#22D3EE" offset=".527"></stop><stop stop-color="#818CF8" offset="1"></stop></radialGradient><radialGradient cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" id=":Rcuje6:-gradient-dark-1" gradientTransform="matrix(0 22.75 -22.75 0 16 6.25)"><stop stop-color="#0EA5E9"></stop><stop stop-color="#22D3EE" offset=".527"></stop><stop stop-color="#818CF8" offset="1"></stop></radialGradient><radialGradient cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" id=":Rcuje6:-gradient-dark-2" gradientTransform="matrix(0 14 -14 0 16 10)"><stop stop-color="#0EA5E9"></stop><stop stop-color="#22D3EE" offset=".527"></stop><stop stop-color="#818CF8" offset="1"></stop></radialGradient></defs><g class="dark:hidden"><circle cx="20" cy="20" r="12" fill="url(#:Rcuje6:-gradient)"></circle><g fill-opacity="0.5" class="fill-[var(--icon-background)] stroke-[color:var(--icon-foreground)]" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 9v14l12 6V15L3 9Z"></path><path d="M27 9v14l-12 6V15l12-6Z"></path></g><path d="M11 4h8v2l6 3-10 6L5 9l6-3V4Z" fill-opacity="0.5" class="fill-[var(--icon-background)]"></path><g class="stroke-[color:var(--icon-foreground)]" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 5.5 27 9l-12 6L3 9l7-3.5"></path><path d="M20 5c0 1.105-2.239 2-5 2s-5-.895-5-2m10 0c0-1.105-2.239-2-5-2s-5 .895-5 2m10 0v3c0 1.105-2.239 2-5 2s-5-.895-5-2V5"></path></g></g><g class="hidden dark:inline" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17.676 3.38a3.887 3.887 0 0 0-3.352 0l-9 4.288C3.907 8.342 3 9.806 3 11.416v9.168c0 1.61.907 3.073 2.324 3.748l9 4.288a3.887 3.887 0 0 0 3.352 0l9-4.288C28.093 23.657 29 22.194 29 20.584v-9.168c0-1.61-.907-3.074-2.324-3.748l-9-4.288Z" stroke="url(#:Rcuje6:-gradient-dark-1)"></path><path d="M16.406 8.087a.989.989 0 0 0-.812 0l-7 3.598A1.012 1.012 0 0 0 8 12.61v6.78c0 .4.233.762.594.925l7 3.598a.989.989 0 0 0 .812 0l7-3.598c.361-.163.594-.525.594-.925v-6.78c0-.4-.233-.762-.594-.925l-7-3.598Z" fill="url(#:Rcuje6:-gradient-dark-2)" stroke="url(#:Rcuje6:-gradient-dark-2)"></path></g></svg><h2 class="mt-4 font-display text-base text-slate-900 dark:text-white"><a href="/go/"><span class="absolute -inset-px rounded-xl"></span>Go</a></h2><p class="mt-1 text-sm text-slate-700 dark:text-slate-400">Go is a high-level programming language that is statically typed and compiled.</p></div></div><div class="group relative rounded-xl bg-zinc-50 border border-zinc-100 dark:border-slate-800"><div class="absolute -inset-px rounded-xl border-2 border-transparent opacity-0 [background:linear-gradient(var(--quick-links-hover-bg,theme(colors.sky.50)),var(--quick-links-hover-bg,theme(colors.sky.50)))_padding-box,linear-gradient(to_top,theme(colors.indigo.400),theme(colors.cyan.400),theme(colors.sky.500))_border-box] group-hover:opacity-100 dark:[--quick-links-hover-bg:theme(colors.slate.800)]"></div><div class="relative overflow-hidden rounded-xl p-6"><svg aria-hidden="true" viewBox="0 0 32 32" fill="none" class="h-8 w-8 [--icon-foreground:theme(colors.slate.900)] [--icon-background:theme(colors.white)]"><defs><radialGradient cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" id=":Rd2je6:-gradient" gradientTransform="matrix(0 21 -21 0 20 11)"><stop stop-color="#0EA5E9"></stop><stop stop-color="#22D3EE" offset=".527"></stop><stop stop-color="#818CF8" offset="1"></stop></radialGradient><radialGradient cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" id=":Rd2je6:-gradient-dark-1" gradientTransform="matrix(0 22.75 -22.75 0 16 6.25)"><stop stop-color="#0EA5E9"></stop><stop stop-color="#22D3EE" offset=".527"></stop><stop stop-color="#818CF8" offset="1"></stop></radialGradient><radialGradient cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" id=":Rd2je6:-gradient-dark-2" gradientTransform="matrix(0 14 -14 0 16 10)"><stop stop-color="#0EA5E9"></stop><stop stop-color="#22D3EE" offset=".527"></stop><stop stop-color="#818CF8" offset="1"></stop></radialGradient></defs><g class="dark:hidden"><circle cx="20" cy="20" r="12" fill="url(#:Rd2je6:-gradient)"></circle><g fill-opacity="0.5" class="fill-[var(--icon-background)] stroke-[color:var(--icon-foreground)]" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 9v14l12 6V15L3 9Z"></path><path d="M27 9v14l-12 6V15l12-6Z"></path></g><path d="M11 4h8v2l6 3-10 6L5 9l6-3V4Z" fill-opacity="0.5" class="fill-[var(--icon-background)]"></path><g class="stroke-[color:var(--icon-foreground)]" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 5.5 27 9l-12 6L3 9l7-3.5"></path><path d="M20 5c0 1.105-2.239 2-5 2s-5-.895-5-2m10 0c0-1.105-2.239-2-5-2s-5 .895-5 2m10 0v3c0 1.105-2.239 2-5 2s-5-.895-5-2V5"></path></g></g><g class="hidden dark:inline" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17.676 3.38a3.887 3.887 0 0 0-3.352 0l-9 4.288C3.907 8.342 3 9.806 3 11.416v9.168c0 1.61.907 3.073 2.324 3.748l9 4.288a3.887 3.887 0 0 0 3.352 0l9-4.288C28.093 23.657 29 22.194 29 20.584v-9.168c0-1.61-.907-3.074-2.324-3.748l-9-4.288Z" stroke="url(#:Rd2je6:-gradient-dark-1)"></path><path d="M16.406 8.087a.989.989 0 0 0-.812 0l-7 3.598A1.012 1.012 0 0 0 8 12.61v6.78c0 .4.233.762.594.925l7 3.598a.989.989 0 0 0 .812 0l7-3.598c.361-.163.594-.525.594-.925v-6.78c0-.4-.233-.762-.594-.925l-7-3.598Z" fill="url(#:Rd2je6:-gradient-dark-2)" stroke="url(#:Rd2je6:-gradient-dark-2)"></path></g></svg><h2 class="mt-4 font-display text-base text-slate-900 dark:text-white"><a href="/rust/"><span class="absolute -inset-px rounded-xl"></span>Rust</a></h2><p class="mt-1 text-sm text-slate-700 dark:text-slate-400">Rust is a modern systems programming language developed by Mozilla.</p></div></div><div class="group relative rounded-xl bg-zinc-50 border border-zinc-100 dark:border-slate-800"><div class="absolute -inset-px rounded-xl border-2 border-transparent opacity-0 [background:linear-gradient(var(--quick-links-hover-bg,theme(colors.sky.50)),var(--quick-links-hover-bg,theme(colors.sky.50)))_padding-box,linear-gradient(to_top,theme(colors.indigo.400),theme(colors.cyan.400),theme(colors.sky.500))_border-box] group-hover:opacity-100 dark:[--quick-links-hover-bg:theme(colors.slate.800)]"></div><div class="relative overflow-hidden rounded-xl p-6"><svg aria-hidden="true" viewBox="0 0 32 32" fill="none" class="h-8 w-8 [--icon-foreground:theme(colors.slate.900)] [--icon-background:theme(colors.white)]"><defs><radialGradient cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" id=":Rd6je6:-gradient" gradientTransform="matrix(0 21 -21 0 20 11)"><stop stop-color="#0EA5E9"></stop><stop stop-color="#22D3EE" offset=".527"></stop><stop stop-color="#818CF8" offset="1"></stop></radialGradient><radialGradient cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" id=":Rd6je6:-gradient-dark-1" gradientTransform="matrix(0 22.75 -22.75 0 16 6.25)"><stop stop-color="#0EA5E9"></stop><stop stop-color="#22D3EE" offset=".527"></stop><stop stop-color="#818CF8" offset="1"></stop></radialGradient><radialGradient cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" id=":Rd6je6:-gradient-dark-2" gradientTransform="matrix(0 14 -14 0 16 10)"><stop stop-color="#0EA5E9"></stop><stop stop-color="#22D3EE" offset=".527"></stop><stop stop-color="#818CF8" offset="1"></stop></radialGradient></defs><g class="dark:hidden"><circle cx="20" cy="20" r="12" fill="url(#:Rd6je6:-gradient)"></circle><g fill-opacity="0.5" class="fill-[var(--icon-background)] stroke-[color:var(--icon-foreground)]" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 9v14l12 6V15L3 9Z"></path><path d="M27 9v14l-12 6V15l12-6Z"></path></g><path d="M11 4h8v2l6 3-10 6L5 9l6-3V4Z" fill-opacity="0.5" class="fill-[var(--icon-background)]"></path><g class="stroke-[color:var(--icon-foreground)]" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 5.5 27 9l-12 6L3 9l7-3.5"></path><path d="M20 5c0 1.105-2.239 2-5 2s-5-.895-5-2m10 0c0-1.105-2.239-2-5-2s-5 .895-5 2m10 0v3c0 1.105-2.239 2-5 2s-5-.895-5-2V5"></path></g></g><g class="hidden dark:inline" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17.676 3.38a3.887 3.887 0 0 0-3.352 0l-9 4.288C3.907 8.342 3 9.806 3 11.416v9.168c0 1.61.907 3.073 2.324 3.748l9 4.288a3.887 3.887 0 0 0 3.352 0l9-4.288C28.093 23.657 29 22.194 29 20.584v-9.168c0-1.61-.907-3.074-2.324-3.748l-9-4.288Z" stroke="url(#:Rd6je6:-gradient-dark-1)"></path><path d="M16.406 8.087a.989.989 0 0 0-.812 0l-7 3.598A1.012 1.012 0 0 0 8 12.61v6.78c0 .4.233.762.594.925l7 3.598a.989.989 0 0 0 .812 0l7-3.598c.361-.163.594-.525.594-.925v-6.78c0-.4-.233-.762-.594-.925l-7-3.598Z" fill="url(#:Rd6je6:-gradient-dark-2)" stroke="url(#:Rd6je6:-gradient-dark-2)"></path></g></svg><h2 class="mt-4 font-display text-base text-slate-900 dark:text-white"><a href="/sql/"><span class="absolute -inset-px rounded-xl"></span>SQL</a></h2><p class="mt-1 text-sm text-slate-700 dark:text-slate-400">SQL is a must-have in any backend developer&#x27;s toolbelt.</p></div></div><div class="group relative rounded-xl bg-zinc-50 border border-zinc-100 dark:border-slate-800"><div class="absolute -inset-px rounded-xl border-2 border-transparent opacity-0 [background:linear-gradient(var(--quick-links-hover-bg,theme(colors.sky.50)),var(--quick-links-hover-bg,theme(colors.sky.50)))_padding-box,linear-gradient(to_top,theme(colors.indigo.400),theme(colors.cyan.400),theme(colors.sky.500))_border-box] group-hover:opacity-100 dark:[--quick-links-hover-bg:theme(colors.slate.800)]"></div><div class="relative overflow-hidden rounded-xl p-6"><svg aria-hidden="true" viewBox="0 0 32 32" fill="none" class="h-8 w-8 [--icon-foreground:theme(colors.slate.900)] [--icon-background:theme(colors.white)]"><defs><radialGradient cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" id=":Rdaje6:-gradient" gradientTransform="matrix(0 21 -21 0 20 11)"><stop stop-color="#0EA5E9"></stop><stop stop-color="#22D3EE" offset=".527"></stop><stop stop-color="#818CF8" offset="1"></stop></radialGradient><radialGradient cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" id=":Rdaje6:-gradient-dark-1" gradientTransform="matrix(0 22.75 -22.75 0 16 6.25)"><stop stop-color="#0EA5E9"></stop><stop stop-color="#22D3EE" offset=".527"></stop><stop stop-color="#818CF8" offset="1"></stop></radialGradient><radialGradient cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" id=":Rdaje6:-gradient-dark-2" gradientTransform="matrix(0 14 -14 0 16 10)"><stop stop-color="#0EA5E9"></stop><stop stop-color="#22D3EE" offset=".527"></stop><stop stop-color="#818CF8" offset="1"></stop></radialGradient></defs><g class="dark:hidden"><circle cx="20" cy="20" r="12" fill="url(#:Rdaje6:-gradient)"></circle><g fill-opacity="0.5" class="fill-[var(--icon-background)] stroke-[color:var(--icon-foreground)]" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 9v14l12 6V15L3 9Z"></path><path d="M27 9v14l-12 6V15l12-6Z"></path></g><path d="M11 4h8v2l6 3-10 6L5 9l6-3V4Z" fill-opacity="0.5" class="fill-[var(--icon-background)]"></path><g class="stroke-[color:var(--icon-foreground)]" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 5.5 27 9l-12 6L3 9l7-3.5"></path><path d="M20 5c0 1.105-2.239 2-5 2s-5-.895-5-2m10 0c0-1.105-2.239-2-5-2s-5 .895-5 2m10 0v3c0 1.105-2.239 2-5 2s-5-.895-5-2V5"></path></g></g><g class="hidden dark:inline" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17.676 3.38a3.887 3.887 0 0 0-3.352 0l-9 4.288C3.907 8.342 3 9.806 3 11.416v9.168c0 1.61.907 3.073 2.324 3.748l9 4.288a3.887 3.887 0 0 0 3.352 0l9-4.288C28.093 23.657 29 22.194 29 20.584v-9.168c0-1.61-.907-3.074-2.324-3.748l-9-4.288Z" stroke="url(#:Rdaje6:-gradient-dark-1)"></path><path d="M16.406 8.087a.989.989 0 0 0-.812 0l-7 3.598A1.012 1.012 0 0 0 8 12.61v6.78c0 .4.233.762.594.925l7 3.598a.989.989 0 0 0 .812 0l7-3.598c.361-.163.594-.525.594-.925v-6.78c0-.4-.233-.762-.594-.925l-7-3.598Z" fill="url(#:Rdaje6:-gradient-dark-2)" stroke="url(#:Rdaje6:-gradient-dark-2)"></path></g></svg><h2 class="mt-4 font-display text-base text-slate-900 dark:text-white"><a href="/xml/"><span class="absolute -inset-px rounded-xl"></span>XML</a></h2><p class="mt-1 text-sm text-slate-700 dark:text-slate-400">XML is for storing, transmitting, and reconstructing data.</p></div></div><div class="group relative rounded-xl bg-zinc-50 border border-zinc-100 dark:border-slate-800"><div class="absolute -inset-px rounded-xl border-2 border-transparent opacity-0 [background:linear-gradient(var(--quick-links-hover-bg,theme(colors.sky.50)),var(--quick-links-hover-bg,theme(colors.sky.50)))_padding-box,linear-gradient(to_top,theme(colors.indigo.400),theme(colors.cyan.400),theme(colors.sky.500))_border-box] group-hover:opacity-100 dark:[--quick-links-hover-bg:theme(colors.slate.800)]"></div><div class="relative overflow-hidden rounded-xl p-6"><svg aria-hidden="true" viewBox="0 0 32 32" fill="none" class="h-8 w-8 [--icon-foreground:theme(colors.slate.900)] [--icon-background:theme(colors.white)]"><defs><radialGradient cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" id=":Rdeje6:-gradient" gradientTransform="matrix(0 21 -21 0 20 11)"><stop stop-color="#0EA5E9"></stop><stop stop-color="#22D3EE" offset=".527"></stop><stop stop-color="#818CF8" offset="1"></stop></radialGradient><radialGradient cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" id=":Rdeje6:-gradient-dark-1" gradientTransform="matrix(0 22.75 -22.75 0 16 6.25)"><stop stop-color="#0EA5E9"></stop><stop stop-color="#22D3EE" offset=".527"></stop><stop stop-color="#818CF8" offset="1"></stop></radialGradient><radialGradient cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" id=":Rdeje6:-gradient-dark-2" gradientTransform="matrix(0 14 -14 0 16 10)"><stop stop-color="#0EA5E9"></stop><stop stop-color="#22D3EE" offset=".527"></stop><stop stop-color="#818CF8" offset="1"></stop></radialGradient></defs><g class="dark:hidden"><circle cx="20" cy="20" r="12" fill="url(#:Rdeje6:-gradient)"></circle><g fill-opacity="0.5" class="fill-[var(--icon-background)] stroke-[color:var(--icon-foreground)]" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 9v14l12 6V15L3 9Z"></path><path d="M27 9v14l-12 6V15l12-6Z"></path></g><path d="M11 4h8v2l6 3-10 6L5 9l6-3V4Z" fill-opacity="0.5" class="fill-[var(--icon-background)]"></path><g class="stroke-[color:var(--icon-foreground)]" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 5.5 27 9l-12 6L3 9l7-3.5"></path><path d="M20 5c0 1.105-2.239 2-5 2s-5-.895-5-2m10 0c0-1.105-2.239-2-5-2s-5 .895-5 2m10 0v3c0 1.105-2.239 2-5 2s-5-.895-5-2V5"></path></g></g><g class="hidden dark:inline" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17.676 3.38a3.887 3.887 0 0 0-3.352 0l-9 4.288C3.907 8.342 3 9.806 3 11.416v9.168c0 1.61.907 3.073 2.324 3.748l9 4.288a3.887 3.887 0 0 0 3.352 0l9-4.288C28.093 23.657 29 22.194 29 20.584v-9.168c0-1.61-.907-3.074-2.324-3.748l-9-4.288Z" stroke="url(#:Rdeje6:-gradient-dark-1)"></path><path d="M16.406 8.087a.989.989 0 0 0-.812 0l-7 3.598A1.012 1.012 0 0 0 8 12.61v6.78c0 .4.233.762.594.925l7 3.598a.989.989 0 0 0 .812 0l7-3.598c.361-.163.594-.525.594-.925v-6.78c0-.4-.233-.762-.594-.925l-7-3.598Z" fill="url(#:Rdeje6:-gradient-dark-2)" stroke="url(#:Rdeje6:-gradient-dark-2)"></path></g></svg><h2 class="mt-4 font-display text-base text-slate-900 dark:text-white"><a href="/graphics/"><span class="absolute -inset-px rounded-xl"></span>Graphics</a></h2><p class="mt-1 text-sm text-slate-700 dark:text-slate-400">Tutorials and resources for graphics in web development.</p></div></div><div class="group relative rounded-xl bg-zinc-50 border border-zinc-100 dark:border-slate-800"><div class="absolute -inset-px rounded-xl border-2 border-transparent opacity-0 [background:linear-gradient(var(--quick-links-hover-bg,theme(colors.sky.50)),var(--quick-links-hover-bg,theme(colors.sky.50)))_padding-box,linear-gradient(to_top,theme(colors.indigo.400),theme(colors.cyan.400),theme(colors.sky.500))_border-box] group-hover:opacity-100 dark:[--quick-links-hover-bg:theme(colors.slate.800)]"></div><div class="relative overflow-hidden rounded-xl p-6"><svg aria-hidden="true" viewBox="0 0 32 32" fill="none" class="h-8 w-8 [--icon-foreground:theme(colors.slate.900)] [--icon-background:theme(colors.white)]"><defs><radialGradient cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" id=":Rdije6:-gradient" gradientTransform="matrix(0 21 -21 0 20 11)"><stop stop-color="#0EA5E9"></stop><stop stop-color="#22D3EE" offset=".527"></stop><stop stop-color="#818CF8" offset="1"></stop></radialGradient><radialGradient cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" id=":Rdije6:-gradient-dark" gradientTransform="matrix(0 24.5001 -19.2498 0 16 5.5)"><stop stop-color="#0EA5E9"></stop><stop stop-color="#22D3EE" offset=".527"></stop><stop stop-color="#818CF8" offset="1"></stop></radialGradient></defs><g class="dark:hidden"><circle cx="20" cy="20" r="12" fill="url(#:Rdije6:-gradient)"></circle><path fill-rule="evenodd" clip-rule="evenodd" d="M20 24.995c0-1.855 1.094-3.501 2.427-4.792C24.61 18.087 26 15.07 26 12.231 26 7.133 21.523 3 16 3S6 7.133 6 12.23c0 2.84 1.389 5.857 3.573 7.973C10.906 21.494 12 23.14 12 24.995V27a2 2 0 0 0 2 2h4a2 2 0 0 0 2-2v-2.005Z" class="fill-[var(--icon-background)]" fill-opacity="0.5"></path><path d="M25 12.23c0 2.536-1.254 5.303-3.269 7.255l1.391 1.436c2.354-2.28 3.878-5.547 3.878-8.69h-2ZM16 4c5.047 0 9 3.759 9 8.23h2C27 6.508 21.998 2 16 2v2Zm-9 8.23C7 7.76 10.953 4 16 4V2C10.002 2 5 6.507 5 12.23h2Zm3.269 7.255C8.254 17.533 7 14.766 7 12.23H5c0 3.143 1.523 6.41 3.877 8.69l1.392-1.436ZM13 27v-2.005h-2V27h2Zm1 1a1 1 0 0 1-1-1h-2a3 3 0 0 0 3 3v-2Zm4 0h-4v2h4v-2Zm1-1a1 1 0 0 1-1 1v2a3 3 0 0 0 3-3h-2Zm0-2.005V27h2v-2.005h-2ZM8.877 20.921C10.132 22.136 11 23.538 11 24.995h2c0-2.253-1.32-4.143-2.731-5.51L8.877 20.92Zm12.854-1.436C20.32 20.852 19 22.742 19 24.995h2c0-1.457.869-2.859 2.122-4.074l-1.391-1.436Z" class="fill-[var(--icon-foreground)]"></path><path d="M20 26a1 1 0 1 0 0-2v2Zm-8-2a1 1 0 1 0 0 2v-2Zm2 0h-2v2h2v-2Zm1 1V13.5h-2V25h2Zm-5-11.5v1h2v-1h-2Zm3.5 4.5h5v-2h-5v2Zm8.5-3.5v-1h-2v1h2ZM20 24h-2v2h2v-2Zm-2 0h-4v2h4v-2Zm-1-10.5V25h2V13.5h-2Zm2.5-2.5a2.5 2.5 0 0 0-2.5 2.5h2a.5.5 0 0 1 .5-.5v-2Zm2.5 2.5a2.5 2.5 0 0 0-2.5-2.5v2a.5.5 0 0 1 .5.5h2ZM18.5 18a3.5 3.5 0 0 0 3.5-3.5h-2a1.5 1.5 0 0 1-1.5 1.5v2ZM10 14.5a3.5 3.5 0 0 0 3.5 3.5v-2a1.5 1.5 0 0 1-1.5-1.5h-2Zm2.5-3.5a2.5 2.5 0 0 0-2.5 2.5h2a.5.5 0 0 1 .5-.5v-2Zm2.5 2.5a2.5 2.5 0 0 0-2.5-2.5v2a.5.5 0 0 1 .5.5h2Z" class="fill-[var(--icon-foreground)]"></path></g><g class="hidden dark:inline"><path fill-rule="evenodd" clip-rule="evenodd" d="M16 2C10.002 2 5 6.507 5 12.23c0 3.144 1.523 6.411 3.877 8.691.75.727 1.363 1.52 1.734 2.353.185.415.574.726 1.028.726H12a1 1 0 0 0 1-1v-4.5a.5.5 0 0 0-.5-.5A3.5 3.5 0 0 1 9 14.5V14a3 3 0 1 1 6 0v9a1 1 0 1 0 2 0v-9a3 3 0 1 1 6 0v.5a3.5 3.5 0 0 1-3.5 3.5.5.5 0 0 0-.5.5V23a1 1 0 0 0 1 1h.36c.455 0 .844-.311 1.03-.726.37-.833.982-1.626 1.732-2.353 2.354-2.28 3.878-5.547 3.878-8.69C27 6.507 21.998 2 16 2Zm5 25a1 1 0 0 0-1-1h-8a1 1 0 0 0-1 1 3 3 0 0 0 3 3h4a3 3 0 0 0 3-3Zm-8-13v1.5a.5.5 0 0 1-.5.5 1.5 1.5 0 0 1-1.5-1.5V14a1 1 0 1 1 2 0Zm6.5 2a.5.5 0 0 1-.5-.5V14a1 1 0 1 1 2 0v.5a1.5 1.5 0 0 1-1.5 1.5Z" fill="url(#:Rdije6:-gradient-dark)"></path></g></svg><h2 class="mt-4 font-display text-base text-slate-900 dark:text-white"><a href="/cheat-sheets/"><span class="absolute -inset-px rounded-xl"></span>Cheat Sheets</a></h2><p class="mt-1 text-sm text-slate-700 dark:text-slate-400">Convenient Cheat Sheets for common use cases.</p></div></div></div></div></article><footer class="mt-16 border-t-2 border-gray-900/10 bg-white" aria-labelledby="footer-heading"><div class="mx-auto max-w-7xl pt-16"><div class="xl:grid xl:grid-cols-2 xl:gap-8"><div class="grid grid-cols-2 gap-8 xl:col-span-2 xl:mt-0"><div class="md:grid md:grid-cols-2 md:gap-8"><div><h3 class="text-sm font-semibold leading-6 text-gray-900">Concepts</h3><ul role="list" class="mt-6 space-y-4"><li><a href="/domains" class="text-sm leading-6 text-gray-600 hover:text-gray-900">Domains</a></li><li><a href="/html" class="text-sm leading-6 text-gray-600 hover:text-gray-900">HTML 101</a></li><li><a href="/css" class="text-sm leading-6 text-gray-600 hover:text-gray-900">CSS Styles</a></li><li><a href="/javascript/basics" class="text-sm leading-6 text-gray-600 hover:text-gray-900">JavaScript Basics</a></li><li><a href="/graphics" class="text-sm leading-6 text-gray-600 hover:text-gray-900">Guide to Graphics</a></li><li><a href="/cheat-sheets" class="text-sm leading-6 text-gray-600 hover:text-gray-900">Cheat Sheets</a></li><li><a href="/ai" class="text-sm leading-6 text-gray-600 hover:text-gray-900">AI Coding</a></li><li><a href="/front-end-development" class="text-sm leading-6 text-gray-600 hover:text-gray-900">Front-end Dev</a></li><li><a href="/website-guidelines" class="text-sm leading-6 text-gray-600 hover:text-gray-900">Website Guidelines</a></li></ul></div><div class="mt-10 md:mt-0"><h3 class="text-sm font-semibold leading-6 text-gray-900">Popular</h3><ul role="list" class="mt-6 space-y-4"><li><a href="/html/colors" class="text-sm leading-6 text-gray-600 hover:text-gray-900">HTML Colors</a></li><li><a href="/css/flexbox" class="text-sm leading-6 text-gray-600 hover:text-gray-900">Flexbox</a></li><li><a href="/javascript/basics/versions" class="text-sm leading-6 text-gray-600 hover:text-gray-900">ECMAScript</a></li><li><a href="/cheat-sheets/vscode" class="text-sm leading-6 text-gray-600 hover:text-gray-900">VS Code Shortcuts</a></li><li><a href="/javascript/frameworks" class="text-sm leading-6 text-gray-600 hover:text-gray-900">JS Frameworks</a></li><li><a href="/javascript/frameworks/next-js" class="text-sm leading-6 text-gray-600 hover:text-gray-900">Intro to Next.js</a></li><li><a href="/javascript/libraries/react" class="text-sm leading-6 text-gray-600 hover:text-gray-900">Intro to React</a></li><li><a href="/cheat-sheets/npm" class="text-sm leading-6 text-gray-600 hover:text-gray-900">NPM Cheat Sheet</a></li><li><a href="/php/basics/objects" class="text-sm leading-6 text-gray-600 hover:text-gray-900">Object in PHP</a></li></ul></div></div><div class="md:grid md:grid-cols-2 md:gap-8"><div><h3 class="text-sm font-semibold leading-6 text-gray-900">Resources</h3><ul role="list" class="mt-6 space-y-4"><li><a href="https://jsonlint.com/?ref=web-reference" class="text-sm leading-6 text-gray-600 hover:text-gray-900">JSON Lint</a></li><li><a href="https://jsoncompare.com/?ref=web-reference" class="text-sm leading-6 text-gray-600 hover:text-gray-900">JSON Compare</a></li><li><a href="https://www.pythondictionary.org/?ref=web-reference" class="text-sm leading-6 text-gray-600 hover:text-gray-900">Python Dictionary</a></li><li><a href="https://curl.to/?ref=web-reference" class="text-sm leading-6 text-gray-600 hover:text-gray-900">Curl.to</a></li><li><a href="https://design.dev/?ref=web-reference" class="text-sm leading-6 text-gray-600 hover:text-gray-900">Design.dev</a></li><li><a href="https://colors.to/?ref=web-reference" class="text-sm leading-6 text-gray-600 hover:text-gray-900">Colors.to</a></li><li><a href="https://whatismyip.io/?ref=web-reference" class="text-sm leading-6 text-gray-600 hover:text-gray-900">What is my IP</a></li><li><a href="https://markdowneditor.org/?ref=web-reference" class="text-sm leading-6 text-gray-600 hover:text-gray-900">Markdown Editor</a></li><li><a href="https://fullres.com/?ref=web-reference" class="text-sm leading-6 text-gray-600 hover:text-gray-900">Fullres</a></li></ul></div><div class="mt-10 md:mt-0"><h3 class="text-sm font-semibold leading-6 text-gray-900">About</h3><ul role="list" class="mt-6 space-y-4"><li><a href="/privacy" class="text-sm leading-6 text-gray-600 hover:text-gray-900">Privacy</a></li><li><a href="/terms" class="text-sm leading-6 text-gray-600 hover:text-gray-900">Terms</a></li></ul></div></div></div></div><div class="mt-14 border-t border-gray-900/10 pt-8"><p class="text-xs leading-5 text-gray-500">© 2025 Web Reference. All rights reserved.</p></div></div></footer></div><div class="hidden xl:sticky xl:top-[3.0rem] xl:-mr-6 xl:block xl:h-[calc(100vh-3.0rem)] xl:flex-none xl:overflow-y-auto xl:py-12 xl:pr-6"><div aria-labelledby="on-this-page-title" class="w-80"><div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{"markdoc":{"content":[{"$$mdtype":"Tag","name":"p","attributes":{"class":"lead"},"children":["Learn how to code by getting an understand of three core subjects: HTML, CSS, and JavaScript. "]},{"$$mdtype":"Tag","name":"QuickLinks","attributes":{},"children":[{"$$mdtype":"Tag","name":"QuickLink","attributes":{"title":"HTML","description":"Step-by-step guides to creating your first webpage using HTML.","icon":"installation","href":"/html"},"children":[]},{"$$mdtype":"Tag","name":"QuickLink","attributes":{"title":"CSS","description":"Learn how to add style to the HTML structure you just created.","icon":"presets","href":"/css"},"children":[]},{"$$mdtype":"Tag","name":"QuickLink","attributes":{"title":"JavaScript","description":"JavaScript is the world's most popular programming language.","icon":"plugins","href":"/javascript"},"children":[]},{"$$mdtype":"Tag","name":"QuickLink","attributes":{"title":"Java","description":"Java is designed to have as few implementation dependencies as possible.","icon":"plugins","href":"/java"},"children":[]},{"$$mdtype":"Tag","name":"QuickLink","attributes":{"title":"PHP","description":"PHP is used as a backend language by over 70% of the web.","icon":"plugins","href":"/php"},"children":[]},{"$$mdtype":"Tag","name":"QuickLink","attributes":{"title":"Python","description":"Python is a General-Purpose language, but is the go-to for Machine Learning and Data Science.","icon":"plugins","href":"/python"},"children":[]},{"$$mdtype":"Tag","name":"QuickLink","attributes":{"title":"Go","description":"Go is a high-level programming language that is statically typed and compiled.","icon":"plugins","href":"/go"},"children":[]},{"$$mdtype":"Tag","name":"QuickLink","attributes":{"title":"Rust","description":"Rust is a modern systems programming language developed by Mozilla.","icon":"plugins","href":"/rust"},"children":[]},{"$$mdtype":"Tag","name":"QuickLink","attributes":{"title":"SQL","description":"SQL is a must-have in any backend developer's toolbelt.","icon":"plugins","href":"/sql"},"children":[]},{"$$mdtype":"Tag","name":"QuickLink","attributes":{"title":"XML","description":"XML is for storing, transmitting, and reconstructing data.","icon":"plugins","href":"/xml"},"children":[]},{"$$mdtype":"Tag","name":"QuickLink","attributes":{"title":"Graphics","description":"Tutorials and resources for graphics in web development.","icon":"plugins","href":"/graphics"},"children":[]},{"$$mdtype":"Tag","name":"QuickLink","attributes":{"title":"Cheat Sheets","description":"Convenient Cheat Sheets for common use cases.","icon":"lightbulb","href":"/cheat-sheets"},"children":[]}]}],"frontmatter":{"title":"Getting started","pageTitle":"Web Reference - Code Documentation, Tutorials, and Demos","description":"Easy to understand examples and reference documentation to help you learn how to code in HTML, CSS, PHP, SQL, JavaScript, Python, and more."},"file":{"path":"/index.md"}}},"__N_SSG":true},"page":"/","query":{},"buildId":"Vv1QgjNmESm_mpnAtCVEm","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>