您的位置：首页 > Web前端 > HTML

简单的HTML标签学习

2017-08-31 20:10 591 查看

以下是我自己整理的一些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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航