| |
Step 1: Navigate to the website which you are using to post your advertisement (eBay, craigslist, etc.). HTML can also be written using the Notepad application (supplied with Windows) or any website creation tool, such as Adobe Dreamweaver or Microsoft FrontPage.
|
| |
Step 2: Design your advertisement, or whatever you would like to make with HTML
|
| |
Step 3: It is now time to put your design into reality. The codes below will assist in doing so. Usually a website creation tool, such as Adobe Dreamweaver, will aid in creating the code while the website is visually configured by the user.
|
<b> My Website </b>
creates the text:
"My Website" |
Step 4: Common codes used in HTML require and opening 'handle' as well as a closing 'handle'. The example to the left shows the 'bold' option of HTML. "<b>" is used to start the bold text, while "</b>" is used to end using text in bold |
<html> Your website </html> |
<html> is the first handle which will being to recognize that the text is actually HTML code. Be sure to end the code with </html> (at the very end of all of the code.
|
| <html><head></head></html> |
<head> creates a heading function in the HTML code. The heading should contain the Title of the webpage and the Meta tags used (which are both described below). Be sure to end the heading with </head>
|
| <head> <title></title></head> |
<title> is the title of the webpage, which will be displayed on the very top of the browser window. The title is also used to seach for the web page. Be sure to end the title with '</title>'
|
| <html><body></body></html> |
<body> should contain the remainder of the HTML code of the website or advertisement. The '</body>' handle should end the body right before the '</html>' handle
|
text
text
text
text
text
text
|
<h1>, <h2>, <h3>, <h4>, <h5>, and <h6> displays text in a heading style format. To the left, the text differs from '<h1>' to '<h6>' respectively. |
| text |
<b> and </b> creates bold text (as seen above)
|
A sentence with a break
looks like this |
<br> is used to skip the text down to the next line. Use two '<br>' to create a blank line between the text the was skipped. Only '<br>' is used. A closing handle (</br>) is not necessary, and does not exist for a break.
In the example to the left, the '<br>' is placed after the word "break".
|
CLICK HERE
|
<a> and </a> are used to create links. This links can be directed to another page, or a position on the current page.
<a href = "www.abcdef.com">CLICK HERE</a>
The example above will display the words "CLICK HERE " as a link to "www.abcdef.com"
<a name="top"><a/>
The example shown above, known as a Named Anchor, will name a certain part of your page "top". For example, you can name the heading of the page "top" and use the link below to take you to location named as "top".
<a href="#top">Click Here To Go To Top</a>
(The example to the left is not a link...I just made it look like one)
|
| |
<img> and </img> is used to insert an image into the page.
<img src="pictures/example.jpg"></img>
The above example will display the picture named "example.jpg" which is loctated in the "pictures" folder, which is located on the root of the server location.
<img src="www.mywebsite.com/pictures/example.jpg"></img>
Pictures can also be displayed from locations which already exist on the internet. The example above displays the "example.jpg" picture which is located in the "pictures" folder on "www.mywebsites.com"
|
Email Me
With Subject
|
To make a link that will allow users to send an email, use the hyperlink:
<a href="mailto:myemailaddress@domain.com">Email Me</a>
To automatically insert a subject into the subject line:
<a href="mailto:myemailaddress@domain.com?SUBJECT">With Subject</a>
|
