概念创作文书档案的HTML的正统版本, 表示全数文书档案中所使用的语言

  上面是友好学HTML+DIV+CSS+JS时的就学笔记,给我们分享以下,相互学习。大2时候寒假在家无聊的时候想做点事,计算了1晃web前端基础的事物,上面包车型大巴每一个字都是温馨手敲的。

上个寒假总括的web前端的一些知识点给大家大快朵颐一下

  一、<html>和</html> 标签限定了文书档案的启幕和甘休点。

一、<html>和</html> 标签限定了文书档案的发端和结束点。

  属性:

属性:

    (1)  dir: 文本的体现方向,暗许是从左向右

(一)  dir: 文本的来得方向,暗中认可是从左向右

    (二) lang: 表示一切文书档案中所使用的语言,en–英文,zh–国语

(贰) lang: 表示一切文书档案中所使用的语言,en–英文,zh–国语

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

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

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

贰、<head></head>用于封装位于文书档案底部的别的标签

  属性:

属性:

    (壹) dir:文本的显示方向

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

    (贰)  Lang:语言音讯

(2)  Lang:语言消息

    (三)  Profile:提供了与当前文件相关联的文书档案数据的UTucsonL

(3)  Profile:提供了与当前文件相关联的文书档案数据的USportageL

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

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

    (一) <base>:标注当前文书档案的U奇骏L的全称

(壹) <base>:标注当前文书档案的U路虎极光L的全称

    属性:

属性:

      Href:钦定文书档案的基础URubiconL地址(<body>中的相对地址都以以此营地址为基础)

Href:钦命文档的基础U奥迪Q5L地址(<body>中的绝对地址都以以此集散地址为基础)

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

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

    属性值:

属性值:

      _parent:在上一流窗口中开辟

_parent:在上超级窗口中开垦

      _blank:在新1窗口中打开

_blank:在新一窗口中展开

      _self:在本窗口中展开

_self:在本窗口中张开

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

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

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

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

  属性:

属性:

    Face:设置字体(如仿宋,燕体等)

Face:设置字体(如陶文,草书等)

    Size:设置大小(属性值从一——七,从小到大)

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

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

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

  (三) <title>:设定突显在浏览器左上方的标题内容

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

  属性:

属性:

    Dir:文本的显示方向

Dir:文本的来得方向

    Lang:语言消息

Lang:语言消息

  (四) <meta>:有关文书档案本身的因素新闻

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

  属性:

属性:

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

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

  属性值:

属性值:

    Refresh
为全自动刷新,在content里设定刷新时间,content里也可以跟上刷新的U卡宴L,完成页面跳转;

Refresh 为自行刷新,在content里设定刷新时间,content里也得以跟上刷新的U本田UR-VL,完结页面跳转;

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

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

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

Expires  定义网页限制时间,在content里的格式为星期,日 月 年 时 分 秒 卡那霉素T,用英文和数字

    Page-enter 进入网页时的效果

Page-enter 进入网页时的意义

    Page-exit  退出网页时的作用

Page-exit  退出网页时的效用

  在content中对应的值为:  

在content中对应的值为:

    0:盒状缩小                 一:盒状张开                
贰:圆形裁减                 三:圆形展开

0:盒状减少 一:盒状打开 二:圆形收缩 三:圆形张开

    四:向上擦除                 伍:向下擦除                
6:向左擦除                 7:向右擦除

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

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

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

    12:溶解               13:左右向中部减少    
1四:中部向左右拓展     一伍:上下向总中部收缩

1二:溶解 壹三:左右向中部收缩 1四:中部向左右举行 1伍:上下向总中部缩短

    16:中部向左右实行     1七:梯状左下开始展览 1八:梯状左上海展览中心开       
1玖:梯状右下打开

16:中部向左右举行 一七:梯状左下实行 1八:梯状左上海展览中心开  19:梯状右下张开

    20:梯状右上海展览中心开        二1:随机水平线           
2二:随机垂直线            贰三:随机

20:梯状右上海展览中心开  二一:随机水平线 2二:随机垂直线 二3:随机

  Name:假使元数据是以主要字/取值出现以来,那么name的值正是其利害攸关字

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

  属性值:  

属性值:

    Keywords   在content里定义关键字;

Keywords   在content里定义关键字;

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

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

    Author    在content里描述作者;

Author    在content里描述我;

    Content: 关键字/取值的内容

Content: 关键字/取值的始末

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

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

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

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

  (七) <script>:设定文件脚本的始末

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

3、<body></body>界定了文书档案的大旨

3、<body></body>界定了文书档案的宗旨

  属性:

属性:

    (一)、text: 页面文字的颜色

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

    (二)、bgcolor: 页面背景的颜料(用十陆进制的颜色代表)

