next »

[TechnicalTalk]

 TechnicalTalk » Graphics and Web Design » HTML/XHTML/DHTML & CSS
 Basic Tags in HTML

[shahul]

shahul  

 Basic Tags in HTML

[To create a paragraph:]

To create a paragraph:
   create a pragraph Using <P> tag
   
   Example :
      

<p>This is a Tag using to create Paragraph</p>

To create a link
   create links using <a> tag
   
   Example :
   

<a href = "www.technicaltalk.net">This is our forum</a>

To break a line
   break a line using <br> tag
   
   Example :
   

Go to next line<br>

To insert an image
   insert an image <img> tag

   Example :
   

<img src ="image destination" width="size of image width" height="size of the height">

Header tags
   these are the header tags in html <h1>,<h2>,<h3>,<h4>,<h5>

   Example :
   

<h5>Heading</h5>

for bold
   use <b> tag for bold

   Example :
   

<b>bold letters</b>

for italic
   use <i> tag for italic

   Example :
   

<i>italic letters</i>

To underline
   use <u> tag for bold

   Example :
   

<u>underlined letters</u>

For background color
   use <bg> for background color

   Example :
   

<bg color="red">

These are the general tags available in HTML.WANT MORE TAGS? 

[polas]

polas  

 Re: Basic Tags in HTML

Thanks for posting these - a good reference

What other tags do you think are important? It is interesting to see you have chosen not to include the <font ...> tag, I find that one quite useful for, amongst otherthings, changing the font colour.

[Thomas]

Thomas  

 Re: Basic Tags in HTML

Nice thread. I was thinking of posting something like this last night.

[CambriaCorp]

CambriaCorp  

 Re: Basic Tags in HTML

thanks shahul. are you sure about the italic and underline tags though?

is there anyone who can recommend an e-book for basic html? 

[polas]

polas  

 Re: Basic Tags in HTML

thanks shahul. are you sure about the italic and underline tags though?

Good spot! I have now fixed it for the OP.

As far as ebooks, good question - I think W3 schools is a good resource - is it not sufficient, do you want a book especially?

[nerdee]

nerdee  

 Re: Basic Tags in HTML

Those are some that anyone involved with websites/forums should know before starting.

[andybarnes]

andybarnes  

 Re: Basic Tags in HTML

[GOATSPORT - For all your sports discussion]

Just a note, that some of these tags need a bit of refining in case anyone is using them for reference. It's just to make sure you are writing complient code.

<br> and <img> tags as they are self containing, need to be closed... eg
<br /> and <img src="picture.jpg" alt="picture description" />

<b> and <bg> tags should no longer be used.

You should now use <strong> to make your text bold and use CSS to create background colours (let me know if you want some guidance on how to do this!).
 

[polas]

polas  

 Re: Basic Tags in HTML

I never knew this, can you explain why you need the \ to close the tags? Why can we not use <b> any more, is <strong> the same ?

[andybarnes]

andybarnes  

 Re: Basic Tags in HTML

[GOATSPORT - For all your sports discussion]

I was hoping nobody would ask me about <b> tag!! It's kind of hard to explain, using <b> in your copy doesn't mean anything, it just makes it bold (bear with me!), when you use <strong> it carries weight with it, and means that the text in between the 'strong' tags is important. Screenreaders etc will make more of a meal out of text in <strong> tags. (I realise this probably makes no sense, but I just always use strong tags now as a rule of thumb)

Now for the forward slashes, now that there are so many different web browsers, it is important that we write structured semantic code - the key word when referring to the slashes is structured. One part of this is that basically when you open something, you must close it, even single tags. So just as you close <p> tags, <br>'s need to be closed also.

[Admin]

Admin  

 Re: Basic Tags in HTML

I never knew this, can you explain why you need the \ to close the tags? Why can we not use <b> any more, is <strong> the same ?

using strict \ to close a tag was added when XHTML was introduced. Basically it doesn't matter if you close some of the TAGs or not in simple HTML.

Just to add more There are two types of TAG in HTML
1) Single TAG
2) Paired TAG

Now single tags are those who do not necessarily have a closing tag like <hr> OR even META tags used in <HEAD> section. Using a <link> tag which is used to include external CSS file is also a good example in this category.

Every one knows about the Paired Tags like <Body></Body>  <Head>/<Head>  <Table></Table> etc.
For this the end tag is a must Or else they will not give you results properly especially like with HTML Table structure Tags.

Now in early days of HTML many people (new HTML Programmer who started publishing so many websites) didn't knew that the single Tags can be closed by using '\' like <   \> , and therefore there resulted many websites on the internet which had in-proper HTML Tags.

