HTMl
HTML NOTES (CODECADEMY)
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. headings: 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.
INDENTATION:
Try to follow the indentation as follows:
Head
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
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. headings: 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.
INDENTATION:
Try to follow the indentation as follows:
Head
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