html文档结构及语法,HTML的文档结构与语法(二)

3.7 超链接标记

语法:对当前链接的描述作用:网页进行跳转

常用的属性:

Href:链接的网址或ip或地址    值:就是具体的地址

Target:打开新链接的方式

值:-blank(新窗口)  _self(当前窗口)   _parent(父窗口)   _top(顶级框架)

Name:锚点链接(当点击链接时进行的跳转)值:锚点名称

绝对路劲:有一个具体的地址(位置),某个盘某个文件夹某个问价

本地的绝对路劲显示: 如:d:/文件夹/文件夹/文件名称

20181021144259624265.png

20181021144259811772.png

相对路劲:就是要访问的文件相当于当前问价的位置

当前文件与目标文件在同一个目录(文件夹)中,直接写文件名就可以

目标文件所在文件夹与当前文件同一目录,找到文件名在找文件

目标问价在当前文件上级,最高3级,上级表示方法../(一个表示一级)

3.8锚点链接

说明:可以在当前页面中进行跳转

锚点链接需要两部分:锚点名称,跳转到锚点链接

20181021144259995373.png

文本

20181021144300125261.png

3.9 meta标记

说明:meta标记一定要写到head中,meta标记一般都是设置当前页面的功能

Name属性里面有的值:keywords(关键字)desrciption(描述)author(作者)

Content属性:具体的内容

如果是keywords值content里就是在查询搜索时,搜索的词汇

如果是desrciption值content里就是对网站描述,在搜索时显示在标题下面一段话

如果是author值content值就是当前网站的作者,显示在搜索后的描述下面

http-equiv属性有两个值,refresh,content-type

编码:

刷新:在几秒后对页面刷新,刷新可以刷新当前页面,也可跳转到另一个界面

 当前页面刷新,3秒一次

跳转页面

20181021144300288353.png

4.0 表单标记

普通文本框:

密码框:    

单选按钮:  

下拉菜单:  

文本

文本

文本

多选按钮:  

多行文本域:

按钮:

提交:     

图片提交:

普通按钮:

重置按钮:

上传:     

上传文件必须在form属性中设置,而且必须是Post方式

隐藏域:  

20181021144300682899.png

Form 标记,是表单域的显示,需要用form标记把表单内容括起来,这时候提交,原因是form的属性中有提交方式,提交地址,文件上传的设置。

提交地址:action=”具体提交地址”

提交方式:get和post,在网站中数据直接传递,只有get和post方式

Get方式:数据以浏览器地址栏的方式(明文)提价到另一个界面

要提交到的页面路径和名称?参数名称=值&参数名称=值&参数名称=值

20181021144300925096.png

Get方式传送数据方式有表单和超链接

表单是用户自己填写的数据

手动传送数据,正常传送

超链接是管理员规定要传送的数据

名字

Post方式:数据隐藏方式传送,post限制只有表单传送方式。

数据传递信息的方式:有文本,图片,视频等

20181021144301069633.png

4.1 表格标记

表格的语法:

id姓名年龄

Table的属性:

Border:表格的边框                                           值:数字

Align:对齐方式                                               值:left、center、right

Bordercolor:边框颜色                                          值:颜色

Width:表格宽度                                             值:数字

Height:表格高度                                            值:数字

Bgcolor:表格背景颜色                                         值:颜色

Background:表格背景图片                                      值:图片地址

Cellpadding:内填充(边框到内容的距离)值:数字

Cellspacing:间距(单元格到单元格之间的距离)值:数字

20181021144301343081.png

Tr 的属性:

Align:行内内容的对其方式                                值:left、center、right

Valign:上下对其方式                           值:top、middle、bottom

Height:行的高度                             值:数字

Bgcolor:行的背景颜色                                   值:颜色

20181021144301655593.png

Td的属性:

Align:单元格的对齐方式                                值:left、center、right

Valign:单元格垂直对其方式                              值:top、middle、bottom

Height: 单元格高度                                  值:数字

Bgcolor:单元格的背景颜色                              值:颜色

Background:单元格的背景图片                            值:图片的地址

Rowspan:跨行合并                          值:合并几行的数量

注意把原来被合并的单元格删除

Colspan:跨列合并                           值:合并几列的数量

注意把原来被合并的单元格删除

20181021144301827475.png

原文:https://www.cnblogs.com/hyf689498/p/9824943.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值