HTML基础知识2-<body></body>中常用标签及含义

1.代码

直接上代码,生动形象

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title id="0">我的第一个HTML文档title>
head>
<body>
    <b>加粗b>
    <br>
    <i>斜体i>
    <br>
    <u>下划线u>
    <br>
    <s>删除s>

    <p>段落标签p> 

    <h1>标题1h1>
    <h2>标题2h2>
    <h3>标题3h3>
    <h4>标题4h4>
    <h5>标题5h5>
    <h6>标题6h6>

body>
html>

再看效果图:
HTML基础知识2-<body></body>中常用标签及含义_第1张图片
主体结构在第一节已经讲过了
现在主要讲中最基本以及最常用的标签
1.文本加粗标签
如效果图所示,在此标签的作用下对内容进行加粗显示
2.文本斜体标签
如效果图所示,在此标签的作用下对内容进行斜体显示
3.文本下划线标签
如效果图所示,在此标签的作用下对内容进行添加下划线
4.文本删除线标签
如效果图所示,在此标签的作用下对内容进行添加删除线
5.

文本

标题标签
如效果图所示,在此标签的作用下对内容变为标题显示
6.

#独占一个段落
段落标签

如效果图所示,在此标签的作用下对内容变为一个段落。独占一行
7.
换行标签
如效果图所示,主要是为了换行显示
删掉此标签看看效果图试试:
代码如下:

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title id="0">我的第一个HTML文档title>
head>
<body>
    <b>加粗b>
    <i>斜体i>
    <u>下划线u>
    <s>删除s>
    <p>段落标签p> 
body>
html>

效果图:
HTML基础知识2-<body></body>中常用标签及含义_第2张图片
我们可以看到,加粗标签,斜体标签,下划线标签以及删除标签变成一行显示了,那为什么段落标签没有在同一行显示呢?因为段落标签独占一行,是由标签自身性质决定。
段落标签属于块级标签,占据整行,自带换行效果。
关于块级标签会在下一节再讲。

你可能感兴趣的:(HTML,html)