Html - 标题标签，段落标签，换行标签，文本格式化标签，盒子标签div，span，图像标签，超链接标签，表格，列表

标签：段落 span 换行 标签 文本格式 列表 Html div

1.标题标签

<h1~h6></h1~h6>

 

2.段落标签与换行标签

<p>我是一个段落 <br>我是换行标签 </p>

<p>我是一条段落1</p>
<br>
<p>我是一条段落2</p>

 

3.文本格式化标签

<strong>文本加粗</strong>
<em>文本倾斜</em>
<del>删除线</del>
<ins>下划线</ins>

 

4.盒子标签div，span

div与span的区别，div一行只能有一个，span一行可以有多个

<div>我是div标签 我一个人占一行</div>

<span>我是span标签 一行可以有多个标签</span>
<span>我是span标签 一行可以有多个标签</span>

 

5.图像标签

<img src="图片URL" alt="图片不存在时显示的文字信息" title="鼠标悬停时显示的图像信息" width="" height="">

 

6.超链接标签

如果href值为 # 表示空连接，如果为图片或.zip格式 点击就会下载

target属性值：_self在当前标签页打开(默认值)，_blank在新的标签页打开

<a href="" target="_self">文本或图像</a>

<!--锚点链接-->
<a href="#live">个人生活</a>
<a href="#love">我的爱好</a>

<div id="live"></div>
<div id="love"></div>

 

7.表格

合并单元格 rowspan="number" 左右合并，colspan="number" 上下合并 作用于td上

表头thead，表体tbody 要包围tr td

<table>
  <tr>
    <td>姓名</td>
    <td>年龄</td>
  </tr>

  <tr>
    <td>Levi</td>
    <td>18</td>
  </tr>
</table>

thread：表头，tbody：表内容，tfoot：表尾

tr：行，td：列，th：列(居中并且加粗)

 

8.列表

无序列表(ul)，有序列表(ol)，自定义列表(dl) 只能有 li，li，dt dd 元素，不能有其它元素

li，dt，dd都可以放任何容器与元素

<!--无序列表-->
<ul>
  <li>可以容纳所有容器</li>
</ul>

<!--有序列表-->
<ol>
  <li>可以容纳所有容器</li>
</ol>

<!--自定义列表-->
<dl>
  <dt>关注我们</dt>
  <dd>官方微信</dd>
  <dd>新浪微博</dd>
</dl>

 

标签：段落,span,换行,标签,文本格式,列表,Html,div
From： https://www.cnblogs.com/ErenYeager/p/17022924.html