Welcome to Scribd. Sign in or start your free trial to enjoy unlimited e-books, audiobooks & documents.Find out more
Download
Standard view
Full view
of .
Look up keyword
Like this
18Activity
0 of .
Results for:
No results containing your search query
P. 1
Web Designing Tutorials

Web Designing Tutorials

Ratings: (0)|Views: 160|Likes:
Published by deep11680

More info:

Published by: deep11680 on Feb 02, 2010
Copyright:Attribution Non-commercial

Availability:

Read on Scribd mobile: iPhone, iPad and Android.
download as DOC, PDF, TXT or read online from Scribd
See more
See less

05/11/2014

pdf

text

original

 
HTML Code
Directions:For this activity, you will need a copy of a plain text editor program such as Notepad.It is not advisable to use a word processor such as Microsoft Word.Copy the following code into a text document:
<html><head><title>Tags and Attributes</title></head><body>
All HTML pages starts with the tag <html> and ended with tag </html>.The HEAD element (delineated by the head and /head tags) comes next and serves asa box or container that can hold a variety of other elements, including the TITLEelement.The TITLE element contains the words that appear on the title bar or page tab in the browser window. In this example, “Tags and Attributes” is the title.
</body></html>
Practice Activity:
Create the following changes in your “Tags and Attributes” Web page:
Add the text “Tags and Attributes” at the beginning of the body.
Format the “Tags and Attributes” as h1.
Format the “Tags and Attributes” as bolded text also.
Format the “Tags and Attributes” as underlined also.
Format the rest of the document display as h4.
Italicize all the words that are all caps. (Hint: There are five words in allcaps.)
Add a comment for your name and the date.
tags tell the browser how to display text
Answers or way:
<b>How would this text look different?</b> bolded text (deprecated)
<strong>Does this look any different?</strong> strong or bolded text
<i>How would this text be displayed?</i> italicized text(deprecated)
 
<em>Same as italicized?</em> italicized text
<u>This tag might be useful for titles.</u> underlined text
<body text=red>How would this tag change things?</body> text colorwould be red
Discuss that text can also be altered in its size. The use of a height tag will alter thesize of the text. Show students the following examples:
<h1>This tag creates large text</h1>
<h2>Creates a slightly smaller text</h2>
<h3>Is smaller yet, but still larger</h3>
<h4>Starts getting smaller</h4>
<h5>Now the text is getting small</h5>
<h6>And finally, this is the smallest</h6>
Discuss that a browser ignores the use of the “enter” key. The extra space inour example did not show in the Web browser. Explain that the use of a break tag <br> will place text on the next line. Explain that no ending tag isneeded
.
Discuss the difference between a “break” tag and a “paragraph” tag. A break tag places the following text on the next line. A paragraph tag places the text in a block,thus creating a paragraph. Ask students to remove the break tag they just created and place a beginning paragraph tag
<p>
right after the body tag
<body>
and place aclosing paragraph tag
</p>
after the phrase “easy to learn and use.” Have studentsrefresh their Web page to see the result.Discuss the process of creating a comment. Ask students why someone creating aWeb page would want to use a comment. Explain that comments are created using thefollowing coding and are not displayed when viewing a Web page.
<!--This is an example of a comment.-->
Essential VocabularyAttributes
– Additional information about an HTML tag. For example: In the bodytag, the bgcolor is an attribute:
<body bgcolor=#ff0000>.
(To) code
– To create an HTML file or other computer program by entering specificsyntax into a file.
 
Element
 – One component of an HTML document (such as paragraph, image, or link), including one or two tags, as well as attributes and content, if any.
Format
 – The design and layout of a page.
HTML
 – Hypertext Markup Language. It is one of the publishing languages of theWorld Wide Web.
Render
– The process of a browser reading tags and attributes from an HTML file,interpreting them, and displaying the resulting Web page.
Source code
– The HTML code that produces the Web page.
Tags
– Codes in HTML provide details to the browser on how to display a Web page,such as begin the body, start a paragraph, or modify the appearance of text and other elements.
W3C
– World Wide Web Consortium, the organization responsible for Webstandards, including HTML and accessibility.
Web page
– A file written in HTML, or other Web publishing language, that can berendered by a browser and posted on the Internet.
Web site
– A collection of Web pages linked together on a server that creates aunified presence.
MODULE 2:
HTML BASICS
Learning Objectives
Students will:
Manipulate HTML code using a text editor application such as Notepad.
View Web pages created using HTML code using a browser.
Change text within a Web page using HTML coding.
Align text within an HTML document.
Set the background color of a Web page.
Set the text color within a Web page.
Teaching Strategies
Discuss the idea of attributes. Attributes are informationthat alters the look of the page and, when they are included within the opening body tag, affect the entire document.
Students have already been given an example of thisthrough the code
"<body text=red>How would this attribute change things?</body>"
.

Activity (18)

You've already reviewed this. Edit your review.
1 hundred reads
Vidit Aneja liked this
priyaraj24 liked this
Sri Gautham liked this
Željka liked this
Udaya Kumar liked this
musikl liked this
Ahmad Surya liked this
msngr liked this
freebhushan liked this

You're Reading a Free Preview

Download
scribd
/*********** DO NOT ALTER ANYTHING BELOW THIS LINE ! ************/ var s_code=s.t();if(s_code)document.write(s_code)//-->