(二)、bgcolor: 页面背景的颜料(用十陆进制的颜色代表)

    (三)、background: 页面包车型客车背景图像(所需的是图表的U途睿欧L)

(三)、background: 页面包车型客车背景图像(所需的是图表的UCRUISERL)

    (四)、bgproperties:
页面包车型地铁背景图片是不是稳固(其只有一个值fixed,设为Fixed后图像不会趁着滚动条的滚动而动)

(四)、bgproperties: 页面包车型客车背景图片是还是不是稳固(其唯有一个值fixed,设为Fixed后图像不会趁着滚动条的滚动而动)

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

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

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

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

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

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

    上边多个调整的是标签<a></a>中的颜色

上面四个调整的是标签<a></a>中的颜色

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

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

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

(玖)、leftmargin: 页面包车型大巴左手距

四、 定义空格  <!–被解说掉的始末–>

肆、 定义空格  <!–被解说掉的内容–>

伍、文字标识

5、文字标志

  (1)、<hn>(n=1~陆)标志标题字

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

  属性:

属性:

    Dir:文字方向

Dir:文字方向

    Lang:语言音讯

Lang:语言消息

    Align:对齐方式

Align:对齐格局

  属性值:

属性值:

    Left:左对齐(默认)

Left:左对齐(默认)

    Right:右对齐

Right:右对齐

    Center:居中

Center:居中

    Class:用五个称呼来标志标题,标志名称指向在外部定义的样式表

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

    Id:为段落设置三个标识,现在得以在一个超链接中众人周知的引用那一个符号,以便作为样式表的选择器

Id:为段落设置贰个标记,今后得以在3个超链接中明显的引用这么些符号,以便作为样式表的采纳器

    Style:创设标题内容的内联样式

Style:成立题目内容的内联样式

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

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

  (贰)、<font>标识普通字

(二)、<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> 
删除线

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

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

陆、段落标识

陆、段落标识

  (1)、<p> 表示一个段子的起先

(一)、<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

  (三)、<div>分块文字

(三)、<div>分块文字

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

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

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

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

    属性: dir      lang        align     class       id    style
      title

属性: dir lang
align class  id  style  title

  (伍)、<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>来罗列项目

(一)、 <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:实心方形

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

(二)、<ol>定义贰个不改变列表

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

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

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

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

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

(三)、目录列表<dir>,严节列表的1种特有格局

    属性: dir     lang        class        id    style        title

属性: dir  lang
class id style title

  (四)、定义列表<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

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

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

    属性:dir       lang        class        id    style       
title

属性:dir lang
class id style title

九、插入图片

9、插入图片

  <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:英文文字上面线对齐

十、插入超链接

10、插入超链接

  (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=给自身写信”)

  (贰)、书签链接,试用于页面太长时,幸免翻页,格式如下

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

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

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

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

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

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

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

  (5)、制作图像投射:在同样图像上安放差别的链接,创设图像投射的法子是经过<img>标签的usemap属性再结合<map>
以及<area>标签来达成的,<a>    或<area>标签包括在<map>标签内

(五)、制作图像投射:在同等图像上安放不一致的链接,创设图像投射的秘籍是经过<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”>

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

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

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

</map>

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

11、插入多媒体

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

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

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

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

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

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

      Quality 动画的播音质量       puginspage 播放插件所在地点   
wmode 动画播放时的窗口情势

属性: src loop
autostart width hight hidden(是或不是隐身内嵌播放器)  dir   lang   class
   id    style align title type(嵌入多媒体类型)

  (三)、制作滚动字幕标签<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

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

    Behavior 的属性值: scroll(循环往复《默许》) 
slide(只走1次滚动)         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(只走1次滚动) alternate(交替实行滚动)

    属性:classid(钦点包含对象的地点)       archive(ULacrosseL列表)
border  codebase(提供叁个可选的插件U本田CR-VL)hight

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

    Width  data(钦命须要对象处理的数据文件)  hspace   vspace   name
     type  tabindex   dir  lang   align 

1二、其余嵌入

            class       id           style      title

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

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

天性:classid(钦命包括对象的职分) archive(ULX570L列表) border codebase(提供二个可选的插件UBMWX3L)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

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

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

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

    属性:type     name      id    value

(三)、<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(表单重回展现形式)

(二)、表单输入标签<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 编码  

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

  (贰)、表单输入标签<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(已入选)

(四)、<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 图像提交按钮

(一)、定义表格<table>

  (叁)、多行文字域<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>

  (壹)、定义表格<table>

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

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

(三)、定义列<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(单元格跨行个数)

      nowrap     frame(表格边框的可知格局)         
