标签限定了文档的开端和甘休点,  下边是团结学HTML+DIV+CSS+JS时的读书笔记bet体育在线

  上边是团结学HTML+DIV+CSS+JS时的读书笔记,给我们享用以下,相互学习。大二时候寒假在家无聊的时候想做点事,计算了一晃web前端基础的东西,上面包车型大巴各个字都以和谐手敲的。

上个寒假计算的web前端的一些知识点给大家分享一下

  一 、<html>和</html> 标签限定了文档的始发和甘休点。

1、<html>和</html> 标签限定了文书档案的初始和甘休点。

  属性:

属性:

    (1)  dir: 文本的显得方向,暗中同意是从左向右

(1)  dir: 文本的显示方向,默许是从左向右

    (2) lang: 表示全部文档中所使用的语言,en–英文,zh–华语

(2) lang: 表示全部文档中所使用的语言,en–英文,zh–中文

    (3) version:定义创作文档的HTML的行业内部版本

(3) version:定义创作文书档案的HTML的正经版本

  二 、<head></head>用于封装位于文书档案底部的任何标签

② 、<head></head>用于封装位于文书档案尾部的别样标签

  属性:

属性:

    (1) dir:文本的展现方向

(1) dir:文本的显得方向

    (2)  Lang:语言音信

(2)  Lang:语言消息

    (3)  Profile:提供了与近来文件相关联的文档数据的U福特ExplorerL

(3)  Profile:提供了与当下文件相关联的文书档案数据的U翼虎L

  可放在<head>标签中的标签为

可放在<head>标签中的标签为

    (1) <base>:标注当前文书档案的UMuranoL的全称

(1) <base>:标注当前文书档案的UEvoqueL的全称

    属性:

属性:

      Href:钦点文书档案的基础U宝马X5L地址(<body>中的相对地址都以以此营地址为基础)

Href:钦定文书档案的基础U汉兰达L地址(<body>中的相对地址都以以此集散地址为基础)

      Target:定义打开页面包车型大巴窗口

Target:定义打开页面包车型大巴窗口

    属性值:

属性值:

      _parent:在上一级窗口中开拓

_parent:在上顶级窗口中开拓

      _blank:在新一窗口中开辟

_blank:在新一窗口中打开

      _self:在本窗口中打开

_self:在本窗口中打开

      _top:在浏览器的一切窗口中打开

_top:在浏览器的整个窗口中打开

  (2) <basefont>:设定标准的书体,字号和颜料

(2) <basefont>:设定条件的字体,字号和颜料

  属性:

属性:

    Face:设置字体(如燕书,行书等)

Face:设置字体(如黑体,石籀文等)

    Size:设置大小(属性值从1——7,从小到大)

Size:设置大小(属性值从1——7,从小到大)

    Color;字体颜色(值为十六进制颜色)

Color;字体颜色(值为十六进制颜色)

  (3) <title>:设定展现在浏览器左上方的标题内容

(3) <title>:设定展现在浏览器左上方的标题内容

  属性:

属性:

    Dir:文本的显示方向

Dir:文本的来得方向

    Lang:语言新闻

Lang:语言音信

  (4) <meta>:有关文书档案自身的因素信息

(4) <meta>:有关文书档案本人的因素音讯

  属性:

属性:

    http-equiv: 生成http标题域,取值与content的属性值相同

http-equiv: 生成http标题域,取值与content的属性值相同

  属性值:

属性值:

    Refresh
为活动刷新,在content里设定刷新时间,content里也足以跟上刷新的UOdysseyL,落成页面跳转;

Refresh 为电动刷新,在content里设定刷新时间,content里也得以跟上刷新的UGL450L,完结页面跳转;

    content-type  在content里用charset设置内码语系     
如charset=gb2312;

content-type  在content里用charset设置内码语系 如charset=gb2312;

    Expires  定义网页有效期,在content里的格式为星期,日 月 年 时 分
秒 GMT,用英文和数字

Expires  定义网页有效期,在content里的格式为星期,日 月 年 时 分 秒 创新霉素T,用英文和数字

    Page-enter 进入网页时的法力

Page-enter 进入网页时的效率

    Page-exit  退出网页时的效用

Page-exit  退出网页时的职能

  在content中对应的值为:  

在content中对应的值为:

    0:盒状缩短                 1:盒状展开                
2:圆形减弱                 3:圆形展开

0:盒状裁减 1:盒状展开 2:圆形减弱 3:圆形展开

    4:向上擦除                 5:向下擦除                
6:向左擦除                 7:向右擦除

4:向上擦除 5:向下擦除 6:向左擦除 7:向右擦除

    8:垂直百叶窗             9:水平百叶窗            
10:横向棋盘式            11:纵向棋盘式

8:垂直百叶窗 9:水平百叶窗 10:横向棋盘式 11:纵向棋盘式

    12:溶解               13:左右向中央减少    
14:中部向左右展开     15:上下向总中部减少

12:溶解 13:左右向中部减弱 14:中部向左右展开 15:上下向总中部裁减

    16:中部向左右进行     17:梯状左下展开 18:梯状左上海展览中心开       
19:梯状右下展开

16:中部向左右进行 17:梯状左下实行 18:梯状左上海展览中心开  19:梯状右下展开

    20:梯状右上展开        21:随机水平线           
22:随机垂直线            23:随机

