Adrianne’s </html> Tutorial

What is HTML?
HTML == “hyper text markup language”
It is a language used to build websites
Website = Human
Html = body itself (bones, organs, etc.)
Css = style ( shirt, necklace, shoes, etc.)
Javascript = behavior (good, bad, emotions, what makes us
humans)

HTML == hyper text markup language
It is a language used to build websites
Website = Human
</HTML>
{CSS}
JavaScript();
Website
Plain HTML Added
Css
Css and
Javascript

Why do I need to learn HTML?
Why don’t you stop asking
and start coding instead?

When you already know HTML you can
proceed to learn CSS, Javascript and
even PHP

What you’ll need to start coding
•Text Editor
(I recommend Sublime Text)
•Computer
•Coffee

First Demo Of HTML file
<!DOCTYPE html>
<html>
<head>
<title>My First Website</title>
</head>
<body>
<h1>Hello World</h1>
<h2>This is my first website</h2>
<br>
<p>I am awesome</p>
</body>
</html>

explanation
<!DOCTYPE html>  to determine it is HTML5
<html>  Every html file has this
<head>  head part insert title and stuff
<title>My First Website</title> Title to show in tab
</head>  closing the head tag
<body>  main html to display
<h1>Hello World</h1>  head 1
<h2>This is my first website</h2>  head 2
<br>  break
<p>I am awesome</p>  paragraph
</body>  close body
</html>  close html

Html tags
Opening tag Closing tag
Words You Want
Almost all html tags are
opened and closed
If you open a tag
Ex: <h1>
Close it
The closing tag is always the
same as the opening
Only with a slash
Ex: </h1>
<h1>ao</h1>

Special tags
img tag is used to insert an image
Attribute  src=“yolo.jpg”
// Location of the image file
// you can insert the link of an image
img tag can’t be closed

Basic tags to use in html
<h1>  <h6>
<P>
<img src=“//location”>
<button>
<Center>
<Br>
<strong>
<a href=“//link”>
<!– blahblahblah-->  comment change blahblahblah to any

Adrianne’s </html> Tutorial

More Related Content

Viewers also liked (20)

Similar to Adrianne’s </html> Tutorial (20)

Recently uploaded (20)