HTML Guide #1

Discussion in 'Archives' started by Great Orb Project, Feb 17, 2010.

Sign in to Post
Thread Tools

Thread Tools

  • Thread ID:
HTML Guide #1
  1. Unread #1 - Feb 17, 2010 at 8:41 AM
  2. Great Orb Project
    Joined:
    Feb 15, 2010
    Posts:
    95
    Referrals:
    0
    Sythe Gold:
    0

    Great Orb Project Member
    Banned

    HTML Guide #1
    I am Harrison from the forum where this guide is originally posted.

    Simple HTML Guide:

    In this beginners guide to HTML, i will teach you the basic things that you should learn when learning to code HTML.

    These are not hard things to do, any ANYBODY can do them.

    I know HTML isn't enabled, but i will still teach it.

    What Will Be Covered:

    - Headings
    - Paragraphs
    - Bodies
    - Horizontal Lines
    - Line Breaks

    To Start:

    To start any HTML code, you must first put the html and body tags.

    HTML Tag -
    Code:
    <html> and </html>
    Body Tag -
    Code:
    <body> and </body>
    The html tag basically tells the computer that this is an html document. Without it, your code will be worthless. The html code goes at the bottom and top of the code.

    The body tag basically tells the computer that will be shown in the code. Anything between the body tags will be visible. Anything that's not between them will not be.

    An Example Of The HTML And Body Tags:

    Code:
    <html>
<body>


</body>
</html>


    It's very similar to bbcode. You need the "/" to end it. If you put the <html> at the very top, the </html> goes at the very bottom. The HTML tags MUST be at the very top and very bottom of the code.

    Paragraphs:

    Paragraphs in html are exactly the same as they are in a word document.

    The paragraph tags are:

    Code:
    <p> and </p>
    The body paragraphs go between the body tags, well at least if you want them to be visible, which they should be.

    Example Of What I've Covered So Far:

    Below is an example of what i've taught you so far in this guide

    Code:
    <html>
<body>

<p>Harrison's Html Guide</p>

</body>
</html>
    Remember to put the ending tags or the code will not come out properly.

    Horizontal Lines (Rules):

    A horizontal line, or rule, is just a straight line that goes through the code. It can be any color of your choice.

    The Horizontal Line tag is:
    Code:
    <hr />
    Their is only ONE line tag. You use it under the line that you want the line to be under.

    An Example Of Everything I've Taught You So Far:

    Like before, below is an example of what i've covered so far.

    Code:
    <html>
<body>

<p>Harrison's Html Guide</p>
<hr />

</body>
</html>
    Line Breaks:

    Ahh, on to the line breaks. Line breaks are what make something look like this:

    My Name
    Is
    Harrison

    Rather than:

    My Name Is Harrison

    The Line Break tag is:
    Code:
    <br>
    You put the line break tag directly before the word you want on the next line.

    Example Of Everything I've Taught You:

    Once again, below is an example of everything you've learned so far in this guide.

    Code:
    <html>
<body>

<p>Harrison's <br> Html <br> Guide</p>
<hr />

</body>
</html>

    Thank you for reading. My next HTML guide will cover font styles/colors/background colors, and how to view your html codes.

    Following this guide will give you this end product:

    [​IMG]
     
    Share
  3. Unread #2 - Feb 20, 2010 at 11:39 PM
  4. Regulation-X
    Joined:
    Jan 30, 2010
    Posts:
    93
    Referrals:
    0
    Sythe Gold:
    0

    Regulation-X Member
    Banned

    HTML Guide #1
    It's actually <br /> ;).
    And you need to declare what type of html you are using; strict, transitional, etc.
     
    Share
  5. Unread #3 - Feb 21, 2010 at 11:17 PM
  6. lilpjer
    Joined:
    Jul 11, 2009
    Posts:
    2,009
    Referrals:
    3
    Sythe Gold:
    0

    lilpjer Grand Master
    Banned

    HTML Guide #1
    very nice! 9/10 I like how you included pictures
     
    Share
  7. Unread #4 - May 4, 2010 at 8:44 PM
  8. Lukef555
    Joined:
    Aug 16, 2008
    Posts:
    3,206
    Referrals:
    6
    Sythe Gold:
    0

    Lukef555 Grand Master
    Banned

    HTML Guide #1
    I needed this, alot. :)

    Well written guide, could use better format but an overall good guide, i plan on reading part 2.

    7/10.
     
    Share
  9. Unread #5 - May 4, 2010 at 9:16 PM
  10. SuF
    Joined:
    Jan 21, 2007
    Posts:
    14,211
    Referrals:
    28
    Sythe Gold:
    1,234
    Discord Unique ID:
    203283096668340224
    <3 n4n0 Two Factor Authentication User Community Participant Spam Forum Participant Sythe's 10th Anniversary

    SuF Legend
    Pirate Retired Global Moderator

    HTML Guide #1
    XHTML please.
     
    Share
  11. Unread #6 - May 5, 2010 at 1:58 AM
  12. Panzy Wanzy
    Joined:
    Aug 22, 2009
    Posts:
    1,341
    Referrals:
    5
    Sythe Gold:
    0

    Panzy Wanzy Guru
    $5 USD Donor

    HTML Guide #1
    I must say, I never knew about the <hr /> tag, thanks for that. I'm pretty nooby at HTML, trying to study up now. :p
    Thanks man.
     
    Share
  13. Unread #7 - May 5, 2010 at 8:05 AM
  14. TDD
    Joined:
    Nov 20, 2005
    Posts:
    3,191
    Referrals:
    2
    Sythe Gold:
    0

    TDD Web Design Expert
    Do Not Trade

    HTML Guide #1
    Share
< favorite albums | For Sell Brand New HTC Google Nexus One-$210,BlackBerry Bold 9650$200,Nokia X6 >

Users viewing this thread
1 guest


 
 
Adblock breaks this site