设为首页 加入收藏

TOP

HTML的基本结构与标签的初步了解(三)
2017-10-13 10:49:58 】 浏览:3014
Tags:HTML 基本 结构 标签 初步 了解
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:单元格与单元格之间的距离

首页 上一页 1 2 3 4 下一页 尾页 3/4/4
】【打印繁体】【投稿】【收藏】 【推荐】【举报】【评论】 【关闭】 【返回顶部
上一篇div+css模拟select下拉框 下一篇web开发之菜鸟的代码规范

最新文章

热门文章

Hot 文章

Python

C 语言

C++基础

大数据基础

linux编程基础

C/C++面试题目