Loading presentation...

Present Remotely

Send the link below via email or IM


Present to your audience

Start remote presentation

  • Invited audience members will follow you as you navigate and present
  • People invited to a presentation do not need a Prezi account
  • This link expires 10 minutes after you close the presentation
  • A maximum of 30 users can follow your presentation
  • Learn more about this feature in our knowledge base article

Do you really want to delete this prezi?

Neither you, nor the coeditors you shared it with will be able to recover it again.


Creating and Linking Web Pages

No description

Rick Wright

on 19 April 2010

Comments (0)

Please log in to add your comment.

Report abuse

Transcript of Creating and Linking Web Pages

Creating and Linking Web Pages HTML Tags:
Combine to create the code that Web browsers understand
Are not case sensitive
Are encased by angle brackets
*Open HTML Tags initiate commands
*Closed HTML Tags halt commands </Bold>
<HTML> starts a Web page (it is the first command)

</HTML> ends a Web page (it is the last command) What lies between the <HEAD> tag and the </HEAD> tag is the header, which contains non-visible information about the Web page Whatever is displayed between the <TITLE> tag and the </TITLE> tag is displayed on the title bar of the browser. The information between the <Body> tag and the </Body> tag is what causes the words and pictures to display on main viewing area of the page. A three or four-letter combination after the dot of a file name defines the type of file that it its. That letter combination is called the file extension. MS Word files = .doc
MS Excel files = .xls
MS PowerPoint files = .ppt
HTML files can be .htm or .html Exact and complete file names and file extensions must be used in HTML documents. Formatting tags are used to organize the page and to add interest. What falls between <P> and </P> defines a paragraph. <BR> is a line break; inserting a new line. To make the words, "Web Pages" to appear in the blue title bar, the words "Web Pages" should be placed between the <Title> and </Title> tags. <Title>Web Pages</Title> It should then look like this. That which is displayed between <H2> and </H2> will be larger than the standard body text and also appear a bit bolder. Nested tags are organized in pairs from the outside in.
Example: <Bold><Center><H2>Web Page Construction</H2></Center></Bold>
This would display the words "Web Page Construction" in larger letters, centered between the margins of the page, and in bold text. The combination of <UL><LI>Dog</LI><LI>Cats</LI></UL> will give you a two item unordered, bulleted list. Again these tags are nested from the outside in. Hyperlinks are created with an anchor tag. The hypertext reference is placed within quotation marks.
Example: <A HREF="http://ejhscomp.pbworks.com">Eastbrook Computer Page</A>
It would display as: and link to the address in quotes. The background color of a Web page can be set with HTML tags.
An attribute is added to the tag.
A value is give to the attribute.

BODY is the tag.
BGCOLOR is the attribute
RED is the value.

Again, the tag, attribute, and value are set withing the angle brackets. Graphics should be used in a format that allows for small file sizes for speedy loading. Two common formats are .gif and .jpeg files. In review, what are the letters after the dot called? Place graphics in the correct folder.
Display graphics on the page by using the <IMG> tag.
Indicate width and height attributes and values.
Example: <IMG SRC="images/computer.gif" WIDTH="535" HEIGHT="250">
Here, the image is in the "Images" folder and is named, computer.gif. The width and height are measured in pixels. In review:
HTML code allows Web browsers to display Web pages
<HTML> and </HTML> are used to begin and end a Web page.
<UL> and </UL> begin and end a bulleted list Further review:
An anchor tag creates a hyperlink.
In <BODY BGCOLOR=RED> BODY is the tag, BGCOLOR is the attribute, and RED is the value.
Full transcript