Web前端学习-第三课HTML篇

Q8:请列举出常用的HTML标签属性以及其含义和使用环境,其分别有哪些属性值?

标题及其对其:<h1>----<h2>:<h1 align = left | center | right | justify>  </h1>

划分及其对其:<div></div>属性:align:left center right justify HTML4.01以及 XHTML 1.0   strict DTD不支持。

块引用:<blockquote></blockquote>之间所有文本将从常规文本中脱离出来,经常会在左右两边缩进,有时会有斜体,即块引用有它们自己的空间。

引用,如参考文献,书刊等 <cite></cide>,文本以斜体显示。

显示源码:<code></code>;

下标:<sub></sub>上标<sup></sup>

打字机体:<tt></tt>用单空格字型显示

预定格式:<pre></pre>保留文本中空格,换行

向中看齐:<center></center>图片 文字

字体:<font size=...></font>  <font size=+|-?></font>

定义基本字体大小 颜色 字体(默认):<basefont sizeof = “1-7”color。。。。></basefont>

字体颜色:<font color = “#444”></font>

连接:<a href = “url”></a>

超链接-聚焦:focus:

锚伪类:如:a:hover{}   a:visited{}

Css伪类:

CSS2伪类:-first-child:

图形对齐方式:<img src = “#”  algin= “top bottom middle left right texttop absbottom baseline absmiddle ” />

取代文字:如果没有显示图片则显示文字:<img src=”” alt=””>

地图:<map name = “”></map>

段落:<area shape=”” coords=”” href=”” />coords:坐标

图形大小:width height 图形边缘:border  图形边缘空间:Hspace Vspace

低解析度图形:lowsrc

内嵌物件:<embed  src = “”   width=””>

段落:<p align = center right left>

文字部分看齐:<br clear= left right center />与图形合用时

横线:<hr size=”” align=”left center right ” width = “ px,  %”   />

实线:<hr noshade > 不可换行<nobr></nobr>

无序列举:<ul type=”disc | circle | square”>.......<li type=”disc | circle | square”></li>   .........<ul>

有序列举:<ol>....<li></li>.....</ol>type=”A a i I 0”起始:<li value=”4”>

定义式列举:<dl><dd><dt></dl>  dl 定义 dt dd项目

表单式列举:<menu><li></menu>

目录式列举:<dir><li></dir>

背景与颜色:重复排列背景图像:<body background = “url”>

背景颜色<body backgrund-color=”###”>

文字颜色:<body text=”###”>

链接颜色:<body link=”###”>看过的链接:vlink;使用中的链接:alink

特殊字元:< < > > <  >注册商标TM  ®  著作权符号 © 著作权符号 ©

表单:<form action=”url” method=”get  post”></form>

上传档案:<form enctype=”multipart  form-data”></form>

输入栏位:<input type=”text  password  checkbox radio  image hidden  submit reset”  name = “”  value = “” size=”宽度” maxlength=”” />

下拉菜单:<select name=””  seze=    multiple></select>

选项:<option selected>

文字输入区:<texteara rows=  cols =  name = “”  wrap= “off  physical virtual换行方式”></texterea>

表格:<table></table>;表格列:<tr></tr>;存储格:<td></td>需与列并用;表格内表头单元格:<th></th>;表格标题:<caption></caption>

视框:<frameset rows=”相对大小, %” 或cols = “相对大小 %”  src =“”name=””  _blank  _self  _parent  _top     marginwidth  marginheight   scrolling=”yes  no  auto ”></frameset>

<frame noresize>

<noframes></noframes>

Q9:什么是HTML5?为什么会出现?

HTML5,万维网的核心语言,标准通用标记语言下的一个超文本标记语言的第五次重大修改,将成为HTML,XHTML以及 HTML DOM的新标准。

HTML5是W3C(World Wide Web Consortium)与WHATWG(Web Hupertext Application Technology Working Group)合作的结果,WHATWG致力于web表单和应用程序,W3C致力于XHTML2.0。06年合作制定新版本的HTML。

HTML5设计目的是为在移动设备上支持多媒体,还引进新功能真正改变用户跟文档的交互方式。

HTML5新规则:新特性应该基于HTML,css,DOM,JavaScript;减少对外部插件的需求;更优秀的错误处理;更多取代脚本的标记;HTML5 应该独立于设备;开发进程应对公众透明;

新特性:用于绘画的canvas元素;用于媒介回放的video和audio元素;对本地离线存储的更好的支持;新的特殊内容元素article,footer,header,nav,section;新的表单控件calendar,date,time,Email,URL,search

时间: 2024-12-11 20:12:12

Web前端学习-第三课HTML篇的相关文章

Web前端学习-第三课JavaScript篇

