HTML <u> Tag

The HTML <u> Tag is used to define the duration of inline text with non-textual annotations. It is rendered as a solid underlined text, but this can be changed using CSS properties. This tag was deprecated in HTML 4.0 and redefined in HTML5.

In HTML5, the <u> Tag is used to represent text that differs stylistically from normal text.

Note:- The use of the <u> Tag should be ignored as it can cause confusion for hyperlinked text.

Example:-

 <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>
HTML u Tag
</title>
</head>
 
<body>
<h1 style="margin-bottom: 50px; ">This is HTML u tag Example</h1>
 
<p>This tag can be useful to identifying <u>spelling mistakes </u>in an document.</p>  

</body>
</html>

Output:-

This tag can be useful to identifying spelling mistakes in an document.

HTML Video Tag

HTML <video> Tag

HTML 5 also supports the <video> Tag . HTML <video> Tag is used to stream video files like movie clips, song clips on a web page.

  • Currently, there are three supported video formats for the HTML video tag:
    • mp4
    • webm
    • Ogg

Let’s look at the table that defines which web browsers support the video file format.

Example:-

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>
HTML video  Tag
</title>
</head>
 
<body>
<h1 style="margin-bottom: 50px; ">This is HTML video tag Example</h1>
 
<video width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  Your browser does not support the video tag.
</video> 

</body>
</html>

Output:-

HTML Wbr Tag

HTML <wbr> Tag

The HTML <wbr> Tag is used to specify a line break occurrence in an HTML document.

Without the <wbr> Tag, it is very difficult to read a long one word or one sentence. Without the wbr tag, a single long word may wrap or not wrap at all, causing problems with the layout of the page.

Without the <wbr> Tag, users would have to scroll right to read a long whole word or sentence.

The <wbr> Tag is new and introduced in HTML 5.

Example:-

 <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>
HTML wbr  Tag
</title>
</head>
 
<body>
<h1 style="margin-bottom: 50px; ">This is HTML wbr tag Example</h1>
 

<p>Try to shrink the browser window, to view how the very long word in 
the paragraph below will break:</p>

<p>This is a veryveryveryveryveryveryveryveryveryveryveryveryveryveryveryveryveryvery<wbr>longwordthatwillbreakatspecific<wbr>placeswhenthebrowserwindowisresized.</p>

<p><b>Note:</b> The wbr element is not supported in Internet Explorer 11 (or earlier).</p>


</body>
</html>

Output:-

Try to shrink the browser window, to view how the very long word in the paragraph below will break:

This is a veryveryveryveryveryveryveryveryveryveryveryveryveryveryveryveryveryverylongwordthatwillbreakatspecificplaceswhenthebrowserwindowisresized.

Note: The wbr element is not supported in Internet Explorer 11 (or earlier).


Related Posts

Leave a Reply

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