Jump to content
xisto Community

Hat

Members
  • Content Count

    22
  • Joined

  • Last visited

Everything posted by Hat

  1. The Doors- People are strangeOr you can just look at my sig
  2. Peo: J.K. Rowling said she'd only write 7 Harry Potter books, but she might write a fictional biography of Albus Dumbledore when the seventh book is over
  3. My Top 10 bands in no order except the first one:1. The Beatles2. Led Zeppelin3. The Rolling Stones4. Pink Floyd5. The Doors6. Rage Against the Machine7. Blue Oyster Cult8. Deep Purple9. They Might Be Giants10. Eric ClaptonIn addition, (I think) my playlist is in my signature
  4. Scientology is a religion. For information, go here: http://en.wikipedia.org/wiki/Scientology Like savage said, they will probably just have someone else do Chef's voice. And when the people ask why his voice is different, they'll probably make up a STD that makes your voice sound different for the rest of your life (kinda like when your voice changes during puberty).
  5. I can speak English fluently. I'm learning Spanish in school and I'm ok in it, I'm in the advanced class.
  6. The voice for the character Chef on the animated TV show South Park quit on March 13th. Apparently, it's over the Scientologist episode. Issac is a scientologist and told the creators that they got their facts wrong on scientology, and refused to do his part in the episode. Then earlier this week, he officialy left the show. That makes me sad because he was one of my favorite characters. They will probably kill him off somehow, like have him die in a car crash and never mention him again.
  7. You said shut up to the girl and she called you a *****, and people are mad at you? The World today is seriously crazy.
  8. I have Tony Hawk 3, Underground, and Underground 2. I like all the Tony Hawk games. While I don't own American Wasteland, I've played it before. It was pretty good, but I like THUG2 better.THUG2- 9.75/10 from Game InformerTHAW- 8.25/10 from Game Informer
  9. That is a good theory / spoiler. I think Snape is good, and I can't wait to see how the Harry Potter series ends. Oh jeez, we're gonna have to wait until next year to read the seventh HP book...its seems like its taking forever.
  10. Do you know CSS already? Do you know how to make valid XHTML code? If you already do, ignore this. If you don't, I wrote a simple beginners tutorial on it that most people find very good. Here's the link if you want it: http://forums.xisto.com/topic/32978-simple-xhtml-tutorial-simple-tutorial-i-wrote/
  11. Hat

    I Hate School!

    Our school is pretty good. Each day we get pizza, although the prices are outrageous ($2 per slice). We (usually) only get 30-45 minutes of homework each night. In all, our school is nice.
  12. I've searched for Area 51 at school in Google Earth...I have a few pictures, but I'll have to upload them at school
  13. index.html has to be changed to .php for one thing...and thats I'm all I'm good for, because I suck at PHP.
  14. Yeah, that made the tutorial really longer than it should've been...MAYBE I'll fix it later
  15. ..I should start working on this....Should I make a new topic for the updated version, or just post it here?Updated version is in the first post Notice from jlhaslip: Merged triple post. We now enjoy the luxury of an edit button.
  16. I use PHP (PHP: Hypertext Preproccesor), and I was wondering why you didn't have that as an option. It has a huge userbase, I was thinking that it would be an option...
  17. Yes, I know HTML. I also know XHTML and CSS. I am currently learning PHP and MySQL
  18. Here is the code I use: Add this at the top of the page <?php$stime=explode(' ', microtime());$stime=$stime[1]+$stime[0];?>Then at the bottom of the page: <?php$ftime=explode(' ', microtime());$time=round($ftime[1]+$ftime[0]-$stime, 4);echo 'Execution Time: '.$time;?>
  19. Well, I wrote this awhile ago (summer 2005) and I kinda just rushed through it. I'll do some research about why XHTML and HTML are different, and update my tutorial. Thanks for the suggestions.
  20. I don't really think it matters if you use XHTML or HTML...you mostly get the same results on your website...Most of the newer websites are using XHTML, so if I were you I'd change to XHTML...it's not that hard.
  21. Updated Version made on 3/5/06


Updates:


1.Made it for JUST XHTML


2.Differences from HTML section


3.XHTML1.1 and 1.0


Welcome to my basic XHTML tutorial.


