HTML Common Tags or Elements

  Blog Desk       May 1, 2021     517 32 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://youremail@mail.com"> <!-- 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)

32 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. I do not know whether it’s just me or if everybody else encountering issues with your site.
    It seems like some of the written text on your posts are running off
    the screen. Can someone else please provide feedback and let me
    know if this is happening to them as well?

    This may be a issue with my internet browser because I’ve
    had this happen before. Cheers

    Review my web page: 비트코인마진거래 (¸ÔƢ°ËÁő)

  4. 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: 구글상위노출프로그램

  5. Good day! I just wish to offer you a big thumbs up for the great information you
    have got right here on this post. I’ll be coming back to your website for more soon.

    My web site … 비트코인마진거래

  6. 바둑이 says:

    Thanks for the auspicious writeup. It actually used
    to be a leisure account it. Look advanced to far introduced agreeable from you!
    However, how can we keep in touch?

    my blog … 바둑이

  7. Hello! Do you know if they make any plugins to assist with
    Search Engine Optimization? I’m trying to get
    my blog to rank for some targeted keywords
    but I’m not seeing very good gains. If you know
    of any please share. Kudos!

    Check out my web blog; 토토검증사이트

  8. It’s actually a cool and helpful piece of info. I’m happy
    that you just shared this useful information with us.
    Please keep us informed like this. Thank you for sharing.

    my blog – 메이저놀이터

  9. 먹튀검증 says:

    Wow, wonderful blog layout! How long have you been blogging for?

    you make blogging look easy. The overall look of your web site is great, as well as the content!

    Visit my webpage – 먹튀검증

  10. Hurrah, that’s what I was seeking for, what a stuff!
    existing here at this weblog, thanks admin of this web site.

    Here is my web blog … 신용카드현금화

  11. I could not resist commenting. Exceptionally well written!

    My web blog; 바카라검증사이트

  12. Thanks for sharing your info. I truly appreciate your efforts and I will be waiting
    for your further write ups thank you once again.

    Check out my web-site; 먹튀검증업체

  13. Have you ever thought about adding a little bit more than just
    your articles? I mean, what you say is fundamental and
    all. However just imagine if you added some great images or videos to give your posts more, “pop”!
    Your content is excellent but with pics and video clips, this site could certainly be one of the greatest in its niche.
    Amazing blog!

    Also visit my website – 온라인카지노

  14. 먹튀검증 says:

    These are genuinely enormous ideas in on the
    topic of blogging. You have touched some fastidious things here.

    Any way keep up wrinting.

  15. 먹튀검증 says:

    Incredible! This blog looks just like my old one! It’s on a
    completely different subject but it has pretty much the same layout and design. Wonderful choice of colors!

  16. 안마 says:

    Very good blog post. I definitely love this website. Stick with it!

  17. Incredible quest there. What occurred after? Take care!

  18. I really like it whenever people get together and share thoughts.
    Great site, stick with it!

    my web-site … 토토사이트

  19. 먹튀검증 says:

    hey there and thank you for your info – I’ve certainly picked up something new from right here.
    I did however expertise several technical points using this
    website, as I experienced to reload the site
    lots of times previous to I could get it to load properly.
    I had been wondering if your hosting is OK? Not that I’m complaining,
    but slow loading instances times will sometimes affect your placement in google and could damage your quality
    score if ads and marketing with Adwords. Anyway I’m adding
    this RSS to my email and could look out for a lot more of your respective
    exciting content. Ensure that you update this again very soon.

    Feel free to visit my blog post: 먹튀검증

  20. Hello, i think that i saw you visited my web site
    so i came to “return the favor”.I am trying to find things
    to enhance my web site!I suppose its ok to use some of your ideas!!

    Look at my website – 안전놀이터

  21. It’s actually very difficult in this busy life to
    listen news on TV, thus I just use internet for that purpose,
    and take the newest news.

  22. Hello there, I think your blog could be having browser compatibility problems.
    When I take a look at your blog in Safari, it looks fine however when opening in I.E., it has some overlapping issues.
    I merely wanted to provide you with a quick heads up!
    Apart from that, fantastic site!

    Look at my page – 구글상위노출대행

  23. Do you have any video of that? I’d love to find out
    more details.

  24. 먹튀검증 says:

    Excellent article. Keep posting such kind of information on your site.
    Im really impressed by your site.
    Hello there, You’ve performed a fantastic job. I’ll certainly digg it and in my opinion recommend to my friends.
    I am confident they will be benefited from this website.

  25. I blog often and I genuinely appreciate your
    content. The article has really peaked my interest.
    I am going to book mark your website and keep checking for new details about
    once per week. I subscribed to your Feed too.

  26. This is my first time pay a visit at here and i am in fact happy to read everthing at single place.

    my webpage … Casino Online No Deposit Codes

  27. I really like what you guys are usually up too.

    This type of clever work and exposure! Keep up the wonderful works guys I’ve added you guys to blogroll.

    Here is my web-site: 토토사이트

Leave a Reply

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