What is HTML?
HTML is a language for describing web pages.
• HTML stands for Hyper Text Markup Language
• HTML is not a programming language, it is a markup language
• A markup language is a set of markup tags
• HTML uses markup tags to describe web pages
________________________________________
HTML Tags
HTML markup tags are usually called HTML tags
• HTML tags are keywords surrounded by angle brackets like <html>
• HTML tags normally come in pairs like <b> and </b>
• The first tag in a pair is the start tag, the second tag is the end tag
• Start and end tags are also called opening tags and closing tags
________________________________________
What You Need
You don't need any tools to learn HTML at W3Schools.
• You don't need any HTML editor
• You don't need a web server
• You don't need a web site
• You just need notepad to get started
________________________________________
HTML Documents = Web Pages
• HTML documents describe web pages
• HTML documents contain HTML tags and plain text
• HTML documents are also called web pages
The purpose of a web browser (like Internet Explorer or Firefox) is to read HTML documents and display them as web pages. The browser does not display the HTML tags, but uses the tags to interpret the content of the page
First lets try a simple example (type tags together)
just open a notepad document, once finished save as a .html file
__________________________________________________________________________________
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
_______________________________________________________________________________
Example Explained
• The text between <html> and </html> describes the web page
• The text between <body> and </body> is the visible page content
• The text between <h1> and </h1> is displayed as a heading
• The text between <p> and </p> is displayed as a paragraph
___________________________________________________________________________________
HTML Headings
HTML headings are defined with the <h1> to <h6> tags.
<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>
_____________________________________________________________________________
HTML Paragraphs
HTML paragraphs are defined with the <p> tag.
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
______________________________________________________________________________________
HTML Formatting Tags
HTML uses tags like <b> and <i> for formatting output, like bold or italic text.
These HTML tags are called formatting tags. (remember to close the tags)
________________________________________________________________________________________
HTML Links
HTML links are defined with the <a> tag.
<a href="http://www.w3schools.com">This is a link</a>
______________________________________________________________________________
HTML Images
HTML images are defined with the <img> tag.
<img src="w3schools.jpg" />
<img src="w3schools.jpg" alt=”dog” />
<img src="w3schools.jpg" width="104" height="142" />
________________________________________________________________________________________
Look at the site www.w3schools.com for things to add to your site.
also try
<title> toolbar name </title> to name the window bar in your browser
Hey Matt, question I have typed up the example, but out side that what else would you like us to do. Ill save it and bring it to class for thursday next week. but out side that, please let me know anything you wish for me to do or like us to add. cheers
ReplyDeleteHey there Matt,
ReplyDeleteDo we bring the document to class?
Also, do we write up a blog post using the HTML or simply type up the example and leave it unpublished? Please let me know. :)
Cheers,
Katrina x
hey guys, this is just a bit of a primer :)
ReplyDeleteif you bring it next week that is cool :)
we will have a quick run through next week as well , rest easy :) and have an awesome easter/chocolate day :)
A great tutorial site that is based off the W3 conventions is Tizag Tutorials I already completed it and it was really helpful.
ReplyDeleteHere's my blog post for HTML:
ReplyDeleteHTML!!!
Here's my post for week 6.
ReplyDeleteJordon Burton, Week 6, HTML
my html post
ReplyDeletehtml post
my blog for this week
ReplyDeleteJenna Unsworth Week 6 HTML
ReplyDeleteHere's my Week 6 Post:
ReplyDeleteNick Myers, Week 6 HTML
Alice Peacock Week 6 HTML
ReplyDeleteJennifer Hesketh Week 6 HTML
ReplyDeleteKate Bishop Week 6
ReplyDeleteGemma Bigrigg Week 6
ReplyDeletehey Matt here is my blog on week 6.
ReplyDeleteJarrad Bowe, week 6 Blog post
my blog for this week
ReplyDeleteHere's my post for Week 6 because when I posted on here last week it didn't save.
ReplyDeleteAaron Pierce, Week 6 blog post
Tim Coaldrake, Week Six Post
ReplyDeleteParis Grant-Preece, Week 6 post
ReplyDeleteJonathan Hewlett, Week 6: HTML post
ReplyDelete