HOME >>> HOW2 LIST

 

Basic HTML

Did you ever wonder how websites are made? The simplest form of code used to make website pages is HTML (Hyper Text Markup Language). HTML can be used to create your own website. You can also use it to post advertisements on Craigslist.org, eBay.com or other websites which allow HTML to be used in order to enhance anything you do relating to the internet. A website or HTML file can be made with programs such as Adobe Dreamweaver or Microsoft FrontPage, or even Notepad. Dreamweaver will compile most of the code automatically while you design the site graphically, while Notepad can be used to create the HTML file in raw code. Below are a few pieces of code which can assist you in creating your HTML file or advanced advertisment which can be used in Craigslist.org or eBay.com.

 

 

 

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>

 

 

HOME           TOP OF THE PAGE           CONTACT US

Everything on this site and page is the property of How2DoThat.com. Ask before you use my information.