html高级笔记

表格标签
1 <table></table>  定义表格
    ·属性 bgcolor背景色    border边框宽度    bordercolor边框颜色 bordercolorlight边框明亮部分的颜色    bordercolordark边框昏暗部分的颜色    cellspacing各个单元格间隔大小    cellpadding边框与表格内部内容的间隔    width表格的宽度(单位可以是百分比)    height表格高度
2 <tr></tr>  在表格中定义行必须在table中使用,只能嵌入td
    ·属性 align=左中右    valign上中下    bgcolor行背景颜色
3 <td></td>  在每行中定义列必须在tr中使用
    ·width某单元格宽度(单位可以是象素和百分比)  height单元格高度     align=左中右    valign=上中下    colspan=单元格占的列数    rowspan=单元格占的行数    nowrap禁止对过长内容换行显示
4 当列中内容过长,表格会被称大
5 <th></th> 设置表头/页眉
    ·文本为黑体字 与td标签对用法完全一样
6 <caption></caption>设置表格标题
    ·插入紧随<table>标签之后

分帧 将一个浏览器文档窗口分隔成多个窗口,每个窗口中都可以显示一个独立的网页文件。
1 <frameset></frameset>
    ·定义一个框架集有几个帧以及各个帧如何排列
    ·不能定义在<body>标签对中也不能使用<body>标签对中的元素
    ·属性 rows规定包含几行帧窗口及大小 cols规定包含几列帧窗口及大小 border边框宽度 frameborder是否显示边框
        例 <frameset rows="20,30,30%,*">
2 <frame>在<frameset>间,定义具体帧窗口
    ·属性 src指定初始网页的url    name指定帧窗口的名字    scrolling指定帧窗口边框是否显示滚动条    noresize指定用户是否可以调整帧的大小
3 <a href="URL" target="帧名">超链接名</a>   在指定的帧显示URL的网页
    ·target = _blank在新窗口    _self在原帧显示目标网页    _top在顶层父窗口(全部网页)    _parent在父窗口显示(全部网页)
4 <noframes></noframes>用来在不支持frameset的网页中显示文本或图象信息
5 <iframe></iframe>标签 不需要放在frameset标签对中 作用是在网页中插入一个简单帧窗口

表单标签<form></form>
1 action属性 接受和处理浏览器递交的表单内容的服务器程序的URL 例如:<from action=www.baidu.com/counter.cgi>
2 method属性 定义浏览器将表单中的信息提交给服务器端的处理程序的方式 取值为get(默认)或post
3 target属性 指定服务器返回的结果显示的目标窗口或目标帧
4 enctype属性 指示浏览器使用哪种编码方式将表单数据传送给www服务器。属性值为:application/x-www-form-urlencoded和mutipart/form-data,默认为application/x-www-form-urlencoded.
5 title属性 设置当网站访问者的鼠标在表单上的任一位置停留几秒时,浏览器用黄色小浮标显示的文本(如表单的名称或描述)
表单字段标签
1 <input type="submit">提交按纽
    ·属性value="按纽上的字"    name="按纽名称"此参数会发送到WWW服务器   
2 <input type="reset">重置按纽
3 <input type="text">单行文本输入区域
    ·属性 size="5"设置宽度单位为字符个数    maxlength=5在该单行文本最多输入字符个数    readonly可以获得焦点但是不能改变区域中的值    disabled不可获得焦点
4 <input type="checkbox">在表单中产生复选框按扭
    ·属性 checked首次复选框是否被选中    value复选框代表的结果值    name="复选框名称"此参数会发送到WWW服务器
5 <input type="radio">创建单选按纽
    ·属性 name=单选框名称"此参数会发送到WWW服务器,name一样的几个单选框为一组    value=复选框代表的结果值    checked首次复选框是否被选中
6 <input type="hidden">隐藏的表单字段
    ·作用:预设某些信息,传送时也会将name=value传到服务器。
7 <input type="password">密码输入框
    ·作用:输入到文本输入区域的文字不可见
8 <input type="button">普通类型的按扭
    ·一个普通的按扭,需要脚本文件告诉他的动作是什么
9 <input type="file">创建文本输入框浏览按扭,可以输入文件路径。
    ·在method属性为POST和enctype属性为application/x-www-form-urlencoded和mutipart/form-data时可真正传送内容。
10 <input type="image">
    ·属性 name  src="url"
    ·单击图象就会将图象的xy坐标和表单内容上传到服务器
