Results 1 to 9 of 9

Thread: Quick Run Down On Basic HTML Tags

  1. #1
    Charles's Avatar
    Charles is offline Senior Net Builder
    Join Date
    Dec 2008
    Location
    On the Bike
    Posts
    1,211
    Blog Entries
    5
    Thanks
    311
    Thanked 311 Times in 212 Posts

    Quick Run Down On Basic HTML Tags

    What Does HTML Stand for? Hyper-Text Markup Language.

    HTML Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    This informs your web browser that you are running an HTML document, and specifies which version of HTML the document is using (in this case XHTML 1.0 Strict / English).

    HTML Code:
    <html></html>
    These tags open and close HTML documents.

    HTML Code:
    <head></head>
    These tags open the header section of your document, which usually includes <title> tags and <meta> information.

    HTML Code:
    <title>Untitled Document</title>
    This specifies the title of the document, which is displayed on the upper-left hand corner of your screen. The <title> tag is generally located in the <head> of your document.

    HTML Code:
    <meta name="keywords" content="untitled, document" />
    <meta name="description" content="This document is untitled." />
    These are <meta> tags, which improve your on-page SEO, helping you to have a higher SERP.

    HTML Code:
    <link rel="stylesheet" href="includes/style.css" type="text/css" media="screen" />
    This specifies the location of your Cascading Style Sheet. A Cascading Style Sheet allows you to change the output of <html> tags (i.e. alter text-face, amount of space between paragraphs etc).

    HTML Code:
    <body></body>
    This specifies that you are entering the body of your document, where your content will be held.

    HTML Code:
    <p>This is a paragraph full of text.</p>
    These are paragraph tags.

    HTML Code:
    <br />
    This will bring your text down to the next line
    like this.

    HTML Code:
    <hr />
    The Horizontal Rule is an underused tag, which acts as a line straight across the page -- allowing you to separate different sections of your document.

    HTML Code:
    <h1>Heading 1</h1>
    <h2>Heading 2</h2>
    <h3>Heading 3</h3>
    etc.
    The <h> tags will output different size headings. These are perfect to stuff your keyword in, as another form of on-page SEO.

    HTML Code:
    <a href="http://www.netbuilders.org">Net Builders</a>
    The Anchor tag allows you to insert hyperlinks into your document. Between the double-quotes, you should place the URL that you wish to link to. The Anchor text can be placed after the first ">" sign.

    HTML Code:
    <img src="image.jpg" />
    The Image tag allows you to place images into your document. Between the double-quotes, specify the location of your image.

    HTML Code:
    <b></b>
    This tag allows you to bold your text.

    HTML Code:
    <i></i>
    This tag allows you to italicize your text.

    HTML Code:
    <u></u>
    This tag allows you to underline your text.

    HTML Code:
    <ul></ul>
    This tag specifies that you are going to start an Unordered List.

    HTML Code:
    <ol></ol>
    This tag specifies that you are going to start an Ordered List.

    HTML Code:
    <li>Listed item.</li>
    Listed items can be placed inside the <ul>/<ol> tags. An example of an Unordered List below.

    HTML Code:
    <ul>
    <li>Listed item.</li>
    </ul>
    This will output:

    • Listed item

    HTML Code:
    <table border="1"></table>
    This tag specifies that you are going to insert a Table into your document. Alter the value in double-quotes to decrease/increase the thickness of the table's border.

    HTML Code:
    <tr></tr>
    This tag specifies that you are going to create a new Table Row, this tag should be placed within the <table> tag.

    HTML Code:
    <td></td>
    This tag specifies that you are going to insert a Table Data Cell, this tag should be placed within the <tr> tag. An example of a table is below.

    HTML Code:
    <table border="1">
    <tr>
    <td>Row one, Cell one</td>
    <td>Row one, Cell two</td>
    <td>Row one, Cell three</td>
    </tr>
    <tr>
    <td>Row two, Cell one</td>
    <td>Row two, Cell two</td>
    <td>Row two, Cell three</td>
    </tr>
    </table>
    Unfortunately, BBCode does not allow you to insert tables, so you will need to save this example as a .html document in order to view it in your browser.

    That's about all that you should need to know in order to create a basic HTML document.

  2. Thanked by:

    Haris (28 December, 2008), LogicFlux (19 December, 2008), m42 (28 December, 2008), newgenservices (8 January, 2009), Shenron (18 December, 2008), Will.Spencer (18 December, 2008)

  3. #2
    Mr.Bill's Avatar
    Mr.Bill is offline One is glad to be of service
    Join Date
    Dec 2008
    Location
    Redmond, Oregon
    Posts
    828
    Blog Entries
    1
    Thanks
    72
    Thanked 350 Times in 182 Posts
    Nice of you to put this together, Wouldn't it be better to use

    HTML Code:
    <strong></strong>
    instead of

    HTML Code:
    <b></b>
    I dont think a page will validate if you use the later

    Reverse IP Check ಠ_ಠ Proxy Sites
    <?php if ($youask == 'stupid question') { echo ('stupid answer'); } ?>

  4. Thanked by:

    m42 (28 December, 2008)

  5. #3
    Charles's Avatar
    Charles is offline Senior Net Builder
    Join Date
    Dec 2008
    Location
    On the Bike
    Posts
    1,211
    Blog Entries
    5
    Thanks
    311
    Thanked 311 Times in 212 Posts
    Quote Originally Posted by Mr.Bill View Post
    Nice of you to put this together, Wouldn't it be better to use

    HTML Code:
    <strong></strong>
    Personally, I wouldn't recommend using either. Use Heading tags, and alter your Cascading Style Sheet to be the equivalent of a <b> tag -- much better for your on-page SEO. If you want to use a <b> tag inside your content (which shouldn't be too often, anyway), then yes, it probably would be better to use a <strong> tag.

  6. #4
    Shenron's Avatar
    Shenron is offline Administrator
    Join Date
    Dec 2008
    Location
    Portugal
    Posts
    1,900
    Blog Entries
    2
    Thanks
    561
    Thanked 548 Times in 368 Posts
    Another cool guide Charles!

    Thx a lot.

  7. #5
    Charles's Avatar
    Charles is offline Senior Net Builder
    Join Date
    Dec 2008
    Location
    On the Bike
    Posts
    1,211
    Blog Entries
    5
    Thanks
    311
    Thanked 311 Times in 212 Posts
    Quote Originally Posted by Shenron View Post
    Another cool guide Charles!

    Thx a lot.
    You've read it -- so I'll consider it well worth my time.

  8. #6
    Codythebest's Avatar
    Codythebest is offline Net Builder
    Join Date
    Dec 2008
    Location
    Fuerteventura
    Posts
    167
    Thanks
    4
    Thanked 29 Times in 25 Posts
    I read it too. Nice, quick, precise and easy. Good job...Can't wait the next tutorial
    Cabins Renta
    New & Free Bitchylife.com widget is ready !
    7 methods to create free PVAs at 7pva.com

  9. #7
    elbandelero's Avatar
    elbandelero is offline Net Builder
    Join Date
    Dec 2008
    Location
    Spain
    Posts
    544
    Thanks
    209
    Thanked 106 Times in 80 Posts
    Quote Originally Posted by Charles View Post
    Personally, I wouldn't recommend using either. Use Heading tags, and alter your Cascading Style Sheet to be the equivalent of a <b> tag -- much better for your on-page SEO. If you want to use a <b> tag inside your content (which shouldn't be too often, anyway), then yes, it probably would be better to use a <strong> tag.

    The only problem with using heading tags is that they are block level tags meaning if you bold some text within a paragraph and use a heading tag you are going to get a newline. You could convert certain heading tags to inline, but that defeats the purpose of having separate heading tags and the strong tag.

  10. #8
    Will.Spencer's Avatar
    Will.Spencer is offline Retired
    Join Date
    Dec 2008
    Posts
    5,033
    Blog Entries
    1
    Thanks
    1,010
    Thanked 2,329 Times in 1,259 Posts
    Quote Originally Posted by elbandelero View Post
    The only problem with using heading tags is that they are block level tags meaning if you bold some text within a paragraph and use a heading tag you are going to get a newline.
    Don't use heading tags within paragraphs.

    But, do use heading tags. They aren't just for display, they are a very important part of SEO. Search engines use the contents of the heading tags to determine the relevance of a page as it relates to keyword searches.

    Using your target keywords in your <h1>, <h2>, and <h3> tags will help you rank for those keywords.
    Submit Your Webmaster Related Sites to the NB Directory
    I swear, by my life and my love of it, that I will never live for the sake of another man, nor ask another man to live for mine.

  11. #9
    Charles's Avatar
    Charles is offline Senior Net Builder
    Join Date
    Dec 2008
    Location
    On the Bike
    Posts
    1,211
    Blog Entries
    5
    Thanks
    311
    Thanked 311 Times in 212 Posts
    Quote Originally Posted by elbandelero View Post
    The only problem with using heading tags is that they are block level tags meaning if you bold some text within a paragraph and use a heading tag you are going to get a newline. You could convert certain heading tags to inline, but that defeats the purpose of having separate heading tags and the strong tag.
    I've never used a <b> tag inline on any of the Web sites that I've owned. I don't know why, it just looks ugly. I prefer to italize text.

Similar Threads

  1. H1 tags. How much is too much?
    By rome9t9 in forum On-Site SEO
    Replies: 17
    Last Post: 30 July, 2013, 04:56 AM
  2. Meta Tags
    By Sbfc_ in forum Promoting
    Replies: 16
    Last Post: 18 July, 2010, 05:42 AM
  3. Why Are Meta Tags Used?
    By Farrhad A in forum Promoting
    Replies: 7
    Last Post: 31 May, 2009, 21:37 PM
  4. [WTS] Charm HTML PSD to HTML service
    By yangyang in forum Services
    Replies: 0
    Last Post: 10 December, 2008, 01:36 AM

Tags for this Thread

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •