Jump to content

  •  

  • iBotModz CBox


    Photo

    Beginning HTML: Lesson 3: Elements and tags


    • Please log in to reply
    5 replies to this topic

    #1 iBotPeaches

    iBotPeaches

      General Grade 6

    • Owner

    • 6,570 posts
    • Joined: 29-July 07
    • Gender:Male
    • Location:Kansas

    Posted 17 April 2008 - 05:04 AM

    Lesson 3: Elements and tags

    You are now ready to learn the essence of HTML: elements.

    Elements give structure to a HTML document and tells the browser how you want your website to be presented. Generally elements consists of a start tag, some content, and an end tag.

    "Tags"?
    Tags are labels you use to mark up the begining and end of an element.

    All tags have the same format: they begin with a less-than sign "<" and end with a greater-than sign ">".

    Generally speaking, there are two kinds of tags - opening tags: and closing tags: . The only difference between an opening tag and a closing tag is the forward slash "/". You label content by putting it between an opening tag and a closing tag.

    HTML is all about elements. To learn HTML is to learn and use different tags.

    Can you show me some examples?


    Okay, the element b bold text. All text between the opening tag and the closing tag is emphasized and bolded in the browser. ("b" is short for "bold".)

    Example 1:
    <b>Bolded text.</b>
    Will look like this in the browser:
    Bolded text.

    The elements h1, h2, h3, h4, h5 and h6 is used to make headings (h stands for "heading"), where h1 is the first level and normally the largest text, h2 is the second level and normally slightly smaller text, and h6 is the sixth and last in the hierarchy of headings and normally the smallest text.
    Example 2:
    <h1>This is a heading</h1>
    <h2>This is a subheading</h2>
    Will look like this in the browser:
    This is a heading
    This is a subheading

    So, I always need an opening tag and a closing tag?

    As they say, there's an exception to every rule and in HTML the exception is that there are a few elements which both open and close in the same tag. These so-called empty elements are not connected to a specific passage in the text but rather are isolated labels, for example, a line break which looks like this:
    .

    Should tags be typed in uppercase or lowercase?

    Most browsers might not care if you type your tags in upper, lower or mixed cases. , or will normally give the same result. However, the correct way is to type tags in lowercase. So get into the habit of writing your tags in lowercase.

    Where do I put all these tags?

    You type your tags in an HTML document. A website contains one or more HTML documents. When you surf the Web, you merely open different HTML documents.

    If you continue to the next lesson in 10 minutes you will have made your first website.

    #2 SmokiestGrunl

    SmokiestGrunl

      Australian Retired Staff

    • Retired Staff

    • 3,888 posts
    • Joined: 02-September 07
    • Gender:Male
    • Location:Australia

    Posted 17 April 2008 - 03:08 PM

    Are you writing these tutorials because if you are really nice job

    #3 iBotPeaches

    iBotPeaches

      General Grade 6

    • Owner

    • 6,570 posts
    • Joined: 29-July 07
    • Gender:Male
    • Location:Kansas

    Posted 17 April 2008 - 03:52 PM

    Lol no.

    I have a source. I might dedicate some time to write tutorials in my way so other people could understand them.

    #4 Snowmon333♥

    Snowmon333♥

      1337

    • Retired Staff

    • 1,029 posts
    • Joined: 25-August 07

    Posted 17 April 2008 - 05:38 PM

    can you post the rest ?

    #5 iBotPeaches

    iBotPeaches

      General Grade 6

    • Owner

    • 6,570 posts
    • Joined: 29-July 07
    • Gender:Male
    • Location:Kansas

    Posted 17 April 2008 - 06:07 PM

    1 per day. I don't have enough time to convert this HTML into bbcode slowly. I also have exams, new theme, halo 3 modding research, homework and my social life.

    I'll try and get 2 more up tonight. Thanks for reading

    #6 Snowmon333♥

    Snowmon333♥

      1337

    • Retired Staff

    • 1,029 posts
    • Joined: 25-August 07

    Posted 17 April 2008 - 07:27 PM

    ok take your time,i also have a shitload of stuff to do