20:梯状右上海展览中心开  21:随机水平线 22:随机垂直线 23:随机

  Name:假若元数据是以重点字/取值出现以来,那么name的值正是其首要性字

Name:假使元数据是以重庆大学字/取值出现以来,那么name的值正是其首要字

  属性值:  

属性值:

    Keywords   在content里定义关键字;

Keywords   在content里定义关键字;

    Discription  为定意描述,在content里定义描述内容;

Discription  为定意描述,在content里定义描述内容;

    Author    在content里描述小编;

Author    在content里描述小编;

    Content: 关键字/取值的内容

Content: 关键字/取值的始末

  (5) <style>:设定有关CSS层叠样式表的始末  

(5) <style>:设定有关CSS层叠样式表的剧情

  (6) <link>:设定外部文件的链接

(6) <link>:设定外部文件的链接

  (7) <script>:设定文件脚本的剧情

(7) <script>:设定文件脚本的剧情

三 、<body></body>界定了文书档案的主旨

三 、<body></body>界定了文书档案的核心

  属性:

属性:

    (1)、text: 页面文字的颜料

(1)、text: 页面文字的水彩

    (2)、bgcolor: 页面背景的水彩(用十六进制的水彩代表)

(2)、bgcolor: 页面背景的水彩(用十六进制的水彩代表)

    (3)、background: 页面包车型地铁背景图像(所需的是图形的U汉兰达L)

(3)、background: 页面包车型客车背景图像(所需的是图形的U奥迪Q3L)

    (4)、bgproperties:
页面包车型大巴背景图片是或不是稳定(其唯有二个值fixed,设为Fixed后图像不会随着滚动条的滚动而动)

(4)、bgproperties: 页面的背景图片是还是不是稳定(其唯有一个值fixed,设为Fixed后图像不会趁着滚动条的轮转而动)

    (5)、link: 页面暗中同意的链接颜色

(5)、link: 页面默许的链接颜色

    (6)、alink: 鼠标正在单击时的链接颜色

(6)、alink: 鼠标正在单击时的链接颜色

    (7)、vlink: 访问之后的链接颜色

(7)、vlink: 访问之后的链接颜色

    下边几个控制的是标签<a></a>中的颜色

上边三个控制的是标签<a></a>中的颜色

    (8)、topmargin: 页面包车型客车上方距     

(8)、topmargin: 页面包车型大巴上方距      

    (9)、leftmargin: 页面包车型客车左手距

(9)、leftmargin: 页面包车型大巴左侧距

四 、 定义空格  <!–被诠释掉的剧情–>

四 、 定义空格  <!–被诠释掉的始末–>

伍 、文字标记

五 、文字标记

  (1)、<hn>(n=1~6)标记标题字

(1)、<hn>(n=1~6)标记标题字

  属性:

属性:

    Dir:文字方向

Dir:文字方向

    Lang:语言信息

Lang:语言新闻

    Align:对齐情势

Align:对齐格局

  属性值:

属性值:

    Left:左对齐(默认)

Left:左对齐(默认)

    Right:右对齐

Right:右对齐

    Center:居中

Center:居中

    Class:用2个名称来标记标题,标记名称指向在表面定义的样式表

Class:用1个称谓来标记标题,标记名称指向在外表定义的样式表

    Id:为段落设置2个标记,以后得以在贰个超链接中赫赫有名的引用这么些符号,以便作为样式表的选拔器

Id:为段落设置贰个符号,未来能够在二个超链接中肯定的引用那个标记,以便作为样式表的选拔器

    Style:创制题目内容的内联样式

Style:创造题目内容的内联样式

    Title:给标题加上3个表达性的文字

Title:给标题加上一个表明性的文字

  (2)、<font>标记普通字

(2)、<font>标记普通字

  属性:

属性:

    Face:字体       size: 字号       color:颜色

Face:字体 size: 字号 color:颜色

  (3)、<b>或<strong>       粗体

(3)、<b>或<strong> 粗体

  (4)、<i>,<em>,<cite>    斜体

(4)、<i>,<em>,<cite>
斜体

  (5)、<sup>     上标

(5)、<sup>
上标

  (6)、<sub>     下标

(6)、<sub>
下标

  (7)、<big>      大字号

(7)、<big>
大字号

  (8)、<small>   小字号

(8)、<small>
小字号

  (9)、<u>        下划线

(9)、<u>
下划线

  (10)、<s>      删除线

(10)、<s> 
删除线

  (11)、<address>      突显地址如Email

(11)、<address>
显示地址如Email

六 、段落标记

陆 、段落标记

  (1)、<p> 表示三个段子的初叶

(1)、<p> 表示三个段子的早先

    属性:dir   lang    align    class     id    style    title

属性:dir lang
align class id style title

  (2)、<br> 换行     <nobr>

(2)、<br> 换行  <nobr>

    属性:class    id    style    title

属性:class  id
style title

  (3)、<div>分块文字

(3)、<div>分块文字

    属性:dir       lang        align    class      id    style
       title         nowrap(强制不换行)

个性:dir lang
align class id style title nowrap(强制不换行)

      (4)、<span> 行内样式定义

  (4)、<span> 行内样式定义

    属性: dir      lang        align     class       id    style
      title

属性: dir lang
align class  id  style  title

  (5)、<center> 水平居中呈现