But now when when we use XHTML then we have to use \> tags to close the 'Single' Tags like <hr \> <link \> etc

[polas]

polas  

 Re: Basic Tags in HTML

Ah right, thanks for the explanation guys, I never knew that but it does make sense. So you would suggest closing single tags whenever I write simple HTML?

[andybarnes]

andybarnes  

 Re: Basic Tags in HTML

[GOATSPORT - For all your sports discussion]

Definitely, it's good practice. You should look into XHTML, it may sound daunting but if you write good code you will probably already be nearly writing in XHTML.

Just as a note in case there is some confusion in the previous posts. Close tags with the toward slash '/' not the back one.

[Dazbenny]

Dazbenny  

 Re: Basic Tags in HTML

if u can explain default properties of all the basic tags which u explain it will help those person who are new to HTML or CSS
and also mentioned how to close empty tags

[eugeniu]

eugeniu  

 Re: Basic Tags in HTML

For the sake of consistency with XHTML and HTML5, please close those empty tags and rethink that <bg> tag.

[belgaila6]

belgaila6  

 Re: Basic Tags in HTML

Thanks it's very important.

[TrueDestroyer]

TrueDestroyer  

 Re: Basic Tags in HTML

Just a note, that some of these tags need a bit of refining in case anyone is using them for reference. It's just to make sure you are writing complient code.

<br> and <img> tags as they are self containing, need to be closed... eg
<br /> and <img src="picture.jpg" alt="picture description" />

<b> and <bg> tags should no longer be used.

You should now use <strong> to make your text bold and use CSS to create background colours (let me know if you want some guidance on how to do this!).
 

Please note! This is only if you are using the XHTML doctypes. If you are using an HTML DOCTYPE, it is not necessary or recommended to do self closing tags.

[austinberke]

austinberke  

 Re: Basic Tags in HTML

This is a great reference. Now I know where I'll go when I start blanking out... 

[Computer_Head]

Computer_Head  

 Re: Basic Tags in HTML

