《web前端开发技术——html、css、javascript》笔记之一

www起源于1989.3,由欧洲量子物理实验室(the European Laboratory for Particle Physics, CERN)所发展出来的超媒体系统。

       XHTML是HTML向XML发展的一种过渡技术。标准的XHTML遵循严格的XML语法规则:

1.    文档之首必须使用DOCTYPE声明。

2.    文档的根元素必须是html,而且必须为其指定命名空间。

3.    标记必须成对使用。单标记必须在开始标记的右尖括号前加一反斜线。

4.    标记名和属性名必须小写。

5.    每个属性必须有属性值。没有值的以属性名作为属性值。

6.    <script>和<style>标记必须设置type属性。

 

HTML/XHTML文档需要以文档类型标记——<!DOCTYPE>标记开始,主要用来说明所使用的XHTML或HTML是什么版本以及按什么规范来解析网页。解析规范由DOCTYPE定义的DTD(文档类型定义)所指定。XHTML1.0提供一下三种类型的DOCTYPE.

1.       过渡类型(Transitional):浏览器对XHTML的解析比较宽松,它允许使用HTML4.01的标记,丹药符合xhtml的语法。基本格式:

<!DOCTYPE html PUBLIC “-//W3C//DTDXHTML 1.0 Transitional//EN”

“http://www.w3.org/TR/xhtml1//DTD/xhtml1-transitional.dtd”>

2.       严格类型(Strict):浏览器对XHTML的解析比较严格,不允许使用任何表示样式的标记和属性,提倡内容与样式分开。基本格式:

<!DOCTYPE html PUBLIC “-//W3C//DTDXHTML 1.0 Strict//EN”

“http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>

3.       框架类型(Frameset):如果页面中使用框架结构,就需要使用框架类型。基本格式:

<!DOCTYPE html PUBLIC “-//W3C//DTDXTML 1.0 Frameset//EN”

“http://www.w3.org/TR/xhtml1/DTD/xhtml1-fameset.dtd”>

 

meta标记是页面头部区域的一个辅助性标签,用于提供http标题信息和页面描述信息的设置。每个<meta>实现一种功能,可以包含任意数量的<meta>标记,以实现多种功能。属性服下:

1.    http-equiv:以键/值对的形式设置一个http标题信息,键指定设置项目,由http-equiv属性设置,值由content属性设置;

2.    name:以键/值对的形式设置页面描述星系,键指定设置项目,由name属性设置,值由content属性设置;

3.    content:设置http-equiv或name属性所设置项目对应的值。

设定网页关键字:<meta name=”keywords” content=”keyword1,keyword2, keyword3, …”>;

设定网页描述信息:<meta name=”discription”content=”discriptions”>;

设定网页字符集:<meta http-equiv=”Content-Type”content=”text/html; charset=somecharset”>;

设定网页自动刷新:<meta http-equiv=”refresh”content=”intervalsecondsforrefresh”>;

设定网页自动跳转:<meat http-equiv=”refresh”content=”seconds; url=页面地址”>。

 

#ffffff表示白色

设置网页链接文字颜色:<body link=”颜色值” vlink=”颜色值” alink=”颜色值”>:link设置未访问状态下的链接文字颜色,vlink设置访问后的链接文字颜色,alink设置正在访问中的链接文字颜色。

设置网页边距:<body leftmargin=”边距值” rightmargin=”边距值” topmargin=”边距值” bottommargin=”边距值”>(以像素为单位,默认边距大致是8个像素)。

设置文字字体:<font face=”字体名称” size=”字号” color=”颜色值”></font>。face属性可同时设置多个字体,以逗号分隔。浏览器会首先使用第一个字体,若计算机中没有第一个字体,则使用第二个字体,以此类推。size取值从1到7,默认为3。

标题字具有加粗显示并与下文产生一空行的间隔特性。

<p>单标记创建的段落会跟上文产生一空行的间隔。而双标记创建的与上下文同时有一空行的间隔。

缩排标记<blockquot>,多次使用可实现多次缩排。

嵌入音视频文件<embed src=”file_url”></embed>

设置背景音乐<bgsound src=”file_url” loop=”循环次数”>。loop取值为某个数字时,表示背景音乐循环播放该数字所指定的次数,取值为-1则不断循环播放。

嵌入java applet:<appletcode=”xxx.class”width=””height=””></applet>.

 

框架<frameset>的作用是把浏览器窗口划分成若干个小窗口,每个小窗口可以分别显示不同的网页。<frame>是单标记。当页面没有设置边距时,页面内容与框架的上下边距默认是15像素,左右是10个像素。

不支持框架标记<noframes>.

浮动框架标记<iframe>默认宽度是200,高度是100像素。对齐方式默认left,bottom。

 

用table布局需要注意嵌套层次不要太多,否则对浏览器速度影响比较大。

 

表单标记<form>. 表单数据的提交方法有:get、post。get是将表单内容附加到url地址后面,不能超过8kb个字符,不具有保密性,不能传送非ascii码的字符。post是将用户在表单中填写的数据包含在表单的主体中,一起传送到服务器上的处理程序中,该方法没有字符个数和字符类型的限制,包含了iso10646中的所有字符,所传送的数据不会显示在浏览器的地址栏。默认情况使用get。

<input>标记中的隐藏域hidden,主要用于在不同页面中传递域中所设定的值。<input type=”hidden” name=”username” value=”123”>;文件域file可以将本地文件上传到服务器端。此时必须修改表单的编码,应把<form>的enctype属性值设置为multipart/form-data。图像按钮image具有提交表单内容的作用。

  • 1
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值