(5)、<center> 水平居中展示

    属性:    dir   lang        class       id    style        title

属性: dir  lang class  id style title

  (6)、<blockquote> 块引用

(6)、<blockquote> 块引用

    属性: dir     lang        class        id    style        title

属性: dir  lang
class id style title

7、下划线     

7、下划线

  <hr>              插入水平分割线

<hr> 插入水平分割线

    属性:dir       lang        class        id    style       
align       size    noshade   width      color

属性:dir lang
class id style align  size noshade width color

8、列表

8、列表

  (1)、 <ul>严节列表,用<li>来罗列项目

(1)、 <ul>冬日,冬辰列表,用<li>来罗列项目

    属性:dir       lang      class     id    style        title    
 compact(紧密无需列表)type(项指标志类型)

品质:dir lang
class id style title compact(紧密无需列表)type(项指标志类型)

    Type的属性值:disc:实心原点   circle:空心原点      
square:实心方形

Type的属性值:disc:实心原点 circle:空心原点 square:实心方形

  (2)、<ol>定义一个不变列表

(2)、<ol>定义2个一如既往列表

    属性:dir       lang        class        id    style       
title       compact        start(数字起初值)

性格:dir lang
class id style title compact start(数字发轫值)

    Type的属性值:1,A,a,i,|

Type的属性值:1,A,a,i,|

  (3)、目录列表<dir>,冬天列表的一种十分情势

(3)、目录列表<dir>,冬季列表的一种独特殊形体式

    属性: dir     lang        class        id    style        title

属性: dir  lang
class id style title

  (4)、定义列表<dl>

(4)、定义列表<dl>

    基本用法:    <dl>

主导用法: <dl>

    <dt>名词</dt>  <dd>解释</dd>

<dt>名词</dt>  <dd>解释</dd>

    </dl>

</dl>

    属性:dir       lang        class        id    style       
title         compact

属性:dir lang
class id  style title compact

  (5)、菜单列表<menu>,用于表示简短的列表

(5)、菜单列表<menu>,用于表示简短的列表

    属性:dir       lang        class        id    style       
title

属性:dir lang
class id style title

玖 、插入图片

⑨ 、插入图片

  <img> 插入图片标签

<img> 插入图片标签

  属性:

属性:

    Src:图像的源文件路径        Alt:文字提醒(图像不呈现时)
width、hight:宽度、中度           border:边框

Src:图像的源文件路径 Alt:文字提醒(图像不出示时) width、hight:宽度、高度 border:边框

    Vspace:垂直距离         hspace:水平距离         
dynsrc:设定avi文件的广播           loop:设定avi播放次数

Vspace:垂直间隔 hspace:水平距离 dynsrc:设定avi文件的广播 loop:设定avi播放次数

    Loopdelay:设定avi播放延迟  start:设定avi文件的广播方
lowsrc:设定低分辨率图片          usemap:影象地图

Loopdelay:设定avi播放延迟 start:设定avi文件的广播方 lowsrc:设定低分辨率图片 usemap:印象地图

    Dir       lang      class        id    align     style    
 title

Dir lang class id align style title

  Align的属性值极其表明:

Align的属性值极其表明:

    Top:文字的中线在图片的上边              
 middle:文字的中线位于图片的宗旨

Top:文字的中线在图片的顶端
middle:文字的中线位于图片的中部

    Bottom:文字的中线位于图片的底部        left:图片在文字右侧

Bottom:文字的中线位于图片的平底
left:图片在文字左边

    Right:图片在文字的动手                      
 absbottom:文字的底线位于图片的底部

Right:图片在文字的出手absbottom:文字的底线位于图片的平底

    Absmiddle:文字的下线位于图片的大旨  
 baseline:英文文字基准线对齐

Absmiddle:文字的底线位于图片的当心
baseline:英文文字基准线对齐

    Texttop:英文文字下边线对齐

Texttop:英文文字上面线对齐

十 、插入超链接

十 、插入超链接

  (1)、标签<a></a>为超链接标签

(1)、标签<a></a>为超链接标签

  属性:

属性:

    Href:钦命链接地址     name:给链接命名      
target:内定链接打开窗口     accesskey:链接热键

Href:内定链接地址 name:给链接命名 target:钦命链接打开窗口 accesskey:链接热键

    Dir      lang        align        class        id        style
       title      charset     rel:钦点从最初的作品档到目的文书档案的涉嫌

Dir lang align class id style title charset rel:内定从原作档到指标文书档案的关系

    Rev:钦赐从目的文书档案到源文书档案的关联          type       
tabindex:对新窗口中的对象重新排序

Rev:钦命从目的文书档案到源文书档案的关系
type tabindex:对新窗口中的对象重新排序

    URL格式:

URL格式:

      http://进入万维网站点  
      
ftp://进入文件传输服务器     
       news://运行消息切磋组         telnet://运维telnet格局

http://进入万维网站点
ftp://进入文件传输服务器
news://运维新闻商讨组
telnet://运转telnet情势

      Gopher://访问gopher服务器 
mailto://运转邮件(href=”mailto://sdut@qq.com? Subject=给小编写信”)

Gopher://访问gopher服务器 mailto://运维邮件(href=”mailto://sdut@qq.com? Subject=给本身写信”)

  (2)、书签链接,试用于页面太长时,防止翻页,格式如下

