creating a web page using basic html
DESCRIPTION
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. . . - PowerPoint PPT PresentationTRANSCRIPT
![Page 1: Creating a Web page Using Basic HTML](https://reader036.vdocuments.us/reader036/viewer/2022082517/56812e3a550346895d93af41/html5/thumbnails/1.jpg)
Creating a Web page Using Basic HTML
By: Magdalena Martinez
CIEP 491 (W 6:00)
Assessment #12
![Page 2: Creating a Web page Using Basic HTML](https://reader036.vdocuments.us/reader036/viewer/2022082517/56812e3a550346895d93af41/html5/thumbnails/2.jpg)
A Web page is
a simple te
xt file
& a se
t of H
TML tagsCreate a Simple Text
file using Notepad
Create a Simple Text file using SimpleText
![Page 3: Creating a Web page Using Basic HTML](https://reader036.vdocuments.us/reader036/viewer/2022082517/56812e3a550346895d93af41/html5/thumbnails/3.jpg)
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
<center>
<html>
<title>
<head>
<body>
![Page 4: Creating a Web page Using Basic HTML](https://reader036.vdocuments.us/reader036/viewer/2022082517/56812e3a550346895d93af41/html5/thumbnails/4.jpg)
The Web browser interprets these tags to decide how to format the text onto the screen.
Hey! Those are Web
browsers!
![Page 5: Creating a Web page Using Basic HTML](https://reader036.vdocuments.us/reader036/viewer/2022082517/56812e3a550346895d93af41/html5/thumbnails/5.jpg)
Right Click on any blank portion of a web page and select View Source
You can look "behind the scenes" of almost any page on the Internet this way.
![Page 6: Creating a Web page Using Basic HTML](https://reader036.vdocuments.us/reader036/viewer/2022082517/56812e3a550346895d93af41/html5/thumbnails/6.jpg)
Let’s begin constructing our…
Open Notepad or SimpleText
depending on which platform you are using
![Page 7: Creating a Web page Using Basic HTML](https://reader036.vdocuments.us/reader036/viewer/2022082517/56812e3a550346895d93af41/html5/thumbnails/7.jpg)
<html> <head> <title>My First Page</title> </head><body> Hello there. This is my first page! </body> </html>
Save this file as first.html on your
desktop.
Type in the text as displayed.
![Page 8: Creating a Web page Using Basic HTML](https://reader036.vdocuments.us/reader036/viewer/2022082517/56812e3a550346895d93af41/html5/thumbnails/8.jpg)
We created the Title of the web
page
AND
the body of the web page!
![Page 9: Creating a Web page Using Basic HTML](https://reader036.vdocuments.us/reader036/viewer/2022082517/56812e3a550346895d93af41/html5/thumbnails/9.jpg)
Got Tags??Basic HTML Tags
<b>.....</b> to Bold
<i>.....</i> to Italicize
<u>.....</u> to Underline
<br> creates a break between one line and another.
<p> creates an extra space between two lines of text.
<hr>creates a horizontal rule, or horizontal line.
<font color="color">...</font> to change font color
<font face=“type">...</font> to change font type
<body bgcolor=“color"> body background color
![Page 10: Creating a Web page Using Basic HTML](https://reader036.vdocuments.us/reader036/viewer/2022082517/56812e3a550346895d93af41/html5/thumbnails/10.jpg)
There are also many commercial sites that
offer free space.
Many institutions with Web servers offer free space to post your pages
As Loyola students we can have access to Orion.
![Page 11: Creating a Web page Using Basic HTML](https://reader036.vdocuments.us/reader036/viewer/2022082517/56812e3a550346895d93af41/html5/thumbnails/11.jpg)
A Beginner’s Guide to HTMLhttp://www.ncsa.uiuc.edu/SDG/Software/Mosaic/Demo/html-primer.html
Loyola’s Unix Computing Systemhttp://orion.it.luc.edu/
Yahoo Directory on HTMLhttp://dir.yahoo.com/Computers_and_Internet/Data_Formats/HTML/
The Web’s Largest Hosting Directoryhttp://www.hostindex.com/
How Stuff Workshttp://www.howstuffworks.com/category.htm?cat=Comp