Home Web Front-end HTML Tutorial How to add underline in HTML? Usage example of adding underline to html tag

How to add underline in HTML? Usage example of adding underline to html tag

Sep 03, 2018 pm 05:20 PM
html u

This article mainly introduces the usage of html underline u tag, as well as the usage instructions and example analysis of html u tag, so that everyone can know the basic usage of html u underline tag more quickly. Next, let us take a look at this article

First of all, let’s talk about how to underline in HTML:

Generally add underline style to font text, There are two methods, one is to use the html underline tag directly, and the other is to use the CSS underline style. Here I will mainly tell you how to implement underlining using HTML.

Add to the text that needs to be underlined in the html tag to achieve the underline style.

The syntax of the underline tag:

<u>我被加下划线了</u>
Copy after login

Let’s look at a usage example of the complete code:

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8" /> 
<title>PHP中文网 m.sbmmt.com</title> 
</head> 
<body> 
这里是PHP中文网!<br />  
PHP中文网网址<u>m.sbmmt.com</u> !  
</body> 
</html>
Copy after login

The effect should be obvious. But we still give the experimental renderings:

How to add underline in HTML? Usage example of adding underline to html<u> tag

You can clearly see that I added an underline to the URL. Is it almost the same as the URL under the a tag? Adding a color will make it look more like it, but we can’t click on it and it won’t jump. This is just a look.

Now let’s take a look at the instructions for using the u tag underline:

The underline tag tells the browser to add a u tag to it The text is presented to the viewer in an underlined style. For all browsers, this means that this text should be displayed in an underlined style for everyone to see.

htmlUnderline U tag use case:

这里是PHP中文网<br /> 
php中文网的网址<u>www.PHP.cn</u> !
Copy after login

If you want to see the effect, just look at the picture above, it is similar to that one.

Instructions on the use of html u tags:

The content modified by the tag will be underlined.

At the same time, if you use html u to underline the text content and do not want to display the underline, you can use CSS style settings to remove the u tag underline style.

Okay, the above is the specific article about the use of HTML underline u tags (if you want to learn more, you are welcome to search the PHP Chinese website, there are many online courses waiting for you to learn), there are Questions can be asked below.

【Editor's Recommendation】

How to center the Chinese characters in the col tag in html? Basic use of html col tag (with examples included)

#How to scale html images to equal proportions? Summary of html img image scaling methods (with examples)

The above is the detailed content of How to add underline in HTML? Usage example of adding underline to html tag. For more information, please follow other related articles on the PHP Chinese website!

Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

AI Hentai Generator

AI Hentai Generator

Generate AI Hentai for free.

Hot Article

R.E.P.O. Energy Crystals Explained and What They Do (Yellow Crystal)
2 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Best Graphic Settings
2 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. How to Fix Audio if You Can't Hear Anyone
2 weeks ago By 尊渡假赌尊渡假赌尊渡假赌

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

Nested Table in HTML Nested Table in HTML Sep 04, 2024 pm 04:49 PM

This is a guide to Nested Table in HTML. Here we discuss how to create a table within the table along with the respective examples.

Table Border in HTML Table Border in HTML Sep 04, 2024 pm 04:49 PM

Guide to Table Border in HTML. Here we discuss multiple ways for defining table-border with examples of the Table Border in HTML.

HTML margin-left HTML margin-left Sep 04, 2024 pm 04:48 PM

Guide to HTML margin-left. Here we discuss a brief overview on HTML margin-left and its Examples along with its Code Implementation.

HTML Table Layout HTML Table Layout Sep 04, 2024 pm 04:54 PM

Guide to HTML Table Layout. Here we discuss the Values of HTML Table Layout along with the examples and outputs n detail.

HTML Ordered List HTML Ordered List Sep 04, 2024 pm 04:43 PM

Guide to the HTML Ordered List. Here we also discuss introduction of HTML Ordered list and types along with their example respectively

Moving Text in HTML Moving Text in HTML Sep 04, 2024 pm 04:45 PM

Guide to Moving Text in HTML. Here we discuss an introduction, how marquee tag work with syntax and examples to implement.

How do you parse and process HTML/XML in PHP? How do you parse and process HTML/XML in PHP? Feb 07, 2025 am 11:57 AM

This tutorial demonstrates how to efficiently process XML documents using PHP. XML (eXtensible Markup Language) is a versatile text-based markup language designed for both human readability and machine parsing. It's commonly used for data storage an

HTML Input Placeholder HTML Input Placeholder Sep 04, 2024 pm 04:54 PM

Guide to HTML Input Placeholder. Here we discuss the Examples of HTML Input Placeholder along with the codes and outputs.

See all articles