<html>Indicates html code</html>
<head>Won't be seen on page. Usually includes title of web page and link to CSS code</head>
<title>Title of page, included in header and seen at the very top of the screen. Choose a good one with key words.</title>
<body>Everything seen on the web page will be enclosed in the body.</body>
Headers
<h1><h2><h3><h4-9>Header options. Each number down the line is smaller. Only ever use one h1. </h9-4></h3></h2></h1>
<p>paragraph</p>
<b>bold</bold>
<i>italics</i>
Lists
<ol>ordered list, uses numbers</ol>
<ul>unordered list, uses bullets</ul>
<li>list item, surrounds each individual item in list</li>
Only need one tag.
<br /> break
<hr /> horizontal line across page
<!-- Items in this tag are comments that can only be view from the
code. You can leave yourself secret messages that will help you
remember what you were doing when you last worked on the code -->
About Images
<img src="location" /> This just shows image.
The following are attributes to be selectively included in the img tag.
alt="description of image"
title="title of image(this shows up when hovering over image)"
(If you only use one of the following the other automatically adjusts to keep size proportions. In other words you only have to use one. At least for updated computers. I'm not sure about the outdated.)
width="__px"
height="__px"
For a caption, use the
<figure>
before the <img src="location" /> followed by
<figcaption>THIS IS THE CAPTION</figcaption>
</figure>
Links
<a href="webpage">Link to a web page, will open in the same window</a>
<a href="webpage" target="_blank">Link to a web page will open in a new window</a>
<a href="mailto:email address">email link</a>
image as a link written without attributes
<a href="webpage"><img src="location" /></a>
No comments:
Post a Comment