(2)、书签链接,试用于页面太长时,防止翻页,格式如下

    <a  name=”name”> 文字 </a>            <a 
href=”#name”> 文字链接 </a>

<a  name=”name”> 文字 </a>
<a  href=”#name”> 文字链接 </a>

  (3)、空链接: <a  href=”#”> 链接 </a>

(3)、空链接: <a  href=”#”> 链接 </a>

  (4)、脚本链接:<a  href = “javascript:…..”> 文字链接
</a>

(4)、脚本链接:<a  href = “javascript:…..”> 文字链接 </a>

  (5)、制作图像投射:在同样图像上放置不一样的链接,制造图像投射的不二法门是透过<img>标签的usemap属性再组成<map>
以及<area>标签来兑现的,<a>    或<area>标签包蕴在<map>标签内

(5)、制作图像投射:在一如既往图像上安放不一致的链接,创设图像投射的不二法门是经过<img>标签的usemap属性再结合<map>    以及<area>标签来贯彻的,<a>或<area>标签包蕴在<map>标签内

    <map>的属性:

<map>的属性:

       name     给链接命名  dir        lang        id          
class        style        title

 name  给链接命名  dir  lang id class style
title

    <area>的属性:

<area>的属性:

      Href         alt           accesskey        target       dir
         lang        id    class        style        title        
tabindex 

Href alt accesskey target dir  lang id class style title tabindex
shape(图像投射区域的形状) coords(图像对光标敏感区域的坐标)

            shape(图像投射区域的形制)         
coords(图像对光标敏感区域的坐标)

Shape的属性值:

    Shape的属性值:

Rect  矩形区域 circle  正方形区域 poly  多边形区域

      Rect 矩形区域             circle  星型区域        poly 
多边形区域

事例:

事例:

<img   usemap=”#map”  src=”URL”  hight=””  width = “”  border = “”>

<map  name = “map”>

<area  shape = “rect”  coords = “100,23,56,90”  href = “URL”>

<area  shape = ...............................................................................>

</map>

<img   usemap=”#map”  src=”URL”  hight=””  width = “”  border = “”>

 

<map  name = “map”> 

1壹 、插入多媒体

<area  shape = “rect”  coords = “100,23,56,90”  href = “URL”>

  (1)、插入声音标签<bgsound>

<area  shape = …………………………………………………………………….>

    属性: src (声音文件路径)  loop 循环次数

</map>

  (2)、<embed>标签能够在网页中到场VCD音乐,电影,swf动画等多媒体文件

1壹 、插入多媒体

      属性: src         loop        autostart          width     
hight       hidden(是或不是隐身内嵌播放器)       dir   lang   class     id  
   

(1)、插入声音标签<bgsound>

       style           align              title        
type(嵌入多媒体类型)     Hidden 和
autostart 的属性值有true和no

属性: src (声音文件路径)  loop 循环次数

    当嵌入flash动画时还有以下属性:

(2)、<embed>标签能够在网页中进入mp3音乐,电影,swf动画等多媒体文件

      Quality 动画的播放品质       puginspage 播放插件所在地方   
wmode 动画播放时的窗口情势

质量: src loop
autostart width hight hidden(是还是不是隐伏内嵌播放器)  dir   lang   class
   id    style align title type(嵌入多媒体类型)

  (3)、制作滚动字幕标签<marquee></marquee>

Hidden 和 autostart 的属性值有true和no

    属性:    align              behavior(滚动格局)  bgcolor  class
       direction(滚动方向) width      hight  Hspace   vspace

当嵌入flash动画时还有以下属性:

      Style       loop       scrollamount(滚动速度) 
scrolldelay(滚动延迟)

Quality 动画的播报品质puginspage 播放插件所在地方  
wmode 动画播放时的窗口形式

    Direction的属性值:up  down       left          right

(3)、制作滚动字幕标签<marquee></marquee>

    Behavior 的属性值: scroll(循环往复《暗中认可》) 
slide(只走三回滚动)         alternate(交替进行滚动)

属性: align behavior(滚动情势)  bgcolor class
direction(滚动方向) width hight  Hspace
  vspace

      Scrollamount后跟数字越小越慢,scrolldelay后跟纳秒,vspace和hspace
定义字幕与周围文字的离开

Style loop  scrollamount(滚动速度)  scrolldelay(滚动延迟)

1贰 、别的嵌入

Direction的属性值:up down left right

  (1)、<object>标签用于往文书档案中放置对象

Behavior 的属性值: scroll(循环往复《私下认可》) slide(只走2遍滚动) alternate(交替进行滚动)

    属性:classid(钦定包罗对象的职分)       archive(U福睿斯L列表)
border  codebase(提供一个可选的插件U福睿斯L)hight

Scrollamount后跟数字越小越慢,scrolldelay后跟飞秒,vspace和hspace 定义字幕与周围文字的距离

    Width  data(内定必要对象处理的数据文件)  hspace   vspace   name
     type  tabindex   dir  lang   align 

1贰 、其余嵌入

            class       id           style      title

(1)、<object>标签用于往文书档案中放到对象

  (2)、<applet>标签用来插入applet小程序

天性:classid(钦定包括对象的义务) archive(U奔驰M级L列表) border codebase(提供3个可选的插件U君越L)hight

    属性:      code (钦定浏览器运维的Java类小程序的名称)          
codebase         hight       width      hspace    

