The Notebook Review forums were hosted by TechTarget, who shut down them down on January 31, 2022. This static read-only archive was pulled by NBR forum users between January 20 and January 31, 2022, in an effort to make sure that the valuable technical information that had been posted on the forums is preserved. For current discussions, many NBR forum users moved over to NotebookTalk.net after the shutdown.
Problems? See this thread at archive.org.

    Basic HTML Tags for Forum

    Discussion in 'Asus' started by smilepak, Mar 29, 2005.

  1. smilepak

    smilepak Notebook Deity

    Reputations:
    43
    Messages:
    1,070
    Likes Received:
    0
    Trophy Points:
    55
    Here are some basic HTML tag you could use in the forum. With all commands, it need to start with "<TAG>" and end with "</TAG>"

    For example if you wand to BOLD you would need to encapsulate the world BOLD between those two tags mentioned above. Replace the word TAG with the letter "B".

    If you want insert an image you would need to have the image URL address and encapsulate it between the "IMG SRC=http://...."

    For example use the "<" then add IMG SRC=http://www.mydomain.com/test.jpg and then end it with the "> will insert the image

    If you want to link or create a clicky, similar to the image above you would do a "<" and add "a href=http://www.mydomain.com" (minus the "") and then close it with ">". Then type the text you want to surround the reference tag with, then close it with "< />"

    Let me know if you have questions.

    Updated: 03/30/2005
    Found this in one of the website, helpful too.

    [p][p][p][p][p][p][p][p][p][p][p][p][/p][/p][/p][/p][/p][/p][/p][/p][/p][/p][/p][/p]

    [p][p][p][p][p][p][p][p][p][p][p][/p][/p][/p][/p][/p][/p][/p][/p][/p][/p][/p]


    Okay, it's time to start making our text
    appear in different ways. Let's start by giving you some tags to
    work with:


    &lt;B>&lt;/B> This is the tag for bold text.

    Example:

    &lt;B>Howdy&lt;/B>

    This will show up on your page like this:

    Howdy


    Here are a few more to start working with:


    &lt;U>&lt;/U> Underline text

    &lt;U>Underline Me!&lt;/U>

    Underline Me!


    &lt;I>&lt;/I> Italics

    &lt;I>Isn't this fun?&lt;/I>

    Isn't this fun?


    &lt;STRIKE>&lt;/STRIKE>

    &lt;STRIKE>You're Out!&lt;/STRIKE>

    <STRIKE>You're Out!</STRIKE><STRIKE></STRIKE>


    &lt;CENTER>&lt;/CENTER>


    &lt;CENTER>This centers text on the page&lt;/CENTER>


    This centers text on the page




    Having fun yet? You can also use more than
    one tag at a time. Let's say you wanted something in bold and italics.
    To do this, just place both opening tags before the text.....and remember
    to close both tags afterwards....like this:


    &lt;B>&lt;I>I am bold AND Italic, which makes me cool!&lt;/I>&lt;/B>


    This will show up like this:

    I am bold AND Italic, which makes me cool!


    Does the order of the tags make a difference?
    In this case, it wouldn't matter which way you opened and closed the tags.
    However, working from inside out will help you see your code better,
    and will help when the order does matter! (such as placing the &lt;/HTML>
    tag before the &lt;/BODY> tag). Here's another way to look at working
    inside out. I could write the HTML this way:


    &lt;B>

    &lt;I>


    I am bold AND Italic, which makes me cool!

    &lt;/I>

    &lt;/B>


    This could get rather tedious. All you need
    to remember is that the text you have written is affected by every tag
    before it that has not been closed. The effect ends when each one
    of those tags is closed by it's closing tag.


    So lets try three things: Bold, Italic, and
    underline!


    &lt;B>&lt;I>&lt;U>Would you stop tagging me!&lt;/B>&lt;/I>&lt;/U>


    This will give us:

    [p]
    [B][I][U]Would you stop tagging me![/U][/I][/B]

    [p]
    But this:

    [p]
    &lt;U>&lt;I>&lt;B>Would you stop&lt;/B>&lt;/I>tagging me!&lt;/U>

    [p]
    would give us this!

    [p]
    [B][I][U]Would you stop[/U][/I][/B] [U]tagging me![/U]

    [p]
    As you can see, the bold and italics were closed
    before the word "tagging"....but the underline remained open until the
    end of the exclamation. This caused the "tagging me!" portion to
    be underlined, while not being affected by the bold or italics tags!

    [p]
    Now let's use the center tag from above. Since the default
    alignment of everything is to the left, it's nice to
    have a way to place things in the center of the page.
    So let's do just that. Use the &lt;CENTER> tag. Anything you
    place between the &lt;CENTER> and &lt;/CENTER> tags will
    be centered on the page. Here is an example:

    [p]
    &lt;CENTER>I'm in the middle!&lt;/CENTER>

    [p]
    This will give us the following:

    [p]
    [div='align=center']I'm in the middle![/div]

    [p]
    You can also use it with one or more of the other tags
    above, like this:

    [p]
    &lt;CENTER>&lt;B>&lt;I>Look at me now!&lt;/I>&lt;/B>&lt;/CENTER>

    [p]
    [div='align=center'][B][I]Look at me now![/I][/B][/div][/p][/p][/p][/p][/p][/p][/p][/p][/p][/p][/p][/p][/p]

    [p][p][p][p][p][p][p][p][p][p]



    [B]Laptop:[/B] Asus Z71V From www.proportable.com
    * Intel® Pentium® M 750 - 1.86GHz
    * 2GB DDR2-533 Corsair
    * Hitachi Travelstar 60GB 7200 RPM w/ 8MB Buffer
    [B]My Website: [/B]http://www.smilepak.com
    [URL=http://www.smilepak.com][IMG]http://www.knguyentu.com/images/sigbanner.jpg[/IMG][/URL]
    [br][/br][/p][/p][/p][/p][/p][/p][/p][/p][/p][/p]

     
    Last edited by a moderator: May 12, 2015
  2. PROPortable

    PROPortable Company Representative

    Reputations:
    418
    Messages:
    8,782
    Likes Received:
    0
    Trophy Points:
    205
    Thanks for heads up..... I didn't realize I could use html in the post...... this will make some of my longer posts make more sense now. [ :)]

    Thanks,
    Justin
    PROPortable
    www.proportable.com
    [email protected]
     
  3. Underpantman

    Underpantman Notebook Virtuoso

    Reputations:
    356
    Messages:
    2,073
    Likes Received:
    0
    Trophy Points:
    55
    Great post,
    Since using dreamweaver, I have pretty much forgotten all the of the html I knew....which wasn't very much...lol
    This will make it easier to remember, shall make it sticky for everyone!
    a
    :)

    ASUS M6Ne 15.4" WSXGA 1.7 PM ATI9700 80Gb HDD 1Gb RAM
     
  4. smilepak

    smilepak Notebook Deity

    Reputations:
    43
    Messages:
    1,070
    Likes Received:
    0
    Trophy Points:
    55
    Nice got a sticky here to!

    LoL! I have to figure out how to type those tag w/o having the system translate it through the browser.

    Laptop: Asus Z71V From www.proportable.com
    * Intel® Pentium® M 750 - 1.86GHz
    * 2GB DDR2-533 Corsair
    * Hitachi Travelstar 60GB 7200 RPM w/ 8MB Buffer
    FAQ Most asked about laptops: http://notebookforums.com/showthread.php?t=61505

    [​IMG]


     
    Last edited by a moderator: May 8, 2015
  5. PROPortable

    PROPortable Company Representative

    Reputations:
    418
    Messages:
    8,782
    Likes Received:
    0
    Trophy Points:
    205
    How can I insert pictures directly into the post?

    Thanks,
    Justin
    PROPortable
    www.proportable.com
    [email protected]
     
  6. smilepak

    smilepak Notebook Deity

    Reputations:
    43
    Messages:
    1,070
    Likes Received:
    0
    Trophy Points:
    55
    <blockquote id='quote'> quote:<hr height='1' noshade id='quote'>Originally posted by PROPortable

     
    Last edited by a moderator: May 8, 2015
  7. PROPortable

    PROPortable Company Representative

    Reputations:
    418
    Messages:
    8,782
    Likes Received:
    0
    Trophy Points:
    205
  8. PROPortable

    PROPortable Company Representative

    Reputations:
    418
    Messages:
    8,782
    Likes Received:
    0
    Trophy Points:
    205
    OK, thanks.. lets try this out...

    [​IMG]



    Thanks,
    Justin
    PROPortable
    www.proportable.com
    [email protected]
     
    Last edited by a moderator: May 5, 2015