Block-level Elements :
A Block level Element always starts with a new line and it takes up the full width.
Block level Elements in HTML are :
address :
This tag defines the contact information for the owner/author of a document or an article. If this tag is defined inside the body element then the contact information is for the document. If this tag is defined inside the article element then the contact information will be for the article . The text is rendered in italic for the address element.
article :
This tag specifies independent, self-contained elements. An article should make sense on its own and it has to be relevant with the data.
Example :
Facebook :
Facebook is an American online social media and social networking service company based in Menlo Park, California. The Facebook website was launched on February 4, 2004, by Mark Zuckerberg.
A Block level Element always starts with a new line and it takes up the full width.
Block level Elements in HTML are :
address :
This tag defines the contact information for the owner/author of a document or an article. If this tag is defined inside the body element then the contact information is for the document. If this tag is defined inside the article element then the contact information will be for the article . The text is rendered in italic for the address element.
article :
This tag specifies independent, self-contained elements. An article should make sense on its own and it has to be relevant with the data.
Example :
Facebook :
Facebook is an American online social media and social networking service company based in Menlo Park, California. The Facebook website was launched on February 4, 2004, by Mark Zuckerberg.
div :
This tag defines a division or a section in a HTML document. It is used to group elements to format them with CSS.
<div style="color:red">
<h3>This is a heading</h3>
<p>This is a paragraph.</p>
</div>
dd,dt,dl:
dd is used to describe the term/name in a description list.
dt is used to define the term/name in a description list.
dl will define the description list.
Example :
footer :
This tag defines a footer for the document or for a section and the information must be related to it's contact information.
The footer element may contain information about :
1. author information.
2. contact information.
3. related documents
4. to revert to top of the page and so on.
form :
This tag is used to create HTML form to accept user inputs. The form tag contains following elements. They are :
input: This allows user to enter the data and it can be in many ways. It depends on the type attribute.
textarea : This tag defines a multi-line text holder. This can hold unlimited number of character. This textarea can be specified by the cols and rows attribute.
label : This tag defines a label for a input element
button : This defines a clickable button and the button element can also contain content like text or images.
select: The selection element is used to create a drop down list.
option : The option element is defined inside the selected element to show the available options list.
fieldset : To group a related elements in a group we use fieldset element and this tag draws a box around the related elements.
optgroup : This element is used to group the related options in the drop down list.
h1 to h6 : These tags are used for HTML Headings. h1 is the most important heading and h6 will be least important heading.
Heading1
Heading2
Heading3
Heading4
Heading5
Heading6
header : This tag is used to introduce the content and this may contain any of these heading elements i.e, h1 to h6 and may contain any icon or logo.ol :This tag defines an ordered list and this can be numerical or alphabetical.
li : li is the list item. It is uses in ol and ul i.e. ordered list and unordered list.
nav : This tag is used to navigate the links.
noscript: This tag is used to disable scripts in your browser. This tag can be used with in the body and head element. sometimes content will be displayed is it is not supported.
p : This defines paragraph. And the browser will automatically adds some space before and after the p tag and margins can be modified with styles.
section : The section tag defines a section in a document. such as headers,footers,chapters or it can be any other sections.
video : This tag defines a video or a video stream or it can be movie clip.
The mime types which are been supported are :
video/mp4
video/webm
video/ogg
main : This tag specifies the main content in the document. The content inside the main element must be unique such as navigation links, logos etc.
INLINE ELEMENTS :
Inline Elements doesn't start on a newline and it takes only as much as width it needed.
The Inline Elements are :
span : This tag is used as a container for some text and it is used group inline elements in a document.
a : This tag is for hyperlink, used to link from one page to another and most important attribute is href i.e. to indicate it's destination.
Google
b : This tag specifies bold text.
bold text
br : This is break tag which will insert a single break line and it doesn't have any closing tag.
Hello,
this is my blog
i : This tag will display the text in italic.
italic
script : script element is used to define client-side scripting. It may contain scripting statements or external source files through the source attribute.
strong : This tag defines an important .
Important
sub : subscript text.
Hello blog
sup : superscript text.
24
img : Image tag define an image in the HTML page. This has two attributes i.e. src and alt.
src is the image path to retrieve and set it on the HTML page and text is been given in alt parameter when the image is not able to loaded then this particular text will be displayed.
main : This tag specifies the main content in the document. The content inside the main element must be unique such as navigation links, logos etc.
INLINE ELEMENTS :
Inline Elements doesn't start on a newline and it takes only as much as width it needed.
The Inline Elements are :
span : This tag is used as a container for some text and it is used group inline elements in a document.
a : This tag is for hyperlink, used to link from one page to another and most important attribute is href i.e. to indicate it's destination.
b : This tag specifies bold text.
bold text
br : This is break tag which will insert a single break line and it doesn't have any closing tag.
Hello,
this is my blog
i : This tag will display the text in italic.
italic
script : script element is used to define client-side scripting. It may contain scripting statements or external source files through the source attribute.
strong : This tag defines an important .
Important
sub : subscript text.
Hello blog
sup : superscript text.
24
img : Image tag define an image in the HTML page. This has two attributes i.e. src and alt.
src is the image path to retrieve and set it on the HTML page and text is been given in alt parameter when the image is not able to loaded then this particular text will be displayed.
No comments:
Post a Comment