basics of html. example code hello world hello world this is a web page

9
Basics of HTML

Upload: kristian-harvey

Post on 24-Dec-2015

225 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Basics of HTML. Example Code Hello World Hello World This is a web page

Basics of HTML

Page 2: Basics of HTML. Example Code Hello World Hello World This is a web page

Example Code

<!DOCTYPE html> <html lang="en">

<head> <meta charset="utf-8"> <title>Hello World</title>

</head> <body>

<h1>Hello World</h1> <p>This is a web page.</p>

</body> </html>

Page 3: Basics of HTML. Example Code Hello World Hello World This is a web page

Format

Page 4: Basics of HTML. Example Code Hello World Hello World This is a web page

Examples

Page 5: Basics of HTML. Example Code Hello World Hello World This is a web page

Self-Closing Elements In the previous example, the <meta> element had only one tag and

didn’t include a closing tag. Fear not, this was intentional. Not all elements consist of opening and closing tags. Some elements simply receive their content or behavior from attributes within a single tag. The <meta> element is one of these elements. The content of the previous <meta> element is assigned with the use of the charset attribute and value. Other common self-closing elements include

<br> <embed> <hr> <img> <input> <link> <meta> <param> <source> <wbr>

Page 6: Basics of HTML. Example Code Hello World Hello World This is a web page

Your turn Use

http://www.w3schools.com/html/html_examples.asp to explore the beginnings of HTML.

By the end of the day, you must email me the code you used to create a simple webpage similar to the “Example Code”

Page must have a title Must have a hyperlink Must have an image embedded Must have at least two colors of text Content: Start telling me what you will make your subject specific

site about. Use the site to experiment, but copy and paste the text for

your final code into an email to me at: [email protected]

Page 7: Basics of HTML. Example Code Hello World Hello World This is a web page

Your turn Use

http://www.w3schools.com/html/html_examples.asp to explore the beginnings of HTML.

By the end of the day, you must email me the code you used to create a simple webpage similar to the “Example Code”

Page must have a title Must have a hyperlink Must have an image embedded Must have at least two colors of text Content: Start telling me what you will make your subject specific

site about. Use the site to experiment, but copy and paste the text for

your final code into an email to me at: [email protected]

Page 8: Basics of HTML. Example Code Hello World Hello World This is a web page

Your turn Use

http://www.w3schools.com/html/html_examples.asp to explore the beginnings of HTML.

By the end of the day, you must email me the code you used to create a simple webpage similar to the “Example Code”

Page must have a title Must have a hyperlink Must have an image embedded Must have at least two colors of text Content: Start telling me what you will make your subject specific

site about. Use the site to experiment, but copy and paste the text for

your final code into an email to me at: [email protected]

Page 9: Basics of HTML. Example Code Hello World Hello World This is a web page

Your turn Use

http://www.w3schools.com/html/html_examples.asp to explore the beginnings of HTML.

By the end of the day, you must email me the code you used to create a simple webpage similar to the “Example Code”

Page must have a title Must have a hyperlink Must have an image embedded Must have at least two colors of text Content: Start telling me what you will make your subject specific

site about. Use the site to experiment, but copy and paste the text for

your final code into an email to me at: [email protected]