Q5:解释什么是引用类型?在使用引用类型的时候需要注意什么? 引用类型通常叫做类,也就是说,遇到引用值时,所处理的就是对象,就是公用. 类型:  object类型,应用于应用程序中存储和数据传输(创建object实例:new操作和队象字面量表示法): Array类型,JavaScript数组的每一项都可以保持任何类型的数据,数组大小可以动态调整: 转换方法,所有对象都具有tolocalstring()和tostring(),valueOf()方法,调用tostring()和value()方法会返

Web前端学习-第七课HTML篇

Q15:HTML5有哪些API?结合文字和代码说明主要API.(P683) requestAnimationFrame(): 早期动画循环(setInterval()): mozRequstAnimation:告诉浏览器某些JavaScript代码将要执行动画.接受一个参数,即在重回屏幕前调用的一个函数,负责改变下一次重绘时的DOM样式. webkitRequestAnimationFrame与meRequestAnimationFrame Page Visibility API Documen

Web前端学习-第六课HTML篇

Q13:HTML5中Canvas.WebWorkers.Storage三者出现的意义?使用方式(使用代码展示)?优点? Canvas为了客户端矢量图形而设计,自己没有行为,但却把一个绘图API展现给客户端JavaScript以使脚本能够把想绘制的东西都绘制在一块画布上: 使用:大多数canvas绘图API都没有定义在<canvas>元素本身上,而是定义在通过画布的getConText()方法获得的一个绘图环境对象上:canvas也使用了路径的表示法,但是路径有一系列的方法调用来定义,而不是描述

Web前端学习-第六课JavaScript篇

Q11:什么是执行环境和作用域?使用代码说明. 执行环境定义变量或者函数有权访问的其他数据,决定了他们各自的行为,每个执行环境都有一个与之关联的变量对象,环境中定义的所有变量和函数都保存在这个对象中. 此函数包含两个对象,他自己的变量对象,全局环境的变量对象,可以在函数内部访问变量color就是因为在这个作用域链中找到它. 延长作用域链::try-catch语句的catch块 With语句 没有块级的作用域: Q12:什么是HTTP?什么是HTTP头部?如何在AJAX中填写HTTP头部? HTT

Web前端学习-第四课HTML篇

Q10:什么是DTD?有多少种DTD?其分别使用环境?多种DTD的好处和坏处? DTD(Document Type Definition文档定义类型):可定义合法的XML文档构建模块,它使用一系列合法的元素来定义文档的结构:可被成行的声明于xml文档中,也可作为一个外部引用. DTD是一套关于标记符的语法规则,他是标准通用标记语言和可扩展标记语言1.0版规格的一部分,是文档的验证机制,他是保证标准通用标记语言和可扩展标记语言文档格式正确的有效方法,可通过比较文档和文档类型定义文件来看文档是否符合

Web前端学习-第五课JavaScript篇

Q9:什么是跨域?什么是JSON?什么是JSONP?解决跨域问题有哪些方法?请结合代码和文字说明. 跨域:因为JavaScript同源策略(一段脚本只能读取来自同一来源的窗口和文档的属性,同一来源指主机名,协议和端口号的组合)的限制,a.com域名下的js无法操作b.com域名下的对象,只要是协议,域名,端口有任何一个不同都被当做是不同的域: Json(JavaScript Object Notation):一种轻量级的数据交换格式.基于ECMAScript的一个子集.采用完全独立于语言的文本格

Web前端学习-第四课JavaScript篇

Q7:JavaScript有继承吗?请详细描述. (http://jingyan.baidu.com/article/90895e0f975a7b64ec6b0bbd.html) (http://www.cnblogs.com/sanshi/archive/2009/07/08/1519036.html) (http://www.360doc.com/content/12/1109/11/4082197_246785232.shtml) 有,1.构造继承法 2.原型继承法 3.实例继承法 4.拷

Web前端学习-第五课HTML篇

Q12:HTML5有哪些新颖? 1.用于绘画的canvas元素: 2.用于媒介回放的video和audio元素: 3.对本地离线存储的更好的支持: 4.新的特殊内容元素,比如article,footer,header,nav,section: 5.新的表单控件,比如calender,date,time,Email,URL,search: 6.新特性基于HTML,css,DOM,以及JavaScript: 7.减少对外部插件的需求: 8.更优秀的错误处理: 9.更多取代脚本的标记: 10.HTML

WEB前端学习笔记 三

接上一篇,web学习笔记 二,web学习笔记刚刚发出,就发现被其他网站采集了,在此感谢您的采集和转发,但请注明文章出自网知博学. 1.7  开发工具的选择 增强文本编辑器:EditPlus.Notepad++ 特点:比较小.占用系统资源比较少.代码颜色高亮显示.但没有代码自动补功能 IDE:(Integrated Development Environment,集成开发环境).IDE集成开发环境(简称IDE)开发环境就是指在开发软件的时候需要用到的软件.这些软件包括代码编辑器.编译器.调试工具和