"use strict";(self.webpackChunkdocs=self.webpackChunkdocs||[]).push([["3746"],{8560:function(e,t,s){s.r(t),s.d(t,{default:()=>p,frontMatter:()=>a,htmlOnlyConfig:()=>c,assets:()=>d,metadata:()=>n,toc:()=>h,contentTitle:()=>l});var n=JSON.parse('{"id":"languages/html","title":"HTML","description":"HTML (HyperText Markup Language) is the standard markup language for creating web pages and web applications. It defines the structure and content of web pages.","source":"@site/docs/languages/html.mdx","sourceDirName":"languages","slug":"/languages/html","permalink":"/docs/languages/html","draft":false,"unlisted":false,"editUrl":"https://github.com/live-codes/livecodes/tree/develop/docs/docs/languages/html.mdx","tags":[],"version":"current","frontMatter":{},"sidebar":"docsSidebar","previous":{"title":"Handlebars","permalink":"/docs/languages/handlebars"},"next":{"title":"Imba","permalink":"/docs/languages/imba"}}'),r=s("5893"),o=s("65"),i=s("3365");let a={},l="HTML",d={},c={markup:{language:"html",content:`

Hello, LiveCodes!

This is a paragraph in HTML.

`}},h=[{value:"Usage",id:"usage",level:2},{value:"Demo",id:"demo",level:3},{value:"Styles and JavaScript",id:"styles-and-javascript",level:3},{value:"Language Info",id:"language-info",level:2},{value:"Name",id:"name",level:3},{value:"Extensions",id:"extensions",level:3},{value:"Editor",id:"editor",level:3},{value:"Compiler",id:"compiler",level:2},{value:"Code Formatting",id:"code-formatting",level:2},{value:"Links",id:"links",level:2}];function u(e){let t={a:"a",code:"code",h1:"h1",h2:"h2",h3:"h3",header:"header",li:"li",p:"p",ul:"ul",...(0,o.a)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.header,{children:(0,r.jsx)(t.h1,{id:"html",children:"HTML"})}),"\n","\n",(0,r.jsx)(t.p,{children:"HTML (HyperText Markup Language) is the standard markup language for creating web pages and web applications. It defines the structure and content of web pages."}),"\n",(0,r.jsx)(t.h2,{id:"usage",children:"Usage"}),"\n",(0,r.jsxs)(t.p,{children:["HTML code in the ",(0,r.jsx)(t.a,{href:"/docs/features/projects#markup-editor",children:"markup editor"})," is added as is without compilation or processing to the body of the ",(0,r.jsx)(t.a,{href:"/docs/features/result",children:"result page"}),"."]}),"\n",(0,r.jsxs)(t.p,{children:["There is no need to add a full page structure (e.g. ",(0,r.jsx)(t.code,{children:""}),", ",(0,r.jsx)(t.code,{children:""}),", ",(0,r.jsx)(t.code,{children:""})," tags). This is already handled by LiveCodes.\n(See ",(0,r.jsx)(t.a,{href:"/docs/features/result#result-page-structure",children:"Result Page Structure"})," for more details.)"]}),"\n",(0,r.jsxs)(t.p,{children:["If you need to add content to the ",(0,r.jsx)(t.code,{children:""})," section or ",(0,r.jsx)(t.code,{children:""})," attributes of the result page, you can add it in the ",(0,r.jsx)(t.a,{href:"https://livecodes.io/?screen=info",children:"project info screen"}),"."]}),"\n",(0,r.jsx)(t.h3,{id:"demo",children:"Demo"}),"\n","\n",(0,r.jsx)(i.Z,{config:c}),"\n",(0,r.jsx)(t.h3,{id:"styles-and-javascript",children:"Styles and JavaScript"}),"\n",(0,r.jsxs)(t.p,{children:["Most of the time, you will want to add styles and scripts in the ",(0,r.jsx)(t.a,{href:"/docs/features/projects",children:"respective editors"}),".\nHowever, you can of course still add them in ",(0,r.jsx)(t.code,{children:""}),", ",(0,r.jsx)(t.code,{children:"