Skip to main content

Chapter 5 : HTML Elements

1.  HTML Elements 

There are two types of elements

1.1 Block-level  

1.2 Inline


1.1    What are Block-level Elements ?

A block-level element always starts on a new line and takes up the full width available (stretches out to the left and right as far as it can).

These are the following block-level elements.


1.     nav

2.     header

3.     section

4.     main

5.     article

6.     figure

7.     figcaption

8.     div

9.     h1 to h6

10.  p

11.  footer

12.  address

13.  blockquote

14.  canvas

15.  dd

16.  dl

17.  dt

18.  fieldset

19.  form

20.  hr

21.  ul

22.  li

23.  ol

24.  table

25.  tfoot

26.  audio

27.  video

1.2 What are Inline Elements ?

An inline element does not start on a new line and only takes up as much width as necessary.


1.     a

2.     abbr

3.     b

4.     br

5.     button

6.     em

7.     i

8.     img

9.     input

10.  label

11.  map

12.  object

13.  output

14.  q

15.  script

16.  select

17.  small

18.  span

19.  strong

20.  sub

21.  sup

22.  textarea

23.  time


Popular posts from this blog

Chapter 6 : HTML 5 – Header Element

  HTML 5 – Header Element   The <header> element is the block level element which I have discussed in my previous article for what is block level elements .   The <header> HTML 5 element represents introductory content, typically a group of introductory or navigational aids. It may contain some heading elements but also a logo, a search form, an author name, and other elements.   These are the Following Uses of Header Element The header tag contains information related to the title and heading of the related content.   Main use of <header> in HTML 5 for creating header of websites Design Logo, Navigations and Headings thorough header. We can use several <header> elements in one document. The <header> element is intended to usually contain the section’s heading h1 to h6 The <header> element can also be used to wrap a section’s table of contents, a search form, or any relevant logos. The <header> tag is a HTML5’s tag and it re

Chapter 4 - HTML Basics

1.      HTML Documents   The declaration is not an HTML tag. It is an "information" to the browser about what document type to expect. In HTML5, the <!DOCTYPE> declaration is very simple. We write as   <!DOCTYPE html> .   The HTML document itself begins with <html> and ends with </html> . The visible part of the HTML document is between <body> and </body> . 2.      HTML Language   <html lang="en"> attribute is used for declare the language of the Web pages 3.      This is the complete structure of HTML   <!DOCTYPE html> <html lang="en"> <! ---   for language ---> <head> <! --- we can write scripts here ---> <title>Page Title</title> </head>   <body>   <! --- we can write all the codes here ---> <h1>My First Heading</h1> <p>My first paragraph.</p>   </body>   </html>