Topics: HTML, HTML element, Cascading Style Sheets Pages: 25 (2499 words) Published: May 29, 2014

You've done an awesome job! Here's a quick summary of things we've learned: 1. HTML is used to give websites structure.
2. We open HTML files using a browser, and the browser renders(shows us) the file. 3. HTML files have a  and a (just like you!)
4. In the head, we have the tags, and we use these to specify the webpage's name. 5. How to make headings and paragraphs.
other different types of headings: ,,,,
Paragraph opening and closing resp. and

6.Adding images
You can add images to your websites to make them look ultra fancy. You just need an image tag, like so: . This tag is a bit different from the others. Instead of putting the content between the tags, you tell the tag where to get the picture using src. It's also different because this tag self-closes: it doesn't have a separate tag to close it. Note the / in the tag to close it: . url- Uniform resource locator

7. Click that image
Good work! Now you know how to add images to your website. But what if you want to click on that image to lead you somewhere else? The  tag is the one used to makehyperlinks (or just links) on webpages. These are the words or images you click to go to a new page! Just like ,  has an attributethat tells the link where to go. Instead of src,  uses href, like so: Learn to code!

src stands for "source." It tells the link where the picture comes from! href stands for "hypertext reference." Remember when we said that hypertext (that is, links) is text you can click on? Well, href tells that link where to go! The text after href is the web address, and the text between and  is the text you click on.

Try to follow the indentation as follows:

Tag that surrounds important content that is invisible to the user, but is important to the browser. Elements within this tag contain metadata about the page and links to stylesheets, scripts, etc

Ordered lists
Good! Now let's learn how to make ordered lists. An ordered list is simply a list that is numbered, like the one below. Opening and Closing tags :
Inside ol each single line is to be written within and
For every single one.


List of my favorite things

Raindrops on roses
Whiskers on kittens
Bright copper kettles
Warm woolen mittens

List of things I find just OK

Watching tv

Unordered lists
We have learned to make ordered lists. They are good if we want to number things. But what if we just want bullet points? What if we don't want ordered lists? We can use unordered lists. The best thing about unordered lists is that they work exactly the same way as ordered lists. The only difference is that instead of using , we use . Everything else is the same!

Comments start with  like this.

We can give tags more instructions by including attributes in the opening tag. An attribute is simply a characteristic or some description for the content in the element. Let's change the size of the text. How? We use the style attribute. We make it equal to font-size, followed by a colon, the size you want, and end it with px(short for "pixels"). For example:

To change the color of text, simply add the style attribute in the opening tag, then make the style equal to "color:blue" When you want to chnage both the font size and color together , just add a semicolon and write the second attribute as follows:

Remember, you can reach an element that is a child of another element like this: div div p { /* Some CSS */ }
where in this case, we'd be grabbing any  that is nested somewhereinside a  that is nestedsomewhere inside another . If you want to grab direct children—that is, an element that is directly nested inside another element, with no elements in between—you can use the> symbol, like so: div > p { /*...
Continue Reading

Please join StudyMode to read the full document

You May Also Find These Documents Helpful

  • HTML Essay
  • Essay on Html Tutorial
  • Essay on Basic Html
  • Sample Ubd (Html) Essay
  • Html Research Paper
  • History of Html/Css Study Guide Essay
  • Lecture 02 HTML And CSS Basics Essay

Become a StudyMode Member

Sign Up - It's Free