Width  data(钦点供给对象处理的数据文件)  hspace   vspace name 
type  tabindex   dir  lang   align class  id style title

        vspace  name         type  class     alt           id 
       title   style    align

(2)、<applet>标签用来插入applet小程序

  (3)、<param>标签为把带有他的<object>或<applet>提供参数

质量: code (内定浏览器运营的Java类小程序的称号) codebase hight width
hspace vspace  name type  class  alt id   title   style align

    属性:type     name      id    value

(3)、<param>标签为把带有他的<object>或<applet>提供参数

13、表单:

属性:type  name 
id  value

  表单由八个或五个公文输入框、可单击的按钮、多选框、下拉菜单和图像按钮等构成,全数的这个都放在<form>中

13、表单:

  (1)、<form>

表单由二个或四个公文输入框、可单击的按钮、多选框、下拉菜单和图像按钮等组成,全部的那么些都位居<form>中

    属性: dir      lang        align              class       
id    style        title         name     

(1)、<form>

        method(定义表单结果从浏览器传输到服务器的方法一般有post
和get 三种方法)      

属性: dir lang
align class id style title name  method(定义表单结果从浏览器传输到服务 
器的章程一般有post 和get 两种艺术) action(用来定义表单处理程序(asp,CGI等)的职责(相对或绝对)) enctype(设置表单编码格局) target(表单重返呈现格局)

        action(用来定义表单处理程序(asp,CGI等)的职位(相对或相对))      
             

Enctype的属性值:
text/plain(以纯文本情势传递)  
application/x-www-urlencoded(默许编码情势)
multipart/form-data   使用mine 编码

         enctype(设置表单编码方式) target(表单重临显示格局)

(2)、表单输入标签<input>

    Enctype的属性值:       text/plain(以纯文本情势传递)            

质量: dir lang
class id alt name align style title type accesskey  value  size   src
accept(文件上传的MIME表列) checked(已入选) disabled(禁止某个成分输入)maxlength(最大字符数)

                application/x-www-urlencoded(私下认可编码形式)      
                                                

Type的属性值:text 文字域   password密码域 file 文件域 checkbox复选框 radio单选框 button 普通按钮 submit 提交按钮 reset 重置按钮 hidden隐藏域  image 图像提交按钮

               multipart/form-data   使用mine 编码  

(3)、多行文字域<textarea>

  (2)、表单输入标签<input>

本性:dir lang
class id style title name accesskey disabled tabindex  rows(行数) cols(列数) wrap(多行文字域的换行)

    属性:      dir   lang        class        id    alt   
name       align              style        title         type       

Wrap的属性值:virtual  虚拟换行 physical  物理换行   off 不换行

          accesskey  value  size      src  
accept(文件上传的MIME表列)    checked(已入选)

(4)、<select>下拉菜单和下拉列表标签,把标记条目放在<option>标签中

          disabled(禁止有个别成分输入)maxlength(最大字符数)

属性:dir lang
class id style title name disabled(禁止使用有些列表) size   tabindex
multiple(列表中的多选项目)

    Type的属性值:text 文字域   password密码域 file 文件域    
checkbox复选框     radio单选框    button 普通按钮

14、表格

            submit 提交按钮           reset 重置按钮      
hidden隐藏域  image 图像提交按钮

(1)、定义表格<table>

  (3)、多行文字域<textarea>

个性:dir lang
class id style title name bgcolor background bordercolor
bordercolorlight bordercolordark border height width cellpadding(单元格边距) cellspacing(单元格间距) nowrap frame(表格边框的可知情势) rules(行列之间边的可知格局) summary(整个表格的中将描述)

    属性:dir       lang        class        id    style       
title         name       accesskey        disabled          tabindex  
rows(行数)      

Frame的属性值:

         cols(列数) 
wrap(多行文字域的换行) Wrap的属性值:virtual  虚拟换行            
physical  物理换行   off 不换行

Above 展现上边框 below展现下面框 border 边框全显示 hside彰显上上边框 vside显示左左侧框 lhs展现左侧框 rhs彰显右侧框 void 显示

  (4)、<select>下拉菜单和下拉列表标签,把标记条目放在<option>标签中

Rules的属性值:

    属性:dir       lang        class        id    style       
title         name      

All 展现全数内部边框 cols仅显示列边框 groups突显身处行列间的边框 none不显示个中边框 rows仅展现行边框

       disabled(禁止使用某些列表)    size    tabindex     
multiple(列表中的多选项目)

 

14、表格

(2)、定义行<tr>

  (1)、定义表格<table>

性情:dir lang
class id style title bgcolor background  bordercolorlight 
bordercolordark valign(表格行的垂直对齐格局)

  属性:dir       lang        class        id    style        title 
       name       bgcolor    background      bordercolor     

(3)、定义列<td>,<th>为定义表头

      bordercolorlight      bordercolordark       border      
height      width      cellpadding(单元格边距) cellspacing(单元格间距) 

属性:dir lang
class id style title bgcolor background bordercolorlight bordercolordark
valign width height abbr(单元格的缩写) axis(用逗号分割目录名列表) rowspan(单元格跨行个数)

bet体育在线,      nowrap     frame(表格边框的可知格局)         
rules(行列之间边的可知格局)       summary(整个表格的上将描述)

Colspan(单元格跨列个数) headers(标题单元格的列表) nowrap(禁止换行) scope(钦点单元格提供新闻)

  Frame的属性值:

