Metadata Tags for linking
in HTML 5
- <link>:- <link> tag
is used to indicate a link to a document which is external. It can
be put in the <head> section of HTML document.
Syntax:-
<link rel="stylesheet"
href="css file" />
Code:
<!DOCTYPE HTML>
<html>
<head>
<link rel="stylesheet"
href="styles.css" />
</head>
<body>
<h1>I am formatted
with a linked
style sheet
</h1>
<p>Me too! </p>
</body>
</html>
Output:
![]()
![link.gif]()
Tags for phrasing elements in HTML 5.
- <abbr>:- This tag is
used for providing an abbreviation in HTML 5.
Syntax:
Abbreviation">
Short Form </abbr>
Code:
<!DOCTYPE
HTML>
<html>
<body>
<abbr title ="Hypertext Markup
Language"> </abbr> HTML 5.
</body>
</html>
Output:
![abbr.gif]()
- <cite>: This tag is used for phrasing elements in HTML 5. It indicates
some title in our document.
Syntax:
<cite> some title
</cite>
Code:
<!DOCTYPE
HTML>
<html>
<body>
<p> I m phrasing
tag. </p>
<cite> HTML: I m
cite tag</cite>
</body>
</html>
Output:
![cite.gif]()
- <code>:- This tag is used for giving some format to text which we
will write in this tag.
Syntax:
<code>
Code:
<!DOCTYPE
HTML>
<html>
<body>
<p> I m phrasing
tag. </p>
<code>I m code
tag. </code>
</body>
</html>
Output:
![code.gif]()
- <dfn>:-
In this tag, we give some word that is related to definition. After this tag, we can also write actual definition.
Syntax:
<dfn> Any line
related to actual
definition. </dfn> Actual definition.
Code:
<!DOCTYPE
HTML
<html>
<body>
<p> I m phrasing
tag. </p>
<dfn>Term:</dfn> I
m dfn tag
</body>
</html>
Output:
![dfn.gif]()
- <em>:-
If we want to give focus to some element in our document, we will use this tag.
Syntax:
<em> Element we
want to give focus
</em>
Code:
<!DOCTYPE HTML>
<html>
<body>
I m <em> em </em>
tag
</html>
Output:
![em.gif]()
- <figcaption>:-
We use this tag to provide some title to a figure in our document if we have used it.
Syntax:
<figcaption> some
title for figure.
<figcaption>
Code:
<!DOCTYPE
HTML />
<html>
<body>
I m figure.
<br />
<figure>
<figcaption> I m
Bluehills
figure<figcaption>
<img src="Blue
hills.jpg"
width="302",height="226" />
</figure>
</body>
</html>
Output:
![figcaption.gif]()
- <kbd>:-It gives format to the text which
will be entered by the user and user
entered text will come inside this tag .
Syntax:
<kbd> A text
entered by user </kbd>
Code:
<!DOCTYPE HTML />
<html>
<body>
<p> I m kbd
tag</p>
<kbd> I m
formatting </kbd> tag
</body>
</html>
Output:
![kbd.gif]()