11
Creating a Web page Using Basic HTML By: Magdalena Martinez CIEP 491 (W 6:00) Assessment #12

Creating a Web page Using Basic HTML

Embed Size (px)

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 Presentation

Citation preview

Page 1: Creating a Web page Using Basic HTML

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

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

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

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

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

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

<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

We created the Title of the web

page

AND

the body of the web page!

Page 9: Creating a Web page Using Basic HTML

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

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

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