# Boilerplate HTML
**boilerplate code** refers to a section of code that is often re-used, with little to no modifications. Every time we create a new HTML file, we need to add some boilerplate code.
{% hint style="info" %}
Fortunately, Visual Studio Code makes this very easy.
If you just type the "!" character, followed by the "Tab" key, the following HTML will be automatically added to your file.
The boiler-plate HTML generated by VS Code puts in a default value of "Document" for the page title. Remember to change this to something appropriate for your web page.
{% endhint %}
```markup
My web page
Learning HTML
Get to know the HTML basics.
Read Article
```
## Elements in the HTML Boilerplate code.
### \
The \ declaration lets the browser know which version of HTML your file is written in. For the current version, HTML5, it has been simplified to just require what's above.
### \
The top-level HTML element that will contain all of your other HTML tags. It defines the beginning and end of your HTML document.
### \
The elements in this section provide general information about your web page and will not be displayed as part of the page content. The information is used by the web browser and search engines.
There are a few child elements in this section that you need to know about early on.
* ``: used to set what is displayed on the browser's title bar.
* `<link>`: use to download stylesheets, custom fonts.
## \<body>
The body element contains all of the content of a HTML document. It is the visible portion of the web page. **This is where your content will go.**
---
# Agent Instructions: Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.
Perform an HTTP GET request on the current page URL with the `ask` query parameter:
```
GET https://chnn-anne.gitbook.io/html-css/html-css-intro/html-intro/untitled.md?ask=<question>
```
The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.
Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.