ݺߣ

ݺߣShare a Scribd company logo

Adrianne’s html5 tutorial RebFarmers

•Download as PPTX, PDF•
•
A
Adrianne Navarro

This document provides an introduction to HTML and building basic websites. It explains that HTML stands for "hypertext markup language" and is used to build websites, with CSS being used for styling and JavaScript for behavior. It then demonstrates a simple HTML file structure with basic tags like <h1>, <p>, and <img> and explains what each part of the code means. The document concludes by listing some common HTML tags that can be used to build basic web pages.

1 of 13
Download to read offline
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?
That escalated quickly
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>
What it looks like
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=/slideshow/adriannes-html5-tutorial-rebfarmers/51216301/“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=/slideshow/adriannes-html5-tutorial-rebfarmers/51216301/“/location”> <button> <Center> <Br> <strong> <a href=“//link”> <!– blahblahblah-->  comment change blahblahblah to any

More Related Content

Adrianne’s html5 tutorial RebFarmers

  • 2. 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)
  • 3. 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
  • 4. Why do I need to learn HTML? Why don’t you stop asking and start coding instead?
  • 6. When you already know HTML you can proceed to learn CSS, Javascript and even PHP
  • 7. What you’ll need to start coding •Text Editor (I recommend Sublime Text) •Computer •Coffee
  • 8. 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>
  • 10. 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
  • 11. 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>
  • 12. Special tags img tag is used to insert an image Attribute  src=/slideshow/adriannes-html5-tutorial-rebfarmers/51216301/“yolo.jpg” // Location of the image file // you can insert the link of an image img tag can’t be closed
  • 13. Basic tags to use in html <h1>  <h6> <P> <img src=/slideshow/adriannes-html5-tutorial-rebfarmers/51216301/“/location”> <button> <Center> <Br> <strong> <a href=“//link”> <!– blahblahblah-->  comment change blahblahblah to any