2018-10-12 19:37:13 +00:00
|
|
|
---
|
|
|
|
|
title: Basic HTML
|
|
|
|
|
---
|
|
|
|
|
|
2018-10-29 22:47:58 +00:00
|
|
|
## Basic HTML
|
2018-10-12 19:37:13 +00:00
|
|
|
|
2018-11-19 21:33:21 +00:00
|
|
|
|
|
|
|
|
### Basic Page Structure:
|
2018-10-12 19:37:13 +00:00
|
|
|
```html
|
2018-10-29 22:47:58 +00:00
|
|
|
<!DOCTYPE html>
|
2018-10-12 19:37:13 +00:00
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
</body>
|
2018-10-29 22:47:58 +00:00
|
|
|
</html>
|
2018-10-12 19:37:13 +00:00
|
|
|
```
|
|
|
|
|
|
2018-11-04 23:12:53 +00:00
|
|
|
|
2018-11-19 21:33:21 +00:00
|
|
|
### Sample HTML Program
|
|
|
|
|
|
|
|
|
|
```html
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
<title>Page Title</title>
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
|
|
|
|
|
<h1>This is a Heading</h1>
|
|
|
|
|
<p>This is a paragraph.</p>
|
|
|
|
|
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
## HTML Headings
|
|
|
|
|
|
|
|
|
|
HTML headings are with the <h1> to <h6> tags.
|
2018-11-04 23:12:53 +00:00
|
|
|
|
2018-11-19 21:33:21 +00:00
|
|
|
Example:
|
|
|
|
|
```html
|
2018-11-04 23:12:53 +00:00
|
|
|
<h1> Heading 1 </h1>
|
|
|
|
|
<h2> Heading 2 </h2>
|
|
|
|
|
<h3> Heading 3 </h3>
|
|
|
|
|
<h4> Heading 4 </h4>
|
|
|
|
|
<h5> Heading 5 </h5>
|
|
|
|
|
<h6> Heading 6 </h6>
|
2018-11-19 21:33:21 +00:00
|
|
|
```
|
2018-11-04 23:12:53 +00:00
|
|
|
|
2018-11-19 21:33:21 +00:00
|
|
|
## Explanation
|
2018-10-29 22:47:58 +00:00
|
|
|
The `<!DOCTYPE html>` is to tell the browser you want the page to be rendered using HTML5.
|
|
|
|
|
|
|
|
|
|
The `<head></head>` is were you want to put things that help the browser and search engines such as `<title></title>` and `<meta>`.
|
2018-10-12 19:37:13 +00:00
|
|
|
|
2018-10-29 22:47:58 +00:00
|
|
|
The `<body></body>` is were the tags that will display on the page are such as `<h1></h1>` or `<p></p>`.
|
2018-11-19 21:33:21 +00:00
|
|
|
|
|
|
|
|
|
|
|
|
|
#### More Information
|
|
|
|
|
<!-- Please add any articles you think might be helpful to read before writing the article -->
|
|
|
|
|
- [W3schools](https://www.w3schools.com/html/)
|
