HTML常用标签(1)

来源：互联网发布：国外数据分析公司编辑：程序博客网时间：2024/05/17 08:35

一:html常用的简单标签

1.<title></title>-->页角标    作用:标识作用    用法:在<head>标签中加入<title></title>    例:    <!DOCTYPE html>    <html lang="en">        <head>            <meta charset="UTF-8" />            <title>这就是页角标</title>        </head>        <body>        </body>    </html>

效果:
效果:

2.<p><p>    作用:<p>标签包裹的内容成段展示    用法:在<body>标签中加入<p></p>    例:    <!DOCTYPE html>    <html lang="en">        <head>            <meta charset="UTF-8" />            <title>这就是页角标</title>        </head>        <body>            加p标签效果:            <p>                这是p标签1            </p>            <p>                这是p标签2            </p>            不加效果:                这是p标签1                这是p标签2        </body>    </html>

效果:

3.<h></h>-->标题标签作用:略用法:例:    <!DOCTYPE html>    <html lang="en">    <head>       <meta charset="UTF-8" />       <title>这就是页角标</title>    </head>    <body>       <h1>哈哈哈...</h1>       <h2>哈哈哈...</h2>       <h3>哈哈哈...</h3>       <h4>哈哈哈...</h4><!-- 和正常字体大小一样 -->       <h5>哈哈哈...</h5>       <h6>哈哈哈...</h6>        哈哈哈...    </body></html>

效果:

3.<strong><strong>作用:加粗例:    <!DOCTYPE html>    <html lang="en">        <head>            <meta charset="UTF-8" />            <title>这就是页角标</title>        </head>        <body>           <strong>加粗</strong>           加粗        </body>    </html>

效果:

4.<em></em>作用:<em>中包裹的文字斜体斜体例:只需要把上述strong标签替换为<em>即可看到效果5.<address></address>   作用:<address>中包裹的文字斜体并且成段展示6.<span></span>作用:容器特点:不成块展示7.<div></div>作用:容器特点:成块展示<span>标签和<div>标签的代码及效果如下:    <!DOCTYPE html>    <html lang="en">        <head>            <meta charset="UTF-8" />            <title>这就是页角标</title>        </head>        <body>            <span>哈哈哈哈哈哈</span>             <span>哈哈哈哈哈哈</span>             <div>                  哈哈哈哈哈哈             </div>             <div>                  哈哈哈哈哈哈              </div>        </body>    </html>

效果:

阅读全文

0 0