---
# System prepended metadata

title: <center>HTML(Hyper Text Markup Language)</center>

---

# <center>HTML(Hyper Text Markup Language)</center>

<center>With HTML you can create your own Website.</center>

----
## Environment

### Text Editor

[Visual Code](https://code.visualstudio.com/) 

Available for Windows, Mac, Linux

Cost: Free

Style: GUI

Visual Studio Code is a source code editor developed by Microsoft that includes support for debugging, embedded Git control, syntax highlighting, intelligent code completion, snippets, and code refactoring.

### Browser

Websites run in browsers, which means you need some browsers to run websites!

Your users could be using any browser to visit the websites that you build for them. There are slight differences in the way that different browsers will render your websites, which means that you'll need to test your sites in all of them.

[Google Chrome](https://www.google.com/chrome/)

--- 

## Reference

[MDN HTML elements reference](https://developer.mozilla.org/en-US/docs/Web/HTML/Element)

---
## Structure

### Template
```html=
<!DOCTYPE html>
<html>
    <head>
        <title>Page Title</title>
    </head>
<body>

    <h1>This is a Heading</h1>
    <p>This is a paragraph.</p>

</body>
</html> 
```

+ The ```<!DOCTYPE html>``` declaration defines this document to be HTML5
+ The ```<html>``` element is the root element of an HTML page
+ The ```<head>``` element contains meta information about the document
+ The ```<title>``` element specifies a title for the document
+ The ```<body>``` element contains the visible page content
+ The ```<h1>``` element defines a large heading
+ The ```<p>``` element defines a paragraph

### Full Template
![](https://d17h27t6h515a5.cloudfront.net/topher/2016/July/578ea580_full-html-template/full-html-template.png)

### Link
 ```<a href="https://www.w3schools.com">This is a link</a>``` 
 
### Image
``` <img src="img_girl.jpg">```

---
Source : 
https://classroom.udacity.com/courses/ud001
https://www.w3schools.com/html/default.asp