码迷,mamicode.com
首页 > Web开发 > 详细

Web前端学习-第三课HTML篇

时间:2015-08-19 00:33:51      阅读:117      评论:0      收藏:0      [点我收藏+]

标签:

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-7color。。。。></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,万维网的核心语言,标准通用标记语言下的一个超文本标记语言的第五次重大修改,将成为HTMLXHTML以及 HTML DOM的新标准。

HTML5W3CWorld Wide Web Consortium)与WHATWGWeb Hupertext Application Technology Working Group)合作的结果,WHATWG致力于web表单和应用程序,W3C致力于XHTML2.006年合作制定新版本的HTML

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

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

新特性:用于绘画的canvas元素;用于媒介回放的videoaudio元素;对本地离线存储的更好的支持;新的特殊内容元素articlefooterheadernavsection;新的表单控件calendardatetimeEmailURLsearch

Web前端学习-第三课HTML篇

标签:

原文地址:http://www.cnblogs.com/Decmber/p/4740960.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!