---DIFFERENCES FROM HTML---


The document must be well formed:


-You can't have overlapping tags, for example:
 <em><p>hello</em></p> -That is incorrect <em><p>hello</p></em> -That is correct Tags must be all lower-case: -Tags are now case-sensitive <LI>List Item</LI> -Incorrect <li>List Item</li> -Correct Tags must be closed: -You must close all your tags <i>look, I'm in italics! <i> Me too! -Incorrect <i>look, I'm in italics!</i> <i> Me too!</i> -Correct For tags with no ending tag, use />: *edit* now it is good <br> -Incorrect <br /> -Correct *edit* now it is Attribute values must be in quotes: <td class=content> -Incorrect <td class="content"> -Correct This is just a short list. For a full list, go to: http://www.w3.org/TR/xhtml1/ ---MAKING THE PAGE--- First, you need webspace. If you don't have any, go to https://fukitol.com/optin. If you want a pay host, I suggest https://www.dreamhost.com/ If you already have webspace, we are ready to start. --The doctype-- A doctype specifies what type of XHTML the page is using. Here is the XHTML 1.1 doctype: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd; Here is the XHTML 1.0 doctype: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd; The doctype is the first thing you put in your file(unless there is PHP involved). I suggest using the XHTML 1.1 --Whats next-- Well, after you have the doctype in, you need to put an html tag in there. Here is what the code should look like for XHTML 1.1: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd; <html xmlns="http://www.w3.org/1999/xhtml/; Here is what the code should look like for XHTML 1.0: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd; <html xmlns="http://www.w3.org/1999/xhtml/;xml:lang="en" lang="en"> After the html tag, you need a head tag. Put <head> under <html>. Next, you need to title your page. Here is an example of title in XHTML 1.1: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd; <html xmlns="http://www.w3.org/1999/xhtml/; <head> <title>My uber site</title> XHTML 1.0: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd; <html xmlns="http://www.w3.org/1999/xhtml/;xml:lang="en" lang="en"> <head> <title>My uber site</title> Notice how I close the tags. If don't close tags, the won't work properly. --Adding CSS-- CSS is what makes the page colorful. It also make the page layout. There are a few ways to use CSS. One way is use the link tag. Here is the code: <link rel="stylesheet" type="text/css" href="css.css" /> Put that after the title tag. That code is for external style sheets. Notice how there is no </link> tag. That is because there is no finishing tag. When a tag has no finishing tag, use /> at the end. Here is the code for internal style sheets: <style type="text/css"> body { background-color: #FFFFFF } </style> Internal stylesheets also go under the title. --The finished head code-- Here is what the finished head code should look like(you can customize it anyway you want^_^!) XHTML 1.1: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd; <html> <head> <title>My uber site</title> <link rel="stylesheet" type="text/css" href="css.css" /> </head> XHTML 1.0: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd; <html xmlns="http://www.w3.org/1999/xhtml/;xml:lang="en" lang="en"> <head> <title>My uber site</title> <link rel="stylesheet" type="text/css" href="css.css" /> </head> **NOTICE** You can use either the internal or external stylesheet. I cover CSS later in the tutorial. --That's cool and all, but noting is showing up on my site-- Patience. You still need to add more tags. The body tag is used for all the content on your site. For example: XHTML 1.1: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd; <html> <head> <title>My uber site</title> <link rel="stylesheet" type="text/css" href="css.css" /> </head> <body> <p>Here is a paragraph. <b>Some text</b> is bold. <u>Underline'd</u>. <i>I love italics!</i></p> </body> </html> XHTML 1.0: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd; <html xmlns="http://www.w3.org/1999/xhtml/;xml:lang="en" lang="en"> <head> <title>My uber site</title> <link rel="stylesheet" type="text/css" href="css.css" /> </head> <body> <p>Here is a paragraph. <b>Some text</b> is bold. <u>Underline'd</u>. <i>I love italics!</i></p> </body> </html> **Some notes** Use the <p> tag whenever you use text. As you can see, <b> is bold, <u> is underline, and <i> is italics. ---CSS--- Now, that was a very simple page. Sure, you had css, but it wasn't used at all. Here is a code for what you can have in css.css: body { background-color: #FFFFFF; color: #000000 } p.text { background-color: #000000; color: #FFFFFF } **Some Notes** #000000 is black, #FFFFFF is white Now here is the code in XHTML 1.1: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd; <html> <head> <title>My uber site</title> <link rel="stylesheet" type="text/css" href="css.css" /> </head> <body> <p class="text">Text omg</p> </body> </html> XHTML 1.0: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd; <html xmlns="http://www.w3.org/1999/xhtml/;xml:lang="en" lang="en"> <head> <title>My uber site</title> <link rel="stylesheet" type="text/css" href="css.css" /> </head> <body> <p class="text">Text omg</p> </body> </html> --Layout-- Now that website example is just a black line with text. Not really a layout. Here is an example of a layout: http://forums.xisto.com/no_longer_exists/ It uses a sidebar, and well, its organized. -CSS- Here is a css code for a layout: body { background-color: #303030; font-family: Vernada, Arial; margin: 0px; color: #FFFFFF; padding: 0px; } h3, div, ul { background-color: #303030; font-family: Vernada, Arial; margin: 0px; color: #FFFFFF; padding: 0px; } h3 { margin: 0px; padding: 0px; background: #330099; } #content { float: right; width: 80%; postion: absolute; } #side { float: left; width: 20%; } #side li {list-style: none; background: #000066; font-size: 11pt; } a { color: #000000; } a:hover { color: #FFFFFF } XHTML 1.1 code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd; <html> <head> <title>My uber site</title> <link rel="stylesheet" type="text/css" href="css.css" /> </head> <body> <div id="content"> <h3>News</h3> Content here</div> <div id="side"> <h3>Links</h3> <ul> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> </ul> </div> </body> </html> XHTML 1.0 code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd; <html xmlns="http://www.w3.org/1999/xhtml/;xml:lang="en" lang="en"> <head> <title>My uber site</title> <link rel="stylesheet" type="text/css" href="css.css" /> </head> <body> <div id="content"> <h3>News</h3> Content here</div> <div id="side"> <h3>Links</h3> <ul> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> </ul> </div> </body> </html> **NOTICE** You can edit the content and links, maybe you could add a banner. Here is an example of the layout: http://hatgal.hostingrapid.com/rg-erdr.php?_rpo=t ---DIVS--- <div> is a common-used tag. As you can see in the above example, I use <div id="side"> along with <div id="content"> When using css with divs, #titlehere is used with id, and .titlehere is used for class. --Borders-- Here is the css part .content { float: right; border-style: solid; border-width: thin; width: 75%; } .nav { float: left; border-style: dashed; border-width: thin; width: 25%; } .footer { border-style: dotted; border-width: thin; width: 100%; } XHTML 1.1: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd; <html> <head> <title>My uber site</title> <link rel="stylesheet" type="text/css" href="css.css" /> </head> <body> <div class="content"> Look at my sweet solid border! </div> <div class="nav"> <a href="#">Link</a><br /> <a href="#">Link</a><br /> <a href="#">Link</a><br /> Don't you love the dash? </div> <div class="footer"> Copyright � Me 2005. I love this dotted border </div> </body> </html> XHTML 1.0: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd; <html xmlns="http://www.w3.org/1999/xhtml/;xml:lang="en" lang="en"> <head> <title>My uber site</title> <link rel="stylesheet" type="text/css" href="css.css" /> </head> <body> <div class="content"> Look at my sweet solid border! </div> <div class="nav"> <a href="#">Link</a><br /> <a href="#">Link</a><br /> <a href="#">Link</a><br /> Don't you love the dash? </div> <div class="footer"> Copyright � Me 2005. I love this dotted border </div> </body> </html> ---XHTML TAGS--- Here is a list of XHTML tags: http://htmldog.com/references/html/tags/ ---CSS PROPERTIES--- Here is a list of CSS 2.1 properties: http://htmldog.com/references/css/properties/ ---COPYRIGHT--- This tutorial is copyright Hat 2005-2006. Thanks to HTML Dog, Kev, and w3 Any questions? Email me: zeehow.lee@gmail.com Notice from jlhaslip: edit to fix 'bolded' closing tags originally shown as back-slashes '\' in error
×
×
  • Create New...

Important Information

Terms of Use | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.