Some Text Elements in HTML5

Introduction

In this article, we will be studying some of the HTML5 tags.

1. Span element

The span element has no meaning in its own right. We would use it to apply one of the global attributes to a region of content. It is not a new element in HTML5. The span element can be used with the class attribute so that we can target content with a CSS style. Example

<html>
<head>
<title>Span Example</title>
<style>
.HTML5
{
border: thick solid blue;
padding: 4px;
}
</style>
</head>
<body>
Abhijeet likes HTML5 and JavaScript..
Hello Guyz Good Morning.
</body>
</html>

2. Mark element

It is basically used for highlighting the text. In other words, I can say that the mark element is new to HTML5 and represents a span of text that is highlighted due to its relevance in another context. Example

<html>
<head>
<title>Mark Example</title>
</head>
<body>
Hello Guyz Good Morning..
I like
HTML5
and
JavaScript.
</body>
</html>

3. Ins element

The ins element denotes inserted content. It is also a new element in HTML5. Example

<html>
<head>
<title>Ins Example</title>
</head>
<body>
Good Morning Guyzz
<ins>I can
learn
the
HTML5.
</ins>
</body>
</html>

4. Del element

We denote text that has been removed from the document using the del element. It is also a new element in HTML5. Example

<html>
<head>
<title>Del Example</title>
</head>
<body>
Good Morning Guyzz
<del>A king
has
no
friend.
</del>
</body>
</html>

Conclusion

In this article, we studied some of the HTML5 tags.