Adblock breaks this site

HTML Guide #1

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

Thread Tools

Thread Tools

  • Thread ID:
  1. Great Orb Project

    Great Orb Project Member
    Banned

    Joined:
    Feb 15, 2010
    Posts:
    95
    Referrals:
    0
    Sythe Gold:
    0
    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]
     
    Great Orb Project, Feb 17, 2010
    #1
  2. Regulation-X

    Regulation-X Member
    Banned

    Joined:
    Jan 30, 2010
    Posts:
    93
    Referrals:
    0
    Sythe Gold:
    0
    HTML Guide #1
    It's actually <br /> ;).
    And you need to declare what type of html you are using; strict, transitional, etc.
     
    Regulation-X, Feb 20, 2010
    #2
  3. lilpjer

    lilpjer Grand Master
    Banned

    Joined:
    Jul 11, 2009
    Posts:
    2,009
    Referrals:
    3
    Sythe Gold:
    0
    HTML Guide #1
    very nice! 9/10 I like how you included pictures
     
    lilpjer, Feb 21, 2010
    #3
  4. Lukef555

    Lukef555 Grand Master
    Banned

    Joined:
    Aug 16, 2008
    Posts:
    3,206
    Referrals:
    6
    Sythe Gold:
    0
    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.
     
    Lukef555, May 4, 2010
    #4
  5. SuF

    SuF Legend
    Pirate Retired Global Moderator

    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
    HTML Guide #1
    XHTML please.
     
    SuF, May 4, 2010
    #5
  6. Panzy Wanzy

    Panzy Wanzy Guru
    $5 USD Donor

    Joined:
    Aug 22, 2009
    Posts:
    1,341
    Referrals:
    5
    Sythe Gold:
    0
    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.
     
    Panzy Wanzy, May 5, 2010
    #6
  7. TDD

    TDD Web Design Expert
    Do Not Trade

    Joined:
    Nov 20, 2005
    Posts:
    3,191
    Referrals:
    2
    Sythe Gold:
    0
    HTML Guide #1
    TDD, May 5, 2010
    #7
< favorite albums | For Sell Brand New HTC Google Nexus One-$210,BlackBerry Bold 9650$200,Nokia X6 >


 
 
Adblock breaks this site