1 / 15

HTML Basics

HTML Basics. What is HTML? . HTML stands for HyperText Markup Language and it is used to display the content you read and see on the web. How is HTML written?. HTML is comprised of one word commands enclosed within a less than and greater than sign. <html>. What is XHTML .

alva
Download Presentation

HTML Basics

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. HTML Basics

  2. What is HTML? • HTML stands for HyperText Markup Language and it is used to display the content you read and see on the web.

  3. How is HTML written? • HTML is comprised of one word commands enclosed within a less than and greater than sign. • <html>

  4. What is XHTML • Extensible HyperText Markup Language. This is when there is an opening tag <strong> and a closing tag </strong>. • This is the preferred method when writing code.

  5. How is an HTML Document Organized? • 1. DOCTYPE – (Helps browser translate the type of document.) • 2. HTML – (Contains all the tags that will be used within the HTML document.) • 3. HEAD – (Provides info about the author, title, and description of page.) • 4. TITLE – (Lets the viewer know the title of the page.) • 5. BODY – Holds all the information that will be displayed: text, images, videos, ads, etc.

  6. How to create a simple webpage. • Go to the Start, Programs, Accessories, and click on NOTEPAD • Tell the browser what type of document. <html> • Insert tags and information. • USE YOUR TAG CHEAT SHEET! • Close the information with </html> • Save as your last name_first name.txt • Save a second time as your index.html • index.html will make this the homepage if you were to upload it on a hosting service.

  7. A Simple Example of an HTML webpage: <html> <title>My First Webpage</title> <body> <body bgcolor=“green”> Welcome to my first webpage. I love to code, it is the most amazing discovery this year. I will use it often, especially when I sign into Tumblr at home. <p> I will create the most dynamic webpages, that I will be sent to graphic arts school after I graduate. The end.</p> </html>

  8. A Simple Example of an HTML webpage:

  9. Guess the Code:#1

  10. Guess the Code:#1 Answer • <html> • <body> • <body bgcolor="pink"> • <h1>Papa Bear</h1> • <h3>Mama Bear</h3> • <h5>Baby Bear</h5> • <a href="http:www.amazon.com">Buy fairytales at Amazon.</a> • </body> • </html>

  11. Guess the Code:#2

  12. Guess the Code:#2 Answer • <html> • <body> • <a href="http://www.amazon.com"> • Amazon</a> • <a href="http://www.bloomingdales.com"> • Bloomingdales</a> • <p> • <a href="http://www.macys.com"> • Macys</a></p> • </body> • </html>

  13. Guess the Code:#3

  14. Guess the Code:#3 Answer • <html> • <body> • <p>Paragraphs have 3 or more sentences.</p> • <p>Here is a hint, this one doesn't.</p> • <p>What is the code?</p> • <p>But, wait I want a large • <h1>HEADING</h1> • Can it be <strong>BOLDED</strong> • too? Or even <em>Italicized.</em> • <p>That would be very cool!</p> • </body> • </html>

  15. NOW…..go to http://piperyearbook.weebly.comFor your assignment. 

More Related