MODULE
Basics of HTML
HTML Elements
HTML Elements

HTML elements are the building blocks of web pages.

The web page below is made up of a collection of HTML elements. Each element is outlined in blue and labeled with its name.

HTML elements describe each piece of content on a web page so that the web browser knows how to display it.

HTML elements are the building blocks of web pages. The...
Structure of HTML Elements
Structure of HTML Elements

 

RULE 1: 
Every element that is written in HTML is composed primarily of TAGS, bound by the symbols "<" and ">"
Example: While composing a paragraph element (represented by 'p'), the use of opening tag '<p>' indicates that a paragragh element is being composed

 


RULE 2:
Every tag in HTML when opened, has to close. The closing tag of the element is defined by the symbol '/'.
Example: If I want to compose a paragraph "My Name is Benedict", I would compose it this way:

                                                    <p> My Name is Benedict </p>

 

RULE 3:
By now, you may have figured out that the typical element in HTML is defined in the structure as follows:

                                         <opening tag> Text the user can see <closing tag>

 


RULE 4:
In HTML, we also have certain 'attributes' . It follows the opening tag and has the following structure
                     <opening tag attribute-name="name"> Text the user can see <closing tag>

Example:                                          <h1 id="main"> Portfolio </h1>

 

 

 

  RULE 1: Every element that is written in HTML is composed...
Essential HTML Elements
Essential HTML Elements
HTML5 Tutorial For Beginners - part 1 of 6 - Getting Started
HTML5 Tutorial For Beginners - part 1 of 6 - Getting Started
Duration (m)
-+
HTML5 Tutorial For Beginners - part 2 of 6 - Text
HTML5 Tutorial For Beginners - part 2 of 6 - Text
Duration (m)
-+
HTML5 Tutorial For Beginners - part 3 of 6 - Images and Hyperlinks
HTML5 Tutorial For Beginners - part 3 of 6 - Images and Hyperlinks
Duration (m)
-+
HTML5 Tutorial For Beginners - part 4 of 6 - Audio and Video
HTML5 Tutorial For Beginners - part 4 of 6 - Audio and Video
Duration (m)
-+
HTML5 Tutorial For Beginners - 5 of 6 - New Semantic Elements
HTML5 Tutorial For Beginners - 5 of 6 - New Semantic Elements
Duration (m)
-+
HTML5 Tutorial For Beginners - 6 of 6 - CSS Page Layout
HTML5 Tutorial For Beginners - 6 of 6 - CSS Page Layout
Duration (m)
-+
Next: Basics of CSS