(4)、表格题目内容<caption>

    Above 展现下面框        below呈现下面框                 border
边框全突显        hside展现上上面框             

属性:dir lang class
align id style title valign

    vside呈现左左侧框              lhs显示左边框             
  rhs呈现右边框              void        展现

1⑤ 、框架重要分为两有的:2个是框架集,另1个是框架

  Rules的属性值:

(1)、<frameset>框架集,仅是3个框架的聚集

    All   突显全部内部边框 cols仅展现列边框        
groups展现位于行列间的边框      none不显得中间边框           
rows仅呈现行边框

属性:class id
style title rows cols bordercolor frameborder framespacing(框架集间距)

 

(2)、定义框架<frame>

  (2)、定义行<tr>

天性:class id
style title   bordercolor  frameborder   name noresize(禁止调整边框大小)   src(框架源文件)

    属性:dir       lang        class        id    style       
title         bgcolor    background  bordercolorlight       

Marginwidth(框架边缘宽度) marginheight(框架边缘高度)

         bordercolordark       valign(表格行的垂直对齐格局)

Frameborder的属性值:yes 出现边框 no 不出新边框

  (3)、定义列<td>,<th>为定义表头

(3)、<iframe>定义内联框架,在文书档案中定义1个独立的矩形区域,有单独的滚动条和边框

    属性:dir       lang        class        id    style       
title         bgcolor    background      bordercolorlight      

质量:class id
style title frameborder name src marginwidth marginheight align height
width scrolling(是不是同意出现滚动条)

       bordercolordark       valign      width      height      
abbr(单元格的缩写)  

Scrolling的属性值:yes 出现  no不出现 auto自动出现滚动条

       axis(用逗号分割目录名列表)    rowspan(单元格跨行个数)

16、样式表

       Colspan(单元格跨列个数) headers(标题单元格的列表)    
nowrap(禁止换行)     scope(内定单元格提供新闻)

(1)、内联样式表:只需在标签内含1个上style属性,style属性后在跟一文山会海属性和属性值即可。

  (4)、表格标题内容<caption>

事例:<标签  style = “属性:属性值”>

    属性:dir          lang        class        align             
id    style        title         valign

(2)、文书档案样式表用<style>标签表示

1⑤ 、框架首要分为两有的:多个是框架集,另二个是框架

质量:dir lang
title media(文书档案要使用的媒介类型) type(样式类型)

  (1)、<frameset>框架集,仅是1个框架的联谊

级联样式表type的属性值都以text/css,javascript使用的样式表都以text/javascript

    属性:class     id    style        title         rows       
cols       

Media的属性值:screen 总括机显示屏(私下认可)  tv(TV) projection 剧场   handheld(PDA和手提电话) print 打印 all全数媒体

        bordercolor      frameborder      
framespacing(框架集间距)

(3)、外部样式表:用<link>标签来落到实处

  (2)、定义框架<frame>

属性:dir title
lang target type class id style charset href media rel rev

    属性:class     id    style        title    bordercolor 
frameborder       name    noresize(禁止调整边框大小)  

(4)/样式表语法

         src(框架源文件)     Marginwidth(框架边缘宽度)         
marginheight(框架边缘高度)

(a)、HTML重新定义标签样式表语法:

         Frameborder的属性值:yes 出现边框          no 不出新边框

exp: td{color:red;font-size:8pt}

  (3)、<iframe>定义内联框架,在文书档案中定义三个独自的矩形区域,有单独的滚动条和边框

(b)、类样式表:可以在文书档案样式表或外部样式表中为同三个因素创设分歧的体裁,在文书档案前面通过安装class属性 来挑选特定的样式。

    属性:class     id    style        title        
frameborder             name       src         

例子: .bg {background-image: url(路径);}

        marginwidth    marginheight          align      
 height      width       scrolling(是或不是允许出现滚动条)

<body class = ”bg”>

    Scrolling的属性值:yes 出现  no不出新         
auto自动出现滚动条

1七 、样式表的性子

16、样式表

(1)、字体属性: font-family 用三个内定的字体名 font-size 字体展现的尺寸 font-style 字体彰显的体裁 font-weight 定义字体的粗细 font-variant 设置英文大小写转换  font 组合设置字体属性

  (1)、内联样式表:只需在标签内含1个上style属性,style属性后在跟一名目繁多属性和属性值即可。

Font-style的属性值:normal 经常值 italic 斜体 oblique 扁斜体

    事例:<标签  style = “属性:属性值”>

Font-weight的属性值:
normal 不荒谬值 bold 粗体 bolder 在加粗 lighter 变细 100—900 共有100到900个级别数越大越粗

  (2)、文书档案样式表用<style>标签表示

Font-variant的属性值:normal 寻常     small-caps 将小写转换为题写

    属性:dir       lang        title        
media(文书档案要采用的红娘类型)      type(样式类型)

Font组合时的逐一:样式,粗细,大小

      级联样式表type的属性值都以text/css,javascript使用的样式表都以text/javascript

(2)、颜色和背景属性:

    Media的属性值:

Color 颜色
 background-color 背景颜色
background-image 背景图片
background-repeat 背景图片如何重新

      screen 计算机显示器(暗许)        tv(TV) projection
剧场        handheld(PDA和手提电话)

