> For the complete documentation index, see [llms.txt](https://hopemoore.gitbook.io/coding-for-creatives-spring-2021/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://hopemoore.gitbook.io/coding-for-creatives-spring-2021/templates-and-shortcuts/start-codes/html-css-javascript-start-code.md).

# HTML, CSS, JavaScript Start Code

```markup
<!DOCTYPE html>
<head>
    <title>Site Title</title>
    <link rel="stylesheet" type="text/css" href="style-file.css"></link>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <script src="script-file.js"></script>
</head>
<body>

<!-- Put the HTML inside the body tags -->

</body>
</html>
```

Example \<div> tags:

```markup
<!-- default div tags -->

<div>
    Put text/code here.
</div>

<!-- div tag with style element -->

<div style="font-weight: bold;">
    This text is bold
</div>

<!-- div tag referencing the CSS code -->
<!-- div tags can exist within each other -->

<div id="main">
    Put the main code here.
</div>

<div class="description">
    Put descrption text here.
</div>
```

CSS file the code above references:

```css
#main {
    padding: 0;
    margin: 0 auto;
}

.description {
    font-size: 10pt;
}
```
