Adblock breaks this site

HTML and XHTML guide

Discussion in 'Web Programming' started by mage3158, Jun 25, 2007.

Thread Tools

Thread Tools

  • Thread ID:
  1. mage3158

    mage3158 Grand Master

    Joined:
    Jan 27, 2007
    Posts:
    2,415
    Referrals:
    0
    Sythe Gold:
    330
    Discord Unique ID:
    148244190378196992
    Discord Username:
    Crabby#0989
    Not sure if srs or just newfag...
    HTML and XHTML guide
    The Basics

    Alright for the basics I will show you some different tabs and how they look.

    Also when you're making tabs THEY MUST BE LOWERCASE! (For XHTML.)

    For one there is the paragraph tab:
    Code:
    <p>This is a paragraphs :O :O :O</p>
<p>This be another paragraph :O:O:O</p>
    Example

    The bold tabs:
    Code:
    <b>This be in bold</b>
    Example

    The Italics:
    Code:
    <i>Now this be in italics</i>
    Example

    Now this is how you would order them if you were to use more than one tab at once.
    Code:
    <p><b><i> Now this is a mixture </i></b></p>

<p><b><i>^ see?</i></b></p>
    Example

    Striken text:
    Code:
    <s> Your gay!!! </s>
just kidding
    Example

    Horizontal Rule:
    Code:
    <hr />
    Example

    Underline:
    Code:
    <u>this is super underlined text here</u>
    Example

    Anchor tabs (Links):
    Code:
    <a href="http://mysite.com"> ME WEBSITE LOLOLOLOLOLOLOLOL </a>
    or
    Code:
    <a href="/index.html"> The index</a>
    ^This goes to an existing page in your website such as the index.
    Example

    Image tags:
    Code:
    <img src="http://lolololol.com/imaglolololololololol.png" />
    Example

    The Site
    Now to start forming a website.

    This an extremely basic website.
    Code:
    <html>

<head>
<title> My crappy webpage lol...BOOBIES!!!</title>
</head>

<body>
This be my crappy website lol...
</body>

</html>
    Example

    To add CSS to your page you must make a CSS file code that and add this to your page.
    Code:
    <html>

<head>
<title> My crappy webpage lol...BOOBIES!!!</title>
<link rel="stylesheet" href="styles.css" type="text/css" />
</head>

<body>
This be my crappy website lol...
</body>

</html>
    Example

    Now to add meta tags for search engines etc...
    Code:
    <html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="keywords" content="thisbekeyword" />
<meta name="description" content="description for your site" />
<title> My crappy webpage lol...BOOBIES!!!</title>
<link rel="stylesheet" href="styles.css" type="text/css" />
</head>

<body>
This be my crappy website lol...
</body>

</html>
    Example

    Now to add the Doc type:
    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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="keywords" content="thisbekeyword" />
<meta name="description" content="description for your site" />
<title> My crappy webpage lol...BOOBIES!!!</title>
<link rel="stylesheet" href="styles.css" type="text/css" />
</head>

<body>
<p>This be my crappy website lol...</p>
</body>

</html>
    Example

    You can use XHTML strict but I don't recommend it.
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/2002/REC-xhtml1-20020801/DTD/xhtml1-strict.dtd">
    This is all for now, but I'll explain more on making a website with my CSS tutorial.


    Edit: Website is now back up.
     
    mage3158, Jun 25, 2007
    #1
  2. MellowYellow

    MellowYellow Guest

    Referrals:
    0
    HTML and XHTML guide
    Just to note, the strike-through and underline tags are deprecated in HTML 4 and XHTML 1.

    Also, you cannot place text within the body tags without some type of container such as a <p> tag.

    And ALWAYS PLACE A CORRECT DOCTYPE IN YOUR DOCUMENT or else it will be processed as HTML, regardless of what you write it in, XHTML or HTML.

    Even if you do include an XHTML doctype, however, many browsers still send XHTML through their HTML parsers instead of the XML parser, making your XHTML page simply malformed HTML, the reason why I do not recommend using XHTML.
     
    MellowYellow, Jun 26, 2007
    #2
  3. mage3158

    mage3158 Grand Master

    Joined:
    Jan 27, 2007
    Posts:
    2,415
    Referrals:
    0
    Sythe Gold:
    330
    Discord Unique ID:
    148244190378196992
    Discord Username:
    Crabby#0989
    Not sure if srs or just newfag...
    HTML and XHTML guide
    Oops forgot about that...
    Adding now.
     
    mage3158, Jun 26, 2007
    #3
< Help with HTML. Serious. | HTML Guide. >


 
 
Adblock breaks this site