Hey guys here are a few links that will help you when writing your own html and CSS in class
HTML
Everything you need to know about HTML
some good ones:
text - colour
text formatting - size and formatting
THE COLOR PICKER
background color
CSS
everything you need to know about CSS
some good ones
text color
Background color
Thursday, April 28, 2011
Thursday, April 21, 2011
Week 6 - HTML !!!
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
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
Wednesday, April 20, 2011
NO class on thursday 21st
Hey Guys!
I hope your holidays were great, and i hope you have been keeping up to date with your blog posts and such.
You will most probably have your results back for assessment 1 back this week.
As you all may know already, the easter/anzac day holidays start on friday, but what you may not know is that the uni closes this thursday at 12 oclock, thus cutting off class for this week.
This means we will not have class as usual, but i will be posting this weeks exersizes on the master blog so please keep up to date with it all.
hope you enjoy your easter break, and keep on blogging , i expect to see pics of u and all your chocolatey spoils :)
thanks
Matt Barron (Lecturer)
Subscribe to:
Posts (Atom)