HTML标签

块级标签：会换行，可以设置宽高，反之，则是行级标签

常见的块级标签：h1-h6，h1的字体粗细的大小是h1是最大的，h2是最小的。<p>内容</p>，主要出现在网页文字较多的地方，<div></div>我们称之为区域化标签。

组合型标签有：有序列表标签，无序列表标签，描述列表标签

组合型标签也是块级标签：有序列表：<ol><li></li></ol>，其中<li></li>我们称之为列表项，默认的列表项目是数字 从1开始，也可以通过改变<ol></ol>中的type属性值来改变列表项目的类型。

有有序当然也有无序，无序列表由<ul></ul>和列表项<li></li>组成，其中它默认的列表项目类型是粗体圆点，它也可以通过改变type属性值来改变列表项目的类型。

描述列表标签：<dl><dt></dt><dd></dd></dl>，其中<dt></dt>是标题，<dd></dd>是描述内容，描述列表标签在页面上显示为<dd></dd>会缩进2个半空格。

行级标签：<b></b>,<srong></strong>，<small></small>,<sub></sub>，<sup></sup>,<a href=""></a>,<img/>,<span></span>标签。

<b></b>标签：主要是用来对网页文字进行加粗显示。

<srong></strong>标签：主要也是用来对网页文字进行加粗显示，它和<b></b>的区别是，它主要针对浏览网页不方便的人而发明的。

<i></i>标签：主要是用来对网页文字进行斜体显示。

<em></em>标签：主要是用来对网页文字进行斜体显示，它的区别和<srong></strong>标签相同，也是为浏览网页不方便的人而发明的。

<small></small>标签：主要是用来定义网页文字进行小号字体显示。

<sub></sub>标签：主要是用来在网页上显示公式，它的含义是小标。

<sup></sup>标签：主要是用来在网页上显示公式，它的含义是上标。

<span></span>标签：它是一个自定义标签。

<img/>标签：它是一个图片标签。

<a href=""></a>标签：它是超链接标签，它的用法主要是对网页文字或图片进行链接，或进行锚点设置，效果如下图所示：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>
<!--<video src="../硅谷.Silicon.Valley.S02E04.中英字幕.HDTVrip.1024X576.mp4" controls="controls">-->
<a href="#sg">水果</a>
<a href="#dq">电器</a>
<a href="#fz">服装</a>
<a href="#">返回顶部</a>
<h3 id="sg">水果</h3>
<ul>
<li>苹果</li>
</ul>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<h3 id="dq">电器</h3>
<ul>
<li>洗衣机</li>
</ul>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<h3 id="fz">服装</h3>
<ul>
<li>女装</li>
</ul>
</body>
</html>

内嵌框架标签：<iframe></iframe>,它的效果及代码如下图所示：

<iframe frameborder="1" name="abc" src="http://www.baidu.com" scrolling="" name="abc" style="width:1027px; height:575px"></iframe>
<a href="abc1.html" target="abc">第一集</a>
<a href="abc2.html" target="abc">第二集</a>

abc1.html代码：
<video src="../硅谷.Silicon.Valley.S02E04.中英字幕.HDTVrip.1024X576.mp4" controls="controls">
abc2.html代码：
<video src="../硅谷.Silicon.Valley.S02E05.中英字幕.HDTVrip.1024X576.mp4" controls="controls">

　　

posted on 2017-08-30 20:08  疑问句  阅读(215)  评论(0)    收藏  举报

导航