Page 1 of 2 12 LastLast
Results 1 to 10 of 11

Thread: Html Tutorial

  1. #1
    Senior Member DeadAddict's Avatar
    Join Date
    Jun 2003
    Posts
    2,583

    Html Tutorial

    Html tutorial

    This tutorial is about the basic components of a html web page that anyone with a little patience and a little time can create.

    These 4 html tags( or 8 if you want to be a smartass about it ) are the starting points for any web page
    I will explain them in the order that they are presented here and along with some examples
    <html></html>
    <title></title>
    <head></head>
    <body></body>


    The first tag that is used when starting a web page is the <Html> tag
    This tag tells the web browser that you are using that this is an Html document

    To end a tag you use a " / " here is a example I only want one word to be bold. the following two tags are used to start and end the bold text, type The Text between these two tags will be bold any text beyond here will not be bold

    <Title></title>
    any text between these tags will be at the top of your web browser and it should tell the person who is viewing your page what the page is about.
    Example<title> html tutorial </title> any text beyond these tags will not be in the title if you look up at the top of your browser you will see Html tutorial

    <head></head>
    The head tag contains what your page will be about this should contain as much information as the title tag
    example <Head> This is a Html Tutorial</head>

    <Body></body>
    Example The content you put between these tags will be the main part of your web page that people who come to your site will be looking at the most, so it is a good idea to have interesting content the words in this tutorial are between the body tags

    <Meta></meta>
    Meta tags are not required to make a web page but they do help people find your site when they use a search engine such as google
    As an example if your page was about your favorite Movies the Html code you would use is
    <Meta Name=”keywords” Content=”Movies, Actors”> </meta> these tags will not be seen when the finished page is viewed

    These following tags you use in the body part of your web page

    <body Link=? >change the ? To what ever color you want the link to be <Body link=blue> or the hex number
    <Body Vlink=? >this tag is used to change the color on a visited link you wouldn’t want to have the unvisited links and the links the same color if you have a lot of links on your page.


    </p>
    this makes a new paragraph
    <p align=?> Aligns a paragraph to the left, right, or center

    makes a space between sentences or a line break

    To add a image into your web page
    <img src=”file name”>

    To use a picture as a link
    <img src="Your image”>

    Create a link on your page so people who visit your page can e-mail you
    <a href=mailto:your email</a>

    Use a picture as a e-mail link
    [img]your image[/img]


    These following tags are used to change the look of your text

    [I] is used to make your text Italic this is what italic looks like
    [b]will make the text bold this is bold text
    <strike></strike> Strike is used to put a line through text
    Headers the header text is what is used at the top of your web page you use Numbers 1-6 depending on the size that you want your text to be
    <H1></h1> this creates a large head line This is the large headline
    <h6></h6> creates a small headline This is a small head line

    To change the color of your text
    <body text=”#0000ff”> or you can use the word blue your web browser can use both
    At the bottom of this tutorial I will have a link to a site that has a list of different colors and the numbers for you to use

    To make one line of text or one word the color red
    <Font color=”ff0000”>Red</font> this will make the one line or word
    Make your text bigger or smaller
    To make your text bigger or smaller you use a number between 1-7 you can choose a number higher than 7 the higher the number the bigger your text will be
    Example <font size=”?”>Change the ? To a number you want your text size to be.

    Make the background stationary
    To make your background look like it is stationaryand have the text and everything else move while you scroll on a web page <BODY background="your background image”bgproperites=”fixed”

    Make a unordered list
    this list is used for items or links that can be used in any order
    Example
    <UL>
    <L1>Mouse
    <L1>Keyboard
    <L1>Code
    <L1>Monitor
    <L1>Hardrive
    [/UL]
    • This
    • is
    • what a
    • Unordered
    • List looks like


    Ordered list
    to make a order list it is pretty much the same as the Unordered list but with one change instead of using <UL> we use [list=1]
    1. <LI>Mouse
      <L1>Keyboard
      <LI>Code
      <LI>Monitor
      <LI>Hardrive


    [list=1][*]Mouse[*]Keyboard[*]Code[*]Monitor[*]Harddrive[/list=1]

    The link to the color codes and hex numbers
    http://hotwired.lycos.com/webmonkey/...e/color_codes/


    Thank you for reading this tutorial

  2. #2
    Good man but just for the newbie html editors =D www.htmlgoodies.com is another great site for all the newbie html writers out there. Thx man -Viz

  3. #3
    Junior Member
    Join Date
    Aug 2003
    Posts
    15
    very helpful...thanks
    \"Ships in the harbour are safe, but that is not what ships are made for\" -Unknown

  4. #4
    Senior Member DeadAddict's Avatar
    Join Date
    Jun 2003
    Posts
    2,583
    Thanks for the replies ,they are greatly appreciated

  5. #5
    Your tutorial is very well written and thanks for taking the time to write it and post it here at A.O

  6. #6
    Senior Member
    Join Date
    May 2002
    Posts
    344
    thanks ill book mark this for future references
    Support your right to arm bears.


    ^^This was the first video game which i played on an old win3.1 box

  7. #7
    Junior Member
    Join Date
    Feb 2006
    Location
    INDIA
    Posts
    5

    good

    i think ur tutorial on HTML is good one,for only new commer.i think www.w3c.org should be mention here

  8. #8
    Junior Member
    Join Date
    Oct 2004
    Posts
    1
    Thank you for the tutorial!

  9. #9
    T3h 1337 N00b kryptonic's Avatar
    Join Date
    Sep 2003
    Location
    Seattle, Washington.
    Posts
    523
    this tutorail was posted over 2 years ago....make sure you look at the dates before you post comments.

    cheers
    kryptonic

  10. #10
    Junior Member
    Join Date
    Sep 2015
    Posts
    26
    Thanks for the information.These tags are very helpful for the SEO users....

Posting Permissions

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