Background-position 设置背景图片水平和垂直的地点background 组合设置背景属性

      print 打字与印刷      all全数媒体

属性值:

  (3)、外部样式表:用<link>标签来达成

Background-repeat:repeat 平铺 repeat-x  X方向上平铺 repeat-y Y方向上平铺  no-repeat不平铺

    属性:dir       title         lang        target       type
       class        id    style

Background-position:
value 以百分比(x%.y%)或相对值的方式(x.y)来规定背景图像的岗位 top 居顶

            charset     href         media      rel    rev

Center 居中 bottom居底 left 居左 right居右

  (4)/样式表语法

Background能够自由组合以上的属性值

    (a)、HTML重新定义标签样式表语法:

(3)、文本属性:

                exp:        td{color:red;font-size:8pt}

Letter-spacing 定义三个叠加在字符间的间距数量
 word-spacing单词间的间距数量   text-index文字的首行缩进

    (b)、类样式表:能够在文书档案样式表或外部样式表中为同二个要素成立分歧的体制,在文书档案后边通过安装class属性来挑选特定的体裁。

Text-align 文本对齐方式line-height行高间隔
text-transform控制英文文字大小写 text-decoration文字修饰

    例子: .bg {background-image: url(路径);}

属性值:

      <body     class = ”bg”>

Letter-spacing: normal 符合规律值
长度单位 如2em

1柒 、样式表的质量

Word-spacing : normal 正常值 长度单位

  (1)、字体属性:    font-family 用一个钦点的字体名   font-size
字体展现的轻重      font-style 字体展现的体裁                         
                                        font-weight
定义字体的粗细           font-variant 设置英文大小写转换 font
组合设置字体属性

Text-decoration:underline 加下划线  overline 加上划线   line-through 加删除线  blink闪烁文字,只使用于     netscape浏览器    none暗许值

      Font-style的属性值:normal 符合规律值                  italic
斜体             oblique 扁斜体

Text-align:left 左对齐 right右对齐 center居中 justify两端对齐

      Font-weight的属性值: normal 平常值              bold
粗体              bolder 在加粗       

Text-index:后跟长度单位如2em

                  lighter 变细    100—900
共有100到900个级别数越大越粗

Text-transform: capitalize将各个单词首字母大写 uppercase 将各样都更换为大写  lowercase 转换为小写 none

      Font-variant的属性值:normal 符合规律                small-caps
将小写转换为题写

(4)、边框属性:

      Font组合时的依次:样式,粗细,大小

Border-color 边框颜色    border-style 边框样式     border-width边框宽度     border-top-color 上面框颜色

  (2)、颜色和背景属性:

Border-left-color 右边框颜色  border-right-color 左边框颜色   border-bottom-color 底边框颜色     
border-top-style  border-left-style
border-right-style  border-bottom-style  border-top-width   border-left-width

    Color 颜色     background-color 背景颜色        
background-image 背景图片          background-repeat 背景图片怎么样重新

Border-right-width  border-bottom-width  border 组合设置 border-top(right/left/right/bottom)

    Background-position 设置背景图片水平和垂直的岗位       
background 组合设置背景属性

属性值:

  属性值:

Border-style:none 无边框  dotted 边框由点组成  dash 边框由短线组成  solid边框是视线  double双线

    Background-repeat:repeat 平铺     repeat-x  X方向上平铺 
repeat-y Y方向上平铺  no-repeat不平铺

Groove  立体渠道  ridge 边框成脊形  inset 边框内嵌2个立体边框  outset边框外嵌一个立体边框

    Background-position:    value
以百分比(x%.y%)或相对值的方式(x.y)来规定背景图像的岗位        top 居顶

(5)、方框属性:

    Center 居中           bottom居底           left 居左        
right居右

Float 让文字环绕在要素四周     clear钦赐在某一因素的某单方面是不是同意有环绕的文字和指标  clip限定只展现裁切 出来的区域 width设定指标的上升幅度 height设定对象的可观 padding设定边框和剧情间的离开   margin 元素里 浏览器的离开 overflow 当本层内容容纳不下时的处理情势position 设置对象地点   z-index决定层的先后顺序和掩盖关系

    Background能够自由组合以上的属性值

属性值:

  (3)、文本属性:

Float: none left right

    Letter-spacing 定义八个外加在字符间的间隔数量      
word-spacing单词间的间隔数量   text-index文字的首行缩进

Overflow:  visible无论层的大小,内容都会显得出来
hidden 隐藏超出层的始末 
scroll 不管是或不是超
出都会加上滚动条 auto 唯有超过时才会有滚动条

    Text-align 文本对齐方式      line-height行高间隔      
text-transform控制英文文字大小写 text-decoration文字修饰

(6)、列表属性:

    属性值:

List-style-type 设定引导列表的品类别别
list-style-image  选取图像作为项指标引导符号
list-style-position  决定列表项目所缩进的水准

    Letter-spacing: normal 平常值              长度单位 如2em  

属性值:

    Word-spacing : normal 平常值          长度单位

List-style-type: disc 在文本行前加实心圆   circle 加空心圆   square 加实心方块  decimal  加阿拉伯数字

    Text-decoration:underline 加下划线  overline 加上划线  
line-through 加删除线 

Lower-roman  小写拉各斯数字   upper-roman 大写胡志明市数字   lower-阿尔法 小写字母   upper-alpha 大写字母 none 不展现其余标志

             blink闪烁文字,只使用于netscape浏览器   
