Skip to main content

HTML Tutorial - Elements


ELEMENTS

HTML documents are text files made up of HTML elements.
HTML elements are defined using HTML tags.

HTML TAGS

  1. HTML tags are used to mark-up HTML elements
  2. HTML tags are surrounded by the two characters < and >
  3. The surrounding characters are called angle brackets
  4. HTML tags normally come in pairs like <b> and </b>
  5. The first tag in a pair is the start tag, the second tag is the end tag
  6. The text between the start and end tags is the element content
  7. HTML tags are not case sensitive, <b> means the same as <B>
HTML Tag has two types.such as :
     1. Element or container Tag code is <head>.......</head>
     2. Empty Tag code is
     <br/> ; <hr/> ; <img src="/../mypic.jpg"/>; <input type="text" size="12"/>..... Input Field


HTML ELEMENTS

Remember the HTML example from the previous page:
Code:
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>

See the description Tag Code: 
<b>This text is bold</b>

The HTML element starts with a start tag: <b>
The content of the HTML element is: This text is bold
The HTML element ends with an end tag: </b>
The purpose of the <b> tag is to define an HTML element that should be displayed as bold.
This is also an HTML element:

<body>    This is my first homepage.   
<b>This text is bold</b>    
</body>

This HTML element starts with the start tag <body>, and ends with the end tag </body>.
The purpose of the <body> tag is to define the HTML element that contains the body of the HTML document.

WHY DO WE USE LOWERCASE TAGS?

We have just said that HTML tags are not case sensitive: <B> means the same as <b>. If you surf the Web, you will notice that plenty of web sites use uppercase HTML tags in their source code. We always use lowercase tags. Why?
If you want to follow the latest web standards, you should always use lowercase tags. The World Wide Web Consortium (W3C) recommends lowercase tags in their HTML 4 recommendation, and XHTML (the next generation HTML) demands lowercase tags.





Labels:

Comments

Post a Comment

Popular posts from this blog

Managing a Simple Mailing List

This hour provides the first of several hands-on, small projects designed to pull together your PHP and MySQL knowledge. In this hour, you'll learn the methods for creating a managed distribution list, which can be used to send out newsletters or anything else that you want to send, to a list of email addresses in a database. The mailing mechanism you'll use in this hour is not meant to be a replacement for mailing list software, which is specifically designed for bulk messages. The type of system you'll build in this lesson should be used for only small lists of fewer than a few hundred email addresses. In this hour, you will learn how to Create a subscribe/unsubscribe form and script Create a front end for sending your message Create the script that sends your message Developing the Subscription Mechanism You learned in earlier lessons that planning is the most important aspect of creating any product. In this case, think of the element...
Post a Comment
Read more

Joomla Video Tutorials-06

Working with Joomla Extensions     6. Joomla Content
Post a Comment
Read more

PHP course catalogs

Introduction   In this PHP course, you will learn Advanced level PHP with CodeIgniter framework, and how to execute scripts on your server. You will also learn about MySQL, html, CSS, JavaScript. You will also learn advanced level CSS, Database Normalization & Relation of Database. After attending the course, you can develop project using PHP framework CodeIgniter with MySQL. How participants will benefit after the course:   After attending this course, participants will be able to develop professional dynamic website using PHP framework CodeIgniter, design database with proper documentation, and develop Online Payment Method. Course Highlights:   . Complete package on web development  . Advanced JavaScript & Ajax  . PHP framework along with documentation process  . Client Side & Server Side Validation  . CI Framework Reporting  . TinyMce Editor & Searching  . SSL, File upload & Email  . Online Paym...
Post a Comment
Read more