李炎恢HTML

1.

<b>加粗啊</b>

<br>换行

<strong>强调</strong>

<i>字体倾斜</i>

<em>字体倾斜</em>

<del>字体中间删除线</del>

<u>加下划线</u>

<ins>添加一段带有下划线的文本</ins>

<q>引用来自他处的内容，自动的加上引号</q>

<mark>突出显示的文本，默认黄色</mark>

<span>一般显示的文本</span>

 

2.

超链接的属性

属性名称说明

href 指定<a>元素所指资源的URL

hreflang 指向的链接资源所使用的语言

media 说明所链接资源用于哪种设备

rel 说明文档与所链接资源的关系类型

target 指定用以打开所链接资源的浏览环境

type 说明所链接资源的MIME 类型（比如text/html）

 

target 属性

<a href="http://www.baidu.com" target="_blank">百度</a>

解释：target 属性告诉浏览器希望将所链接的资源显示在哪里。

属性名称说明

_blank 在新窗口或标签页中打开文档

_parent 在父窗框组（frameset）中打开文档

_self 在当前窗口打开文档（默认）

_top 在顶层窗口打开文档

 

3.相对路径

<a href="index2.html">index2</a>

解释：相对路径的条件是必须文件都在一个磁盘或目录下，如果是在同一个目录下，直

接属性值就是被链接的文件名.后缀名。如果在同一个主目录下，有多个子目录层次，那就

需要使用目录结构语法。

同一个目录：index2.html 或./index2.html；

在子目录：xxx/index2.html；

在孙子目录：xxx/xxx/index2.html；

在父目录：../index2.html；

在爷爷目录：../../index2.html；

 

4.锚点设置

超链接也可用来将同一个文档中的另一个元素移入视野。通过属性id 或name 实现锚

点定位。

//链接

<a href="#1">第一章</a><br>

<a href="#2">第二章</a><br>

<a href="#3">第三章</a><br>

//锚点

<a id="1"></a>第一章

<br><br><br><br><br><br><br><br><br>

<br><br><br><br><br><br><br><br><br>

<br><br><br><br><br><br><br><br><br>

<br><br><br><br><br><br><br><br><br>

<a name="2"></a>第二章

<br><br><br><br><br><br><br><br><br>

<br><br><br><br><br><br><br><br><br>

<br><br><br><br><br><br><br><br><br>

<br><br><br><br><br><br><br><br><br>

<a name="3"></a>第三章

<br><br><br><br><br><br><br><br><br>

<br><br><br><br><br><br><br><br><br>

<br><br><br><br><br><br><br><br><br>

<br><br><br><br><br><br><br><br><br>

 

5.

无序列表：

<ul>

<li>咖啡</li>

<li>茶</li>

<li>牛奶</li>

</ul>

有序列表：

<ol>

<li>咖啡</li>

<li>牛奶</li>

<li>茶</li>

</ol>

 

<ol start="50">

<li>咖啡</li>

<li>牛奶</li>

<li>茶</li>

</ol>

 

7.

1.<header>表示首部

<header>

这里部分一般是页面头部，包括：LOGO、标题、导航等内容

</header>

解释：<header>元素主要设置页面的标头部分。

2.<footer>表示尾部

<footer>

这里是页面的尾部，一般包括：版权声明、友情链接等内容

</footer>

解释：<footer>元素主要设置页面的尾部。

 

8.<iframe>嵌入另一个文档

<br>

<a href="http://www.baidu.com" target="in">百度</a>

<br><br>

<iframe src="http://www.ycku.com" width="600" height="500" name="in"></iframe>