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.
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> (Your website) </html>
Head:
<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>
<html><head></head></html>
Title:
<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>'
<head> <title></title></head>
Body:
<body> should contain the remainder of the HTML code of the website or advertisement. The body comes after the HEAD tags are closed. The '</body>' handle should end the body right before the '</html>' handle
<html><body></body></html>
Bold:
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.
<b> My Website </b>
creates the text:
"My Website"
Text Size:
<h1>, <h2>, <h3>, <h4>, and <h5> displays text in a heading style format. To the left, the text differs from '<h1>' to '<h5>' respectively.
text
text
text
text
text
Breaks:
<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 below, the '<br> tag' is placed after the word "break".
A sentence with a break
looks like this
Links:
<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)
Images:
<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"
E-Mail Link:
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>
CSS:
Cascading Style Sheets allow a website to have a seperate file regarding the style of the page.
A seperate page will be created for CSS on this site.
For examples of CSS, see this website, which allows the viewer to select one different file and change the entire appearance of the website.
HTML5:
HTML5 is the newest version of the HTML coding language. Although it is a few years old, it is starting to be implemented into all new websites. HTML5 proves to be more compatible with mobile devices. Among the biggest integration of HTML5 contribution towards mobile devices is the integrated video. For instance, the iPhone does not use Flash Player. Instead of using a stand-alone player for the video, the video player can be integrated right into the website