p->图片顶部 center->图片中部 bottom->图片底部 <img src="img/icon.jpg" align="top" />12345
(6)超链接标签a
A、href属性:表示超链接跳转的页面。 ① 可以写网络地址: <a href="http://www.baidu.com">这是一个超链接</a>
② 可以打开本地的html文件: 采用相对路径确定文件地址。与img标签确定方式相同。 <a href="01-HTMLhead部分index.html">这是一个超链接</a>
B、title属性:鼠标指上后显示的提示文字 <a href="01-HTMLhead部分index.html"title="ttt">这是一个超链接</a>
C、target属性:设置新页面打开的窗口位置 可选值:_self自身页面打开(默认) _blank 新窗口打开 <a href="01-HTMLhead部分index.html"target"_blank">这是一个超链接</a> 【超链接的特殊应用】 1、功能性链接:(了解) mailto:// 点击链接给指定邮箱发送邮件 <a href="mailto://jianghao@jerei.com"target"_blank">点击发送邮件</a> tencent://message/?uin=1105093212" 还有:tell://手机端点击打电话 message://手机端点击发送短信 ftp://使用ftp协议进行文件的上传下载 2、锚点链接: >>>本页面锚链接 ① 在页面的指定位置中设置一个锚点,用那么属性表示锚点名字: a name="top"></a> <div style="background-color: aqua;height: 1000px"></div> ② 将超链接的href属性,设置为#加锚点名字 <a href="#top">点击链接,跳转到top锚点位置</a> >>>页面间锚链接 ① 在新页面的指定位置中设置一个锚点,用那么属性表示锚点名字: a name="top"></a> <div style="background-color: aqua;height: 1000px"></div> ② 将超链接的href属性,设置为“新页面地址#加锚点名字”: <a href="锚点.html#3">点击链接,跳转到锚地.html的top锚点位置</a>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML基本行级标签</title>
</head>
<body>
<a name="e"></a>
糖糖<span style="color: red; font-size: 48px;">真帅</span>!!!
<br />
<em>这是em标签</em><br />
<strong>这是strong标签</strong><br />
<i>这是i标签</i><br />
<b>这是b标签</b><br />
<u>这是b标签</u><br />
<q cite="http://www.jianghaozhenshuai.com">我是q标签引用</q>
<blockquote>我是blockqoute的引用!!!!!</blockquote>
<cite cite="">我是cite标签的引用!!</cite><br />
<small><small>我比正常小两号</small></small><br />
<big>我比正常大一号</big><br />
<img src="img/icon.jpg" align="top" />12345
-->
<img src="img/icon.jpg" align="bottom" />12345
<a href="tencent://message/?uin=1105093212"target"_blank">点击发送邮件</a>
<div style="background-color: aqua;height: 1000px"></div>
<a href="#e">点击</a>
<a href="锚点.html#1">1</a>
<a href="锚点.html#2">2</a>
<a href="锚点.html#3">3</a>
</body>
</html>
4)块级标签与行级标签的区别
1、块级标签:默认宽度100%(占满一行); 块级标签自动换行(独占一行,右边不能有任何东西); 块级标签可以使用CSS设置宽度高度! 2、行级标签:默认宽度由内容撑开(内容多宽、宽度就占多宽); 行级标签不会自动换行(一行当中,从左往右依次排列); 行级标签的宽度高度不能设置!
5)表格
(1)表格table
表格用table表示,表格中的每一行tr表示,一行中的每一列用td表示 th表示的是:表头。表头中的文字,默认为加粗居中。th要放在tr中,用于替换掉td。 (2)table的常用属性 A、border:给表格加边框。 默认给所有td加边框,并且给整个table加外边框。 当增大border的值时,td上的边框不变化,只有最外层大边框变宽。 B、cellspacing:单元格与单元格之间的距离 |