HTML in a nutshellby Tony Cosentino - Student ID 14086641recipe - background colour - bold, italic & underline - headings - paragraphs - links - email - lists Welcome to my brief overview of html. If this was being compared to a meal I would call it an apetizer just to get your taste buds woken up to the opportunites available with HTML. If you want to move onto the main course I would reccomend going the this website which has a much more in depth tutorial on HTML. The recipe The recipe for every HTML page start with the following basic ingredients <html> <head> <title>The title of this page goes here</title> </head> <body> The main content that is actually presented goes here </body> </html> The BODY is where this overview will be concentrating on. Background colour To change the background colour add the following to the <body> tag:
Bold, Italic and Underline To get the following effects you need to add the following tags on with side of the word or letter you want to effect
Headings To add a heading use the following tags for the different sizes of heading
Paragraphs The paragraph tag is used when a seperate paragraphs are needed. When used a new line is started and a space is left in between it and the previous item or text Example This is the first papragraph. Which could be very long and have a lot of text. Lorem ipsum dolor sit amet, consectetuer adipis cing elit, sed diam nonummy nibh euismod tinci dunt ut laorenim ad minim veniam, quis nostrud exerci tation ullam corper suscipit lobortis nisl ut aliq eet dolore magna aliquam erat volut pat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetuer adipis cing elit. This is the second papragraph. Which could also be very long and have a lot of text.Lorem ipsum dolor sit amet, consectetuer adipis cing elit, sed diam nonummy nibh euismod tinci dunt ut laorenim ad minim veniam, quis nostrud exerci tation ullam corper suscipit lobortis nisl ut aliq eet dolore magna aliquam erat volut pat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetuer adipis cing elit.
Links Linking to other webpages or websites requires the format as per the table below. The 'A' stands for anchor and the 'HREF' is a 'hyperlink reference' which generally means that the webpage can jump to another item from here. These items can be webpages, images or an email response. This example is about jumping to another website.
Adding an email link is done in the similar manner to the website link as per the code in the table below The 'MAILTO' term is used to indicate a email going to be started with the default email program of the person clicking on the link The actual email address is then entered
Lists List can be created to appear in a similar format to word documents. With either dots, numbers to accent each list item Each item in a list has the same html code used. To create a list with bullet point or 'unordered' lists for each it use the <ul> code To create a list with numbered points or 'ordered' list for each it use the <ol> code
Created on ... April 04, 2008
|