html标签学习小结

297 查看

小白一枚,想从事web前端工程师这行,发现一行有一行的门道,现把自己这几天学的关于html标签的做一个简单的梳理。有不对之处,还望大神指教!
<span>没有语气,做部分文本的引用用,可以用css制作颜色
<em>加强语气,效果是斜体
<strong>加强语气,效果是加粗
<q>引用标签
<p>段落
<blockquote>常文本引用,效果是前后缩进两个字符,无引号引用。</blockquote>
<br/>是文本分行,最后一段不需要<br/>结束,这是一个空标签,空标签就是只需要写一个开始标签,<hr/> <img/>
  别忘了;
<hr/>加横线
<address> 地址可以是联系地址或者邮箱等</address>
<code>显示一段代码</code>
<pre>显示一大段代码</pre>

<ul>
<li>
无前后顺序的列表
</li>
</ul>
<ol>
<li>有序列表</li>
</ol>

<div>可以把一些独立的逻辑部分划分出来,相当于一个容器</div>
什么是逻辑部分?它是页面上相互关联的一组元素。如网页中的独立的栏目版块,就是一个典型的逻辑部分。

<div id="命名"> </div>

表格的标记
<table>
</table>
<tbody>当表格很多时会下载一点显示一点,这个标签要求全部显示</tbody>

<tr>表示一行row </tr>
<td>表示单元格</td>
<th>表示表格表头</th>

<style type="text/css">
table tr td,th{border:1px solid #000; }
</style>