简单的HTML标签学习

来源：互联网发布：三金冠淘宝店值多少钱编辑：程序博客网时间：2024/05/16 05:00
以下是我自己整理的一些HTML标签
<html>    <head>        <title>我的text</title>        <meta charset="utf-8" />    </head>    <body>        <!-- 加粗加大文本，强调文本内容                语义标签与视觉标签-->        <h1>你好~~</h1>        <h2>你好~~</h2>        <h3>你好~~</h3>        <h4>你好~~</h4>        <h5>你好~~</h5>        <h6>你好~~</h6>        <h7>你好~~</h7><br/>        <b>使用粗体显示内容文本</b><br/>        <strong>使用粗体显示内容文本，同时强调</strong>        <i>使用斜体显示内容文本</i><br/>        <em>使用斜体显示内容文本,同时强调该内容</em><br/>        <del>在文本上显示中划线，表示该文本被删除</del><br/>        <q>会在文本两端加上双引号，表示引用</q><br/>        <small>使用小号字体显示</small><br/> log        <sub>n</sub>10<br/> x        <sup>x</sup><br/>        <u>在文字下面添加下划线</u><br/>        <hr/>        <!-- 水平线-->        <span>改标签并没有什么卵用，只是把文本内容标识出来，通常和css配合使用</span><br/>        <a href="www.baidu.com" target="_blank">百度</a>        <b>这个文本是加粗的</b>        <br />        <strong>这个文本是加粗的</strong>        <br />        <big>这个文本字体放大</big>        <br />        <em>这个文本是斜体的</em>        <br />        <i>这个文本是斜体的</i>        <br />        <small>这个文本是缩小的</small>        <br /> 这个文本包含        <sub>下标</sub>        <br /> 这个文本包含        <sup>上标</sup><br />        <a href="C:\Users\Administrator\Desktop\b.html" target="_blank">访问b.html的绝对路径</a><br/>        <a href="..\b.html" target="_blank">访问b.html的相对路径</a><br/>        <a href="http://www.baidu.com" title="预显示文本" target="_blank">点击进入百度</a>        <ul>            <li>我是</li>            <li>Y.S.K</li>            <li>第三行</li>            <li>第四行</li>        </ul>        <ol>            <li>我是</li>            <li>Y.S.K</li>            <li>第三行</li>            <li>第三行</li>        </ol>        <table summary="表格123">            <caption>自定义第一个表格</caption>            <tr>                <th>第一</th>                <th>第二</th>                <th>第三</th>                <th>第四</th>                <th>第五</th>            </tr>            <tr>                <td>字内容1</td>                <td>字内容2</td>                <td>字内容3</td>                <td>字内容4</td>                <td>字内容5</td>            </tr>            <tr>                <td>第二行字内容1</td>                <td>第二行字内容2</td>                <td>第二行字内容3</td>                <td>第二行字内容4</td>                <td>第二行字内容5</td>            </tr>        </table><img src="https://ss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/img/logo/bd_logo1_31bdc765.png" width="20%" alt="很可惜看不到了~">    </body></html>
阅读全文
0 0