Nice reference.   It definitely gives novices (or people like me who can't remember the proper syntax) a place to look when using these tags.

[fat32]

fat32  

 Re: Basic Tags in HTML

Nice post bro... This is very usefull for newbie who want promote site @ forum or blog because they need live link post... hehehe

[josaphlewis]

josaphlewis  

 Re: Basic Tags in HTML

HTML full form is Hyper Text Markup Language.  HTML language is used for creating web pages.  It is a markup language, not a programming language.  HTML markup tags are usually called HTML tags.  The first tag in a pair is the start tags, the second tag is the end tag, Start and end tags are also called opening tags and closing tags. 

[Admin]

Admin  

 Re: Basic Tags in HTML

It is a markup language, not a programming language.

Exactly, Many people misunderstand HTML as programming language. Programing languages can make decisions. They have conditional statements like using If...Then. Programming languages also have looping statements like For....Next

But HTML do not contain any of the conditional nor looping statements. The purpose of the HTML is to display the data, as it is provided to it.

DO NOT MAKE MISTAKE BY CALLING HTML AS PROGRAMMING LANGUAGE. HTML IS MARKUP LANGUAGE.

Hope this helps a lot.

[Jeremy]

Jeremy  

 Re: Basic Tags in HTML

Some of the info in this thread is outdated...and some tags deprecated.

You are better off using CSS for fonts, colors, in other words, anything style.

Also, '/>' vs. '>' for example is a difference between XHTML and HTML. A lot of people use XHTML just because Dreamweaver defaults to it.

It never hurts to use the W3 validator to make sure your code is correct!

 

[Admin]

Admin  

 Re: Basic Tags in HTML

A lot of people use XHTML just because Dreamweaver defaults to it.

I do not agree with this statement. Many technical people have started realising the importance of XHTML and therefore they have started using it.

[darkpassenger]

darkpassenger  

 Re: Basic Tags in HTML

I honestly can't remember if <font> is still valid XHTML, but if you are (shock horror) lazy like me, I use it because I find it quicker than just declaring it in CSS.  I know that technically this isn't true, as you can set a style once in CSS and then just call it with <span> whenever you need it, but I'm not 100% on CSS so I find this method easier.

I have to admit to using XHTML because Dreamweaver defaults to it, but I do also agree that it is important to keep up with standards (to an extent, like if you want to do extra things with your site which aren't covered by XHTML standards)  and that it's been used for that purpose as well. 

[EvoD]

EvoD  

 Re: Basic Tags in HTML

Those are some really basic tags

[kapolres]

kapolres  

 Re: Basic Tags in HTML

This is very Important friend.  .  thaks alot.  . 

[katiedeneuve]

katiedeneuve  

 Re: Basic Tags in HTML

Please provide some examples of some of the HTML and CSS codes using empty codes and how to use them in practical websites for newbie’s.

[krshjones]

krshjones  

 Re: Basic Tags in HTML

Thanks for your valuable post...That was really useful, HTML have different types of tags. In HTML some tags are empty and some tags are non empty...

[Admin]

Admin  

 Re: Basic Tags in HTML

Please provide some examples of some of the HTML and CSS codes using empty codes and how to use them in practical websites for newbie’s.

Can you give me example of empty tag?

[playnstop]

playnstop  

 Re: Basic Tags in HTML

Nice posting for further details visit hxxp: www. w3schools. com/tags/default. asp

complete details about HTML tag

[polas]

polas  

 Re: Basic Tags in HTML

I honestly can't remember if <font> is still valid XHTML, but if you are (shock horror) lazy like me, I use it because I find it quicker than just declaring it in CSS.

Same here!

[carry12]

carry12  

 Re: Basic Tags in HTML

Hello Friends. . . . . .

The basic tags include <html>, <title>, <meta>, and <body>.  We introduce each of the four in the following:

1. <html>:This tag is used to indicate that this is a HTML document. Most HTML documents should start and end with this tag.  

2. <head>:This tag is used to indicate the header section of the HTML document, which typically includes the <title> and <meta> tags, and is not displayed in the main window of the browser.

3. <title>:This indicates the title of this HTML page.  The title is what is displayed on the upper left corner of your browser when you view a web page.

4. <meta>:The <meta> tag information is not directly displayed when the page is rendered on the browser.  Rather, this is used for the author of the HTML page to record information related to this page.  Two common attributes are name and content.

5. <body>:The <body> tag includes the HTML body of the document.  Everything inside the <body> tag (other than those within the <script> tag) is displayed on the browser inside the main browser window.

The <body> tag may contain several attributes.  The most commonly used ones are listed below:

    * bgcolor: This is the background color of the entire HTML document, and may be specified either by the color name directly or by the six-digit hex code.
    * alink: The color of the links.
    * vlink: The color of the visited links.
    * topmargin: The margin from the top of the browser window.
    * leftmargin: The margin from the left of the browser window.

Thanks

[johnpitter]

johnpitter  

 Re: Basic Tags in HTML

HTML is very easy to learn. There are some very basic tags of HTML, Which are given below.

<html> - Begins your HTML document.

<head> -

<title> - The TITLE of your page.

</title> - Closes the <title> tag.

</head> - Closes the  <head> tag.

<body> - This is where you will begin writing your document

</body> - Closes the <body> tag.

</html> - Closes the <html> tag.

[ShaunWd]

ShaunWd  

 Re: Basic Tags in HTML

every HTML code contain <html></html> , <title> </title>, <body></body> tags, so they also be included in list of basic HTML tags. 

[holisticdental]

holisticdental  

 Re: Basic Tags in HTML

Nice thread
I just come up to post such great and help full tips for naive html codders.
Thanks a lot for posting great things.

Web Master
Dentist

[cuddly]

cuddly  

 Re: Basic Tags in HTML

HTML code for links
Syntax
<a href=”URL”>Anchor tag</a>

HTML Links - The target Attribute

Syntax

<a href="URL" target="_blank">Anchor Text</a>

HTML Links - The name Attribute

Syntax

<a name="name">Text</a>
<a href="#name">Anchor Text</a>

or

<a href="URL#name">Anchor Text</a>

[WisdomTooth80]

WisdomTooth80  

 Re: Basic Tags in HTML

Nice post. Basic tags indeed.

[joshiviraj1]

joshiviraj1  

 Re: Basic Tags in HTML

This article is nice, i think its good for the beginners to know these basic tags to study out further.

[WisdomTooth80]

WisdomTooth80  

 Re: Basic Tags in HTML

They were hoping nobody would ask me about <b> tag.  It's kind of hard to explain, using <b> in your copy doesn't mean anything, it hardly makes it bold, when they apply <strong> it carries weight with it, and means that the text in between the 'strong' tags is important.  Screenreaders etc will make more of a meal out of text in <strong> tags.

<strong> is usually use in CSS or Php is it not? <b> is used in HTML. Nonetheless they both bring out the boldness in the articles

[kellylsn]

kellylsn  

 Re: Basic Tags in HTML

[Payday Loan]

Each and every useful basic tags are included here and i think its enough to go ahead.