xhtml newbie questions

kinghippo · 7th February 10, 04:04 AM

Hello!

I recently enrolled in a new media communications class at a IUK, a local satellite college of Indiana University. My first assignment for this class is to design a basic web page to show that I understand the basics of xhtml and css. I am having trouble with the last two requirements of the assignment though.

My professor wants me to change the background for one block of text and use a class selector that makes the enclosed text display in large bold orange Arial. I have read everywhere in our assigned reading and videos but I can't figure out how to do it. I'm thinking I need to use a span or div or tag but i'm not sure how i should do it?

Thanks for any help!

Josephbm91 · 7th February 10, 07:49 AM

Heya! Glad you choose to learn CSS and XHTML. And I love the Punch Out reference! (King Hippo = Punch Teh Stomach)

As for your questions:

Span tags differ from divs in that a div tag identifies a region of the page. Spans are best used to accent a portion of the page.

Here is what I believe your professor is asking for.

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Using XHTML and CSS</title>
<style type="text/css">
.orange{
color: #FF9900;
font-family: Arial;
font-size: 4em;
background-color: #000000;
}

</style>
</head>
<body>
This is not orange.<br />
<span class="orange">OMG THIS IS SUPER ORANGE!</span>

</body> 
</html>

Let me know if you get a good grade! So sorry if you don't!!!

kinghippo · 8th February 10, 04:27 AM

Quote:

Originally Posted by Josephbm91

Heya! Glad you choose to learn CSS and XHTML. And I love the Punch Out reference! (King Hippo = Punch Teh Stomach)

As for your questions:

Span tags differ from divs in that a div tag identifies a region of the page. Spans are best used to accent a portion of the page.

Here is what I believe your professor is asking for.

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Using XHTML and CSS</title>
<style type="text/css">
.orange{
color: #FF9900;
font-family: Arial;
font-size: 4em;
background-color: #000000;
}

</style>
</head>
<body>
This is not orange.<br />
<span class="orange">OMG THIS IS SUPER ORANGE!</span>

</body> 
</html>

Let me know if you get a good grade! So sorry if you don't!!!

Thanks so much! I will give this a try and see how it goes.

7th February 10, 04:04 AM	#1
kinghippo WLC Member Join Date: Feb 2010 Posts: 2	xhtml newbie questions Hello! I recently enrolled in a new media communications class at a IUK, a local satellite college of Indiana University. My first assignment for this class is to design a basic web page to show that I understand the basics of xhtml and css. I am having trouble with the last two requirements of the assignment though. My professor wants me to change the background for one block of text and use a class selector that makes the enclosed text display in large bold orange Arial. I have read everywhere in our assigned reading and videos but I can't figure out how to do it. I'm thinking I need to use a span or div or tag but i'm not sure how i should do it? Thanks for any help!

7th February 10, 07:49 AM	#2
Josephbm91 WLC Member Join Date: Jan 2010 Location: Texas Posts: 17	Re: xhtml newbie questions Heya! Glad you choose to learn CSS and XHTML. And I love the Punch Out reference! (King Hippo = Punch Teh Stomach) As for your questions: Span tags differ from divs in that a div tag identifies a region of the page. Spans are best used to accent a portion of the page. Here is what I believe your professor is asking for. Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Using XHTML and CSS</title> <style type="text/css"> .orange{ color: #FF9900; font-family: Arial; font-size: 4em; background-color: #000000; } </style> </head> <body> This is not orange.<br /> <span class="orange">OMG THIS IS SUPER ORANGE!</span> </body> </html> Let me know if you get a good grade! So sorry if you don't!!! __________________ To view links or images in signatures your post count must be 5 or greater. You currently have 0 posts. To view links or images in signatures your post count must be 5 or greater. You currently have 0 posts.

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode