Dismiss Notice
Welcome to Our Community
Wanting to join the rest of our members? Feel free to sign up today.

How to create a web page with "HTML TAGS"

Discussion in 'General Webmaster Helpdesk' started by lovely, Oct 31, 2004.

  1. lovely

    lovely Guest

    How to create a web Page with "HTML TAGS".

    What is HTML: -
    HTML is an acronym for HyperText Markup Language and is used to create all the pages that exist on the Internet. Put in very simple terms HTML is a way of generating a page of a book electronically. It is interpreted by a web browser so that words and pictures can be displayed on your computer screen. In fact a website could almost be described as an online book.

    HTML is written in plain text and therefore needs to be created in a text editor such as Notepad or WordPad etc. Your HTML must not be saved as for example a Word document as this will not work. To run Notepad or WordPad click on the start button, select Programs, then Accessories and finally select Notepad or WordPad.

    The first page of your website is always called index.htm. This is the page the browser will display when it visits your site. With this in mind, you should perhaps try and capture the nature of your website on the index page and have links to additional pages from there. The extension “.htm†or “.html†must be used for all web pages so that the browser knows it is an HTML page.

    Note: You MUST create the index.htm page or your website will NOT work.

    HTML code
    There are two main parts to HTML. Text that is held within angle brackets and text that is not held within angle brackets. Just incase you are wondering what an angle bracket is they are the < and > brackets.

    Any text inside these angle brackets is called an HTML TAG; this means it is part of the HTML language. Anything else is the text that is going to be displayed by the browser.

    Basic guide to html tags
    There are basically two ways to make a web page. The first way is to create the page(s) offline and then upload them to your Internet Service Provider (ISP) via FTP or any other software. The second way is to create your web page(s) online using a Telnet program by accessing your UNIX account, if you have one.

    If you are creating your web page(s) offline, do so in any text editing as mention above or word processing document. If you want to make use of word processing document, make sure that when you save your document, you save it as a â€ÂÂtextâ€ÂÂ, “plain text†or “text only†document. Otherwise a web browser will not read it properly. Once you have created your page(s), you will need to contact your ISP about how to go about uploading them to your server.

    If you have a UNIX account, you can create your web page(s) online. You first need to get a program that can access your UNIX account. I recommend Telnet for the for Mac or Ewan for windows 95/98.

    Once you can access your account, you need to make a new directory called “public_htmlâ€ÂÂ. You do this by typing: mkdir public_html

    After this, change your directory called “public_htmlâ€ÂÂ.

    cd public_html

    If you want to, you can make other directories, one for all the web page that you make, and one for all of the graphics that you have. Follow the same step as above to do this.

    Next, you need to think of a filename for your page (this is not a title, but what will be in the URL). A common filename for a main WebPages is “indexâ€ÂÂ. Once you’ve decided on this, â€ÂÂhtml or htm†to the end of it. Then type (i.e.)

    Lovely index.html or Lovely index.htm

    Of course, use any other filename, instead of this one. Next you need to gain some knowledge of the many HTML commends. Lucky for you, I’ve already gotten some of the basic commends for you. Follow the index below, to decide what to put on your page, and how to do it. Once you’ve gotten started, exit your page. You can do this by pressing control-x. Then you need to type:

    Chmod 744 index.html

    Only do this with the filename of your page. You only need to do this the very first time that you leave your web page. This commend will make sure that nobody else can delete your page. You will need to do this to any other page that you make in the future. Then, look at your page on the www. Let say that your server http://www.velnet-ngr.com your username is “username†and the name of your page is “index.htmlâ€ÂÂ. The URL would normally be:


    However, you will need to contact your ISP for your URL.

    If you have made separate directories for page and graphics, then you need to include that in the URL also. Let say that you made a directory for all of your web page, called “Pageâ€ÂÂ. The new URL would be:

    Most HTML commands have an opening and closing tag. The following are reference HTML TAG:

    Basic Tags
    <html></html>Creates an HTML document
    <head></head>Sets off the title and other information that isn't displayed on the Web page itself
    <body></body>Sets off the visible portion of the document

    Header Tags
    <title></title>Puts the name of the document in the title bar

    Body Attributes
    <body bgcolor=?>Sets the background color, using name or hex value
    <body text=?>Sets the text color, using name or hex value
    <body link=?>Sets the color of links, using name or hex value
    <body vlink=?>Sets the color of followed links, using name or hex value
    <body alink=?>Sets the color of links on click

    Text Tags
    <pre></pre>Creates preformatted text
    <hl></hl>Creates the largest headline
    <h6></h6>Creates the smallest headline
    <b></b>Creates bold text
    <i></i>Creates italic text
    <tt></tt>Creates teletype, or typewriter-style text
    <cite></cite>Creates a citation, usually italic
    <em></em>Emphasizes a word (with italic or bold)
    <strong></strong> Emphasizes a word (with italic or bold)
    <font size=?></font>Sets size of font, from 1 to 7)
    <font color=?></font>Sets font color, using name or hex value

    <a href="URL"></a>Creates a hyperlink
    <a href="mailto:EMAIL"></a>Creates a mailto link
    <a name="NAME"></a>Creates a target location within a document
    <a href="#NAME"></a>Links to that target location from elsewhere in the document

    <p></p>Creates a new paragraph
    <p align=?>Aligns a paragraph to the left, right, or center
    <br>Inserts a line break
    <blockquote></blockquote> Indents text from both sides
    <dl></dl>Creates a definition list
    <dt>Precedes each definition term
    <dd>Precedes each definition
    <ol></ol>Creates a numbered list
    <li></li>Precedes each list item, and adds a number
    <ul></ul>Creates a bulleted list
    <div align=?>A generic tag used to format large blocks of HTML, also used for stylesheets

    Graphical Elements
    <img src="name">Adds an image
    <img src="name" align=?>Aligns an image: left, right, center; bottom, top, middle
    <img src="name" border=?>Sets size of border around an image
    <hr>Inserts a horizontal rule
    <hr size=?>Sets size (height) of rule
    <hr width=?>Sets width of rule, in percentage or absolute value
    <hr noshade>Creates a rule without a shadow

    <table></table>Creates a table
    <tr></tr>Sets off each row in a table
    <td></td>Sets off each cell in a row
    <th></th>Sets off the table header (a normal cell with bold, centered text)

    Table Attributes
    <table border=#>Sets width of border around table cells
    <table cellspacing=#>Sets amount of space between table cells
    <table cellpadding=#>Sets amount of space between a cell's border and its contents
    <table width=# or %>Sets width of table  in pixels or as a percentage of document width
    <tr align=?> or <td align=?>Sets alignment for cell(s) (left, center, or right)
    <tr valign=?> or <td valign=?>Sets vertical alignment for cell(s) (top, middle, or bottom)
    <td colspan=#>Sets number of columns a cell should span
    <td rowspan=#>Sets number of rows a cell should span (default=1)
    <td nowrap>Prevents the lines within a cell from being broken to fit

    <frameset></frameset>Replaces the <body> tag in a frames document; can also be nested in other framesets
    <frameset rows="value,value">Defines the rows within a frameset, using number in pixels, or percentage of w idth
    <frameset cols="value,value">Defines the columns within a frameset, using number in pixels, or percentage of width
    <frame>Defines a single frame  or region  within a frameset
    <noframes></noframes>Defines what will appear on browsers that don't support frames

    Frames Attributes
    <frame src="URL">Specifies which HTML document should be displayed
    <frame name="name">Names the frame, or region, so it may be targeted by other frames
    <frame marginwidth=#>Defines the left and right margins for the frame; must be equal to or greater than 1
    <frame marginheight=#>Defines the top and bottom margins for the frame; must be equal to or greater than 1
    <frame scrolling=VALUE>Sets whether the frame has a scrollbar; value may equal "yes," "no," or "auto." The default, as in ordinary documents, is auto.
    <frame noresize>Prevents the user from resizing a frame.

    I hope this will go a long way in assisting understand more about HTML tags. There is more to come on HTML tags in this forum.

  2. smeagain

    smeagain Guest

    Welcome to the forum lovely

    I like what you've done making some interesting points and clarifying what must to many beginners be a black art.

    The only thing I wish you had missed out was the last bit introducing beginners to "FRAMES" IMHO is not a good move.

    Apart from that (my pet hate) a good start for a beginner to see through the mist.

Featured Resources (View All)

Share This Page