HTML初识(三)

一、HTML标签

下面是比较常用并且重要的标签

1.排版标签

       标题标签 <h> </h>
       段落标签 <p> </p>
       水平线标签 <hr>
       换行标签 <br>
       块标签 <div> </div>
       行内标签 <span> </span>

2.文本格式化标签

       粗体 <b> </b> 、 <strong> </strong>
       斜体 <i> </i> 、 <em> </em>
       添加删除线 <s> </s> 、 <del> </del>
       添加下划线 <u> </u> 、 <ins> </ins>

3.标签属性

属性是提供关于有关标签的更多信息,总是以 属性=" 属性值 " 的形式出现

<标签名 属性1=’‘属性值1’’ 属性2=’‘属性值2’’>
内容…
</标签名>

4.图像标签<img>

<img src="图片路径" alt="不能显示图片时替换的文本" title="鼠标悬停是显示的内容"/>

5.链接标签

<a></a>标签的功能有三种,分别是链接、锚点定位、base标签

5.1 链接
从一张网页链接到另一张网页上

<a herf="跳转目标" target="目标弹出方式">
内容...
</a>
target 属性
_blank 默认。在当前页面打开
_self 在新的页面中打开
_parent 在父框架中打开
_top 在整个窗口中打开

5.2 锚点定位
也是在页面内进行定位,当你点击<a>时,就会立刻定位到文章的某一处。

<div id="demo"> </div>
<a href="#demo"> </a>  锚点

5.3 base标签
<base>标签可以设定整体链接的打开状态(必须设定在元素head头部中)

<base url="页面整体的基准链接"  target="所有链接的打开方式">

6.特殊字符标签

        空格 ------ &nbsp;
        < ------ &lt;
        > ------ &gt;(注意:分号要英文)

7.列表标签

7.1 有序列表
有序列表的排序是有顺序的

<ol>
	<li>列表1</li>
	<li>列表2</li>
</ol>

7.2 有序列表
无序列表的排序是没有顺序的

<ul>
	<li>橘子</li>
	<li>苹果</li>
	<li>香蕉</li>
</ul>

7.3 自定义列表
常用于对术语或名词进行解释或是描述

<dl>
	<dt>Coffee</dt>
	<dd>Black hot drink</dd>
	<dt>Milk</dt>
	<dd>White cold drink</dd>
</dl>

<dl></dl> 表示整个列表的开始
<dt></dt> 放想要解释的名词或术语
<dd></dd> 对名词或术语进行解释

猜你喜欢

转载自blog.csdn.net/CrazyQiQi/article/details/85040700