rules(行列之间边的可知模式)       summary(整个表格的差不多描述)

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

  Frame的属性值:

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

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

属性:dir lang class
align id style title valign

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

一伍、框架首要分为两片段:三个是框架集,另二个是框架

  Rules的属性值:

(一)、<frameset>框架集,仅是三个框架的聚集

    All   展现全数内部边框 cols仅显示列边框        
groups彰显位于行列间的边框      none不显得中间边框           
rows仅显示行反革命边框

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

 

(二)、定义框架<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>为定义表头

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

    属性: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个上style属性,style属性后在跟一密密麻麻属性和属性值就能够。

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

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

    属性:dir          lang        class        align             
id    style        title         valign

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

一伍、框架主要分为两有个别:3个是框架集,另3个是框架

天性:dir lang
title media(文书档案要使用的媒人类型) type(样式类型)

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

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

    属性:class     id    style        title         rows       
cols       

Media的属性值:screen Computer显示屏(暗许)  tv(TV) projection 剧场   handheld(PDA和手提电话) print 打字与印刷 all全部媒体

        bordercolor      frameborder      
framespacing(框架集间距)

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

  (二)、定义框架<frame>

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

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

(四)/样式表语法

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

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

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

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

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

(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自动出现滚动条

一七、样式表的特性

16、样式表

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

  (一)、内联样式表:只需在标签内含三个上style属性,style属性后在跟1多级属性和属性值就能够。

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

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

Font-weight的属性值:
normal 寻常值 bold 粗体 bolder 在加粗 lighter 变细 100—900 共有十0到900个品级数越大越粗

  (二)、文书档案样式表用<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 Computer显示屏(暗许)        tv(电视机) projection
剧场        handheld(PDA和手提电话)

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

      print 打字与印刷      all全数媒体

属性值:

  (三)、外部样式表:用<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 定义2个增大在字符间的距离数量
 word-spacing单词间的距离数量   text-index文字的首行缩进

    (b)、类样式表:可以在文书档案样式表或外部样式表中为同3个成分创设分裂的体制,在文书档案前边通过安装class属性来挑选特定的样式。

Text-align 文本对齐格局line-height行高间隔
text-transform调整英文文字大小写 text-decoration文字修饰

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

属性值:

      <body     class = ”bg”>

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

1⑦、样式表的属性

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

  (一)、字体属性:    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 变细    十0—900
共有十0到900个品级数越大越粗

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

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

(四)、边框属性:

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

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

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

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 边框内嵌三个立体边框  outset边框外嵌2个立体边框

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

(伍)、方框属性:

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

Float 让文字环绕在要素四周     clear钦定在某一成分的某单方面是还是不是允许有环绕的文字和对象  clip限定只体现裁切 出来的区域 width设定目的的升幅 height设定对象的惊人 padding设定边框和剧情间的距离   margin 元素里 浏览器的离开 overflow 当本层内容容纳不下时的处理方式position 设置对象地点   z-index决定层的先后顺序和掩盖关系

    Background能够肆意组合以上的属性值

属性值:

  (三)、文本属性:

Float: none left right

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

Overflow:  visible无论层的轻重,内容都会议及展览示出来
hidden 隐藏超越层的剧情 
scroll 不管是不是超越都会助长滚动条 auto 只有超越时才会有滚动条

    Text-align 文本对齐情势      line-height行高间隔      
text-transform调整英文文字大小写 text-decoration文字修饰

(陆)、列表属性:

    属性值:

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

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

属性值:

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

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

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

Lower-roman  小写亚特兰大数字   upper-roman 大写开普敦数字   lower-阿尔法 小写字母   upper-阿尔法 大写字母 none 不显得此外标志

             blink闪烁文字,只使用于netscape浏览器   
none暗许值

List-style-image:的属性值为U奇骏L(图片路径)

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

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

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

(七)、滤镜属性:基本语法   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

(八)、鼠标滤镜:用法———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双线

18、在页面中进入Javascript脚本

    Groove  立体门路  ridge 边框成脊形  inset 边框内嵌2个立体边框 
outset边框外嵌三个立体边框

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

  (伍)、方框属性:

属性: 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-阿尔法 小写字母                            

      upper-阿尔法 大写字母          none 不出示别的标识

      List-style-image:的属性值为UHummerH二L(图片路线)

      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
包罗脚本程序的UHighlanderL      type脚本类型

  (二)、js内在事件:onBlur光标离开文本框时       onChange
当文本框的剧情给被转移是时            onClick单击时       onLoad载
入时      

     onMouseOver鼠标经过时       onMouseOut鼠标移开时       onReset
重新恢复设置表单时      onSubmit提交表单时                        

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

 

 

 

 

 

 

 

                                                                       
                                                                       
             

相关文章