常用标签文本标签(一)

h标签：

<h1> content </h1>

<h2> content </h3>

<h3> content </h3>

<h4> content </h4>

<h5> content </h5>

<h6> content </h6>

看一个例子：

<!DOCTYPE html>
<html>
<head>
    <title>第一个网页</title>
</head>
<body>
    <h1>隔河看见一锭金</h1>
    <h2>山有高来水又深</h3>
    <h3>有心过河把金捡</h3>
    <h4>又怕王八咬了脚后跟</h4>
    <h5>舍了罢来舍了罢</h5>
    <h6>外财不富命穷人</h6>
</body>
</html>

效果：

 

 

结论：

1，h1 到 h6 权重越来越小，字体越来小

2，每个h标签占一行

 

p标签：

p标签是段落标签

<!DOCTYPE html>
<html>
<head>
    <title>第一个网易</title>
</head>
<body>
    <h1>隔河看见一锭金</h1>
    <h2>山有高来水又深</h3>
    <h3>有心过河把金捡</h3>
    <h4>又怕王八咬了脚后跟</h4>
    <h5>舍了罢来舍了罢</h5>
    <h6>外财不富命穷人</h6>

    <p>《沧浪之水》最早出自《孟子·离娄》，孔子听到小孩子唱了一支歌：“有孺子歌曰：‘沧浪之水清兮，可以濯我缨；沧浪之水浊兮，可以濯我足。’”孔子听后言：“孔子曰：‘小子听之！清斯濯缨，浊斯濯足矣，自取之也。’”</p>
    <p>后世在描写屈原流放的《渔父》中有:“渔父莞尔而笑，鼓枻而去，乃歌曰：‘沧浪之水清兮，可以濯吾缨；沧浪之水浊兮，可以濯吾足。’遂去不复与言</p>
</body>
</html>

执行结果：

 

 br标签：

<br>或者<br/>是换行标签

 

hr标签：

<hr>：水平线标签

示例：

<!DOCTYPE html>
<html>
<head>
    <title>第一个网易</title>
</head>
<body>
    <h1>隔河看见一锭金</h1>
    <h2>山有高来水又深</h3>
    <h3>有心过河把金捡</h3>
    <h4>又怕王八咬了脚后跟</h4>
    <h5>舍了罢来舍了罢</h5>
    <h6>外财不富命穷人</h6>

    <p>《沧浪之水》最早出自《孟子·离娄》，孔子听到小孩子唱了一支歌：“有孺子歌曰：‘沧浪之水清兮，可以濯我缨；沧浪之水浊兮，可以濯我足。’”孔子听后言：“孔子曰：‘小子听之！清斯濯缨，浊斯濯足矣，自取之也。’”</p>
    <p>后世在描写屈原流放的《渔父》中有:“渔父莞尔而笑，鼓枻而去，乃歌曰：‘沧浪之水清兮，可以濯吾缨；沧浪之水浊兮，可以濯吾足。’<br>遂去不复与言</p>
    <hr>
</body>
</html>

效果：

 

 加粗标签：b或strong

<b></b>

<strong></strong>(推荐)

<!DOCTYPE html>
<html>
<head>
    <title>第一个网易</title>
</head>
<body>
    <p>《沧浪之水》最早出自《孟子·离娄》，孔子听到小孩子唱了一支歌：“有孺子歌曰：‘沧浪之水清兮，可以濯我缨；沧浪之水浊兮，可以濯我足。’”孔子听后言：“孔子曰：‘小子听之！清斯濯缨，浊斯濯足矣，自取之也。’”</p>
    <p>后世在描写屈原流放的《渔父》中有:“渔父莞尔而笑，鼓枻而去，乃歌曰：‘沧浪之水清兮，可以濯吾缨；沧浪之水浊兮，可以濯吾足。’遂去不复与言</p>
    <b>落霞与孤鹜齐飞，</b>
    <strong>秋水共长天一色</strong>
</body>
</html>

效果：

 

 

斜体标签：em或i

<em></em>(推荐)

<i></i>

<!DOCTYPE html>
<html>
<head>
    <title>第一个网易</title>
</head>
<body>
    <em>落霞与孤鹜齐飞，</em>
    <i>秋水共长天一色</i>

</body>
</html>

效果：

 

 

删除线标签：s或del

<s></s>

<del></del>推荐

<!DOCTYPE html>
<html>
<head>
    <title>第一个网易</title>
</head>
<body>
    <del>落霞与孤鹜齐飞，</del>
    <s>秋水共长天一色</s>

</body>
</html>

效果：

 

 

扩展：

<!DOCTYPE html>
<html>
<head>
    <title>第一个网易</title>
</head>
<body>
    <u>古诗词</u>
    <p>a<sub>2</sub></p>
    <p>b<sup>2</sup></p>

</body>
</html>

效果：

 

posted @ 2022-03-29 23:01  Target_L  阅读(66)  评论(0)    收藏  举报