11 <select><option></option></select>创建可下拉列表框或可复选的列表框<option>为选项
    ·<select>属性 size设定在列表框中选项数目,缺省值为1    multiple可以多选
    ·<option>属性 value
12 <textarea>默认内容</textarea>多行文本的文本输入框
    ·属性cols列数 rows行数
13 <label></label>对表单中的字段设置快捷键
    ·属性 for="快敏键要控制的字段的ID"    accesskey="快捷键"
        例如<label for="usr" accesskey="a">用户名(<u>a</u>):</label>

<meta>标签 元素可提供有关页面的元信息,通常放在<head>之间 也可放在别处
1 <meta name="某个设置值" content="对该设置值进行具体补充说明的信息">
    ·name属性用于在网页中加入一些关于网页的描述信息,例如关键字、描述信息。
        1)name=Keywords 将content的内容当作关键字添加到搜索引擎中
            <meta name="keywords" content="vc,java,培训">
        2)name=description 将content的内容当作简要描述添加到搜索引擎中
        3)name=robots 将content中特定的值(index可以检索 noindex不可以检索 follow顺着页面超链接继续往下查找 nofollow不允许follow all可以检索收录页面并且可以follow none什么都不可以)
        4)Generator 编辑网页时使用的工具软件content中写 编辑软件名称
        5)author 网页作者信息 content中写作者信息
        6)copyright 版权声明 content中写版权声明
2 <mata http-equiv="某个设置值" content="对该设置值进行具体补充说明的信息">
    ·http-equiv属性用于在HTML文档中模拟HTTP协议的响应消息头。例如告诉浏览器是否缓存该网页、使用什么样的字符集来显示网页内容、隔多上时间自动刷新网页。
        1)http-equiv=Content-Cype 告诉浏览器使用什么编码查看网页文件内容 content中写编码
            <meta http-equiv="Content-Type" content="text/html;charset=gb2312">
        2)http-equiv=Refresh 告诉浏览器伤痕么时候自动刷新或者跳转
            <meta http-equiv="Refresh" content="1;url=http:www.baidu.com" >浏览器在1秒后自动跳转到www.baidu.com
        3)http-equiv=expires 告诉浏览器网页的到期时间 content为gmt时间格式文本
            <meta http-equiv="Expires" content="Mon,12 May 2001 00:20:00 GMT">将content设置为0可以禁止浏览器使用缓存
        4)http-equiv=Windows-Target 强制某页面在某个固定窗口显示
            <meta http-equiv="Windows-Target" content="_top"> 防止自己的网页被别人当作一个frame页面调用。
        5)http-equiv=pragma 禁止浏览器在本地计算机缓存网页
            <meta http-equiv="Pragma" content="no-cache">
        6)http-equiv=Page-Enter  Page-Exit 设置入场效果或出场效果
            <meta http-equiv="Page-Enter" content="revealTrans(Transition23,Duration=1.000)">
            Transition为效果类型 Duration为效果持续时间

<head>头元素</head>
1 <title>显示在标题栏的文本信息</title>标签对
2 <base>网页中所有超链接的基准地址</base>
    <base href="http://www.it315.com/techworld/" target="_blank">
    ·属性 href属性 设定该网页中所有使用HTTP协议的相对URL地址的基准地址,超链接不再从跟目录下找。
    ·属性 target属性 社顶该网页的超链接显示的目标窗口
3 <link>当前文档和另一个文档或资源之间的关系
    ·属性 HREF 包含另外一个文档或资源的URL地址(必须写)
    ·属性 REL REV 定义两个资源之间的关系类型(必须写 )
        REL表示链接源在当前文档 REV表示链接目标在当前文档
        可取值Contents、Index、Glossary、Copyright、Next、Previous、Start、Help、Bookmark、Stylesheet
    ·属性 TITLE 描述目标资源的字符串(可选)
    ·属性 TYPE 目标资源的MIME类型 如TYPE="text/css"
    ·属性 MEDIA 用于指定目标资源被接受的介质或媒体 如屏幕 打印机。
        可取值screen、print、prijection、aural、braille、tty、all

<div></div>分区域标签 自动换行
    ·<div align=center><p>段落</p><img src="logo.gif"><p>段落2</p></div>
    ·用来组合其他HTML元素,但不能嵌套在段落元素中,例如,<p>aa<div>bb</div>cc</p>
<span></span>分区域标签 不自动换行
    ·要将文本"ZhangSan"中的"Zhang"单独取选取出来,使<span>Zhang</span>San。

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值