HTML Common Tags or Elements
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)
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: 구글상위노출
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.
Thanks a lot for preeti suggestion.
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: 비트코인마진거래 (¸ÔƢ°ËÁő)
It may be problem on browser. kindly update your browser! Thanks
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: 구글상위노출프로그램
Thanks man!
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 … 비트코인마진거래
Thanks a lot
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 … 바둑이
Thanks man
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; 토토검증사이트
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 – 메이저놀이터
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 – 먹튀검증
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 … 신용카드현금화
I could not resist commenting. Exceptionally well written!
My web blog; 바카라검증사이트
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; 먹튀검증업체
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 – 온라인카지노
These are genuinely enormous ideas in on the
topic of blogging. You have touched some fastidious things here.
Any way keep up wrinting.
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!
Very good blog post. I definitely love this website. Stick with it!
Incredible quest there. What occurred after? Take care!
I really like it whenever people get together and share thoughts.
Great site, stick with it!
my web-site … 토토사이트
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: 먹튀검증
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 – 안전놀이터
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.
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 – 구글상위노출대행
Do you have any video of that? I’d love to find out
more details.
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.
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.
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
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: 토토사이트