HTML Common Tags or Elements

  Blog Desk       May 1, 2021     3996 4 Comments
html-tags

HTML Common Tags or Elements

HTML common Tags or Elements are as follows:

HTML Heading Style

HTML Provides 6 types of heading style. The largest heading style is <h1> and smallest heading style is <h6>


<h1>Heading Text </h1>
<h2>Heading Text</h2>
<h3>Heading Text</h3>
<h4>Heading Text</h4>
<h5>Heading Text</h5>
</h6>Heading Text</h6>

HTML Formatting Elements

HTML Formatting Elements (Tags) are used for the html document formatting as per requirement we can use commonly used terms like: headings, text bold, italic, underline, strike, super script, sub script, displays deleted text and many more.


<!DOCTYPE html>
<html>
    <head>
       <title>formatting tag</title>
    </head>
<body>
    <b>This is bold style</b>
    <br>
    <strong>This is another bold style</strong>
    <br>
    <i>This is italic style</i>
    <br>
    <em>This is emphasized text like italic style</em>
    <br>
    <u>This is underline style</u>
    <br>
    <ins>This is another underline style</ins>
    <br>
    <strike>This is strike style</strike>
    <br>
    <del>This is another strike style it displays deleted text</del>
    <br>
    (a+b)<sup>2</sup>=a<sup>2</sup>+2ab+b<sup>2</sup>
    <br>
    H<sub>2</sub>O
    <br>
    <tt>This is Teletype Text Style</tt>
    <br>
    <big>This is larger font size text</big>
    <br>
    <small>This is small font size text </small>
    <br>
    <mark>This is Highlight text mark by mark element</mark>
    <br>
    <font size="7" color="red" face="arial">Welcome to Hi Tech</font>
</body>
</html>

<p>HTML Paragraph Elements

The <p> paragraph element contains and displays a block of text as a paragraph. We can all <p> attributes as well like: “left, right and justify”.

Example:


<p>This is paragraph text using <p> element</p>
<p align="justify"> Long paragraph goes here</p>

<img> Image Tag Element

HTML image <img elements embed images in pages. The src attribute contains the image URL and is mandatory. You must add alt attribute. You can use width, height, title attributes as per requirement. The alternative text will be displayed if an image fails to render due to an incorrect URL, if the image format is not supported by the browser, if the image is blocked from being displayed, or if the image has not been received from the URL. Attributes of <img> tag are: alt, title, width, height, hspace, vspace.


<img src="images/picture.jpg" alt="my picture">

<a> Anchor Element
The <a> anchor element is used to create hyperlinks in an HTML page. The hyperlinks can point to internal on the same website, page or external websites or files or any other URL via the hyperlink reference attribute, href. The href determines the location the linked element points to. <target> attribute on an <a> element specifies where a hyperlink should be opened
Example:


<a href="index.html"> <!-- internal link -->
<a href="http:// developer.mozilla.org" target="_blank"> <-- external link -->
<a href="mailto://[email protected]"> <!-- email link-->
<a href="imgsrc="images/picture1.jpg"> <!-- this image link -->
   <img src="images/picture1.jpg" alt="my picture" width="250" height="180">
</a>

<marquee> Marquee Tag Element

The HTML <marquee> element is used for scrolling piece of text or image displayed either horizontally, vertically or randomly your website page depending on the settings.
Example:


<marquee behavior="scroll" scrollamount="6" scroll delay="85" bgcolor="pink">
Welcome to HTML Scroll
</marquee>

<marquee behavior="alternate" direction="up" width="250" bgcolor="yellow">
<strong>Heavy Discount Offer!</strong>
</marquee>

Specific Marquee Element Attributes

The HTML <marquee> tag also supports the following additional attributes −

Attribute Value Description
behavior scroll
slide
alternate
Defines the type of scrolling.
bgcolor rgb(x,x,x)
#xxxxxx
colorname
Deprecated − Defines the direction of scrolling the content.
direction up
down
left
right
Defines the direction of scrolling the content.
height pixels or % Defines the height of marquee.
hspace pixels Specifies horizontal space around the marquee.
loop number Specifies how many times to loop. The default value is INFINITE, which means that the marquee loops endlessly.
scrolldelay seconds Defines how long to delay between each jump.
scrollamount number Defines how how far to jump.
width pixels or % Defines the width of marquee.
vspace pixels Specifies vertical space around the marquee.

Follow the more references: Web technology reference | MDN (mozilla.org)

4 responses to “HTML Common Tags or Elements”

  1. This is my first time go to see at here and i am in fact pleassant to
    read everthing at single place.

    Here is my blog: 구글상위노출

  2. 선릉안마 (Seonleung-anma) says:

    Everything published made a great deal of sense.
    But, think about this, what if you wrote a catchier post title?
    I ain’t suggesting your content isn’t good, but what if you added
    a title that makes people desire more? I mean Yamsoti'
    s Blog about Technology, Preeti to Unicode, Date Converter, Nepali Unicode is
    a little vanilla. You should look at Yahoo’s front page
    and see how they create article titles to get people interested.
    You might try adding a video or a related pic or two to get readers interested about everything’ve written. In my opinion, it would make your posts a little bit
    more interesting.

  3. Hiya very nice web site!! Man .. Excellent ..
    Wonderful .. I’ll bookmark your web site and take the feeds additionally?
    I am glad to find a lot of helpful info here within the put up, we need
    develop more techniques in this regard, thank you for
    sharing. . . . . .

    my web page: 구글상위노출프로그램

Leave a Reply

Your email address will not be published. Required fields are marked *