none私下认可值

List-style-image:的属性值为U奥德赛L(图片路径)

    Text-align:left 左对齐         right右对齐          
center居中      justify两端对齐

List-style-position: outside 列表贴近左边边框 inside 列表缩进

    Text-index:后跟长度单位如2em

(7)、滤镜属性:基本语法   filter: 滤镜 (参数)

    Text-transform: capitalize将种种单词首字母大写  uppercase
将每种都转移为大写  lowercase 转换为小写 none

Alpha 透明的层次意义  
blur 连忙移动的模糊效果
  chroma 特定颜色的透明效果
   dropshadow阴影效果

  (4)、边框属性:

Fliph 水平翻转效果 flipv 垂直翻转职能 glow 边缘光晕效果 gray灰度效果    invert 颜色亮度值翻转

    Border-color 边框颜色    border-style 边框样式    
border-width边框宽度     border-top-color 下边框颜色

Mask遮罩效果 shadow渐变阴影效果 wave波浪效果 xray  X射线效果

    Border-left-color 左侧框颜色  border-right-color 左侧框颜色  
border-bottom-color 底边框颜色         border-top-style 
border-left-style               border-right-style 
border-bottom-style  border-top-width   border-left-width

(8)、鼠标滤镜:用法———cursor: value

    Border-right-width  border-bottom-width  border 组合设置
border-top(right/left/right/bottom)

Value的值: hand 手型 crosshair 交叉十字 text 文本采取符号   wait沙漏装    default 私下认可形状  help 问号

    属性值:

N(W、S、E)-resize 向北(西、南、东)的箭头

    Border-style:none 无边框  dotted 边框由点构成  dash
边框由短线组成  solid边框是视线  double双线

1捌 、在页面中投入Javascript脚本

    Groove  立体渠道  ridge 边框成脊形  inset 边框内嵌二个立体边框 
outset边框外嵌3个立体边框

(1)、用标签<script>实现

  (5)、方框属性:

品质: charset编码脚本程序的字符集 language 脚本语言 src 包括脚本程序的U哈弗L type脚本类型

    Float 让文字环绕在要素四周    
clear钦点在某一要素的某单方面是或不是同意有环绕的文字和对象 
clip限定只显示裁切      出来的区域    width设定目的的上升幅度         
    height设定对象的冲天          padding设定边框和剧情间的偏离  
margin 成分里   浏览器的偏离 overflow
当本层内容容纳不下时的处理格局                  position
设置对象地方   z-index决定层的先后顺序和遮住关系

(2)、js内在事件:onBlur光标离开文本框时 onChange 当文本框的始末给被改成是时
onClick单击时 onLoad载 入时 onMouseOver鼠标经过时  onMouseOut鼠标移开时 onReset 复位表单时 onSubmit提交表单时 onSlecte 文本域被入选时 onUnload退出载入时 onFocus当光标落在文本框时

    属性值:

 

    Float:      none        left          right

 

    Overflow:  visible无论层的轻重缓急,内容都会议及展览示出来        hidden
隐藏超出层的剧情           scroll 不管是还是不是超过都会拉长滚动条

 

    auto唯有超越时才会有滚动条

 

    (6)、列表属性:

 

      List-style-type 设定教导列表的种类体系           
list-style-image  选取图像作为项目标指点符号                       
      

 

      list-style-position  决定列表项目所缩进的品位

 

    属性值:

 

      List-style-type: disc 在文本行前加实心圆   circle 加空心圆  
square 加实心方块  decimal  加阿拉伯数字

      Lower-roman  小写赫尔辛基数字   upper-roman 大写奥斯陆数字  
lower-alpha 小写字母                            

      upper-阿尔法 大写字母          none 不出示任何标志

      List-style-image:的属性值为UTiguanL(图片路径)

      List-style-position: outside 列表贴近右边边框           
inside      列表缩进

  (7)、滤镜属性:基本语法    filter: 滤镜 (参数)

    Alpha 透明的层系意义        blur 火速移动的混淆效果       chroma
特定颜色的晶莹效果       dropshadow阴影效果

    Fliph 水平翻转效果      flipv 垂直翻转职能       glow
边缘光晕效果       gray灰度效果    invert 颜色亮度值翻转

    Mask遮罩效果       shadow渐变阴影效果          
wave波浪效果       xray  X射线效果

  (8)、鼠标滤镜:用法———cursor: value

    Value的值: hand 手型       crosshair 交叉十字 text 文本选取符号
  wait沙漏装    default 暗中同意形状      help 问号

    N(W、S、E)-resize 向北(西、南、东)的箭头 

1捌 、在页面中加入Javascript脚本

  (1)、用标签<script>实现

    属性: charset编码脚本程序的字符集        language 脚本语言 src
蕴涵脚本程序的U普拉多L      type脚本类型

  (2)、js内在事件:onBlur光标离开文本框时       onChange
当文本框的始末给被改变是时            onClick单击时       onLoad载
入时      

     onMouseOver鼠标经过时       onMouseOut鼠标移开时       onReset
复位表单时      onSubmit提交表单时                        

    onSlecte 文本域被选中时      onUnload退出载入时           
onFocus当光标落在文本框时

 

 

 

 

 

 

 

                                                                       
                                                                       
             

相关文章