630 likes | 1.42k Views
Creating a Web page Using Basic HTML. By: Magdalena Martinez CIEP 491 (W 6:00) Assessment #12. Personal. Create a Simple Text file using Notepad. Macintosh. Computer. Create a Simple Text file using SimpleText. A Web page is a simple text file & a set of HTML tags. <body>. <center>.
E N D
Creating a Web page Using Basic HTML By: Magdalena Martinez CIEP 491 (W 6:00) Assessment #12
Personal Create a Simple Text file using Notepad Macintosh Computer Create a Simple Text file using SimpleText A Web page is a simple text file & a set of HTML tags
<body> <center> <html> <title> <head> TAGS The tags are simple instructions that tell the Web browser how the page should look. The tags tell the browser to do things like change the font size or color, or arrange things in columns. Most tags come in matched "beginning" and "ending" pairs, but this is not an absolute rule. Ex: <html> beginning tag </html> ending tag
The Web browser interprets these tags to decide how to format the text onto the screen. Hey! Those are Web browsers!
You can look "behind the scenes" of almost any page on the Internet this way. Right Click on any blank portion of a web page and select View Source
Let’s begin constructing our… First Webpage Open Notepad or SimpleText depending on which platform you are using
<html> <head> <title>My First Page</title> </head> <body> Hello there. This is my first page! </body> </html> Type in the text as displayed. Save this file as first.html on your desktop.
We created the Title of the web page AND the body of the web page!
Got Tags??Basic HTML Tags <u>.....</u> to Underline <b>.....</b> to Bold <i>.....</i> to Italicize <br> creates a break between one line and another. <p> creates an extra space between two lines of text. <font color="color">...</font> to change font color <font face=“type">...</font> to change font type <body bgcolor=“color"> body background color <hr>creates a horizontal rule, or horizontal line.
Getting your page on the World Wide Web Many institutions with Web servers offer free space to post your pages As Loyola students we can have access to Orion. There are also many commercial sites that offer free space.
EXTRA RESOURCES Loyola’s Unix Computing System http://orion.it.luc.edu/ A Beginner’s Guide to HTML http://www.ncsa.uiuc.edu/SDG/Software/Mosaic/Demo/html-primer.html How Stuff Works http://www.howstuffworks.com/category.htm?cat=Comp Yahoo Directory on HTML http://dir.yahoo.com/Computers_and_Internet/Data_Formats/HTML/ The Web’s Largest Hosting Directory http://www.hostindex.com/