HTML Programming last updated 9/12/05 at 1:30pm HyperText Markup Language Reference: – HTML BasicsHTML Basics An HTML program is a set of paired tags that specify how to display the object between the tags.
Overall Structure of HTML Page Welcome to BE1200 This is my first webpage The first statement indicates the version of HTML the page is written in-- don’t worry about this. Most tags are paired … surround html code … header information … the title (part of head) … contains the body The paragraph tag is an exception … a paragraph … also a paragraph
Simple Tags The text following this tag is treated as a paragraph (until the next or ) The text between these tags is a new paragraph displayed in bold face The text between these tags is displayed in italic style The text is centered Create the largest heading Create the smallest heading
Attributes Some tags have attributes The text between these fonts will appear in Arial The text in here will be displayed in the color given by the hexadecimal code ff0000 which is red Another way to display red text Reference to HTML color codesHTML color codes
More Font Attributes The tag can have attributes for face, color, and size This is some text! This is some text! This is some text!
Attributes of the Add Color to the background Add textures and images to background <body background="brick007.jpg"
Inserting Links text which is hyperlinked a stands for Anchor, which means Link. This is the tag that makes it all happen. href Means Hypertext REFerence. The href part is another attribute, with the location of the other page as its value. Just change anotherpage.html to the name of the second file. Don't forget the quotation marks!
Opening Links in New Windows Open a link in the same window text which is hyperlinked Open the link in a new window text which is hyperlinked
Inserting Images To display the image bot.jpg on your page use the tag There is no –src stands for 'SouRCe', so what you're saying is the image source is bot.jpg Make sure you've gotten the image file type right. If you're linking to a photograph, it is more than likely a.jpg.image file type –The WIDTH AND HEIGHT are given in pixels
Client and Server Index.html public_html webpages.eng.wayne.edu aa1298 My PC Develop a homepage called index.html on your PC Create a directory html_public on the college server Set proper access to public_html Transfer files to public_html (ftp). This moves index.html from your PC (client) to the college server. Steps in blue are done only once Internet backbone
A Few Additional Helpful Hints Search for images on Google Images –The reference will give you the dimensions of the image Generally, html does not recognize blank spaces. If you want to intentionally want to have a blank space use the special character will leave a blank line