柚子快报激活码778899分享:HTML标签简明学习一

http://yzkb.51969.com/

官方手册固然全面,但因此难以让我等初学都抓不住重点。试用哪个培训机构能讲得有多全面?所以我把所有标签参考w3c手册及一些网络资料,对每个标签的注意点、使用点、意义进行简明描述,并配实例。希望对我等新手有些许帮助。

td.gutter { display: none }

.syntaxhighlighter { background: none !important }

!-- ... -- html注释

浏览器不对其中的内容解析,可以用来调试及书写释意

!DOCTYPE 声明文件类型

一般大写,必须位于文档首行,浏览器根据此声明来解析文档。

HTML5声明:

HTML4.01 Strict 型声明:

a 超链接 Anchor

href="要链接到的地址",这个地址为空("")时无任何效果,为井号("#")时相当于本页。注意要加协议头,如 http://

target 在什么地方打开链接。view_window 在新框架或窗口中打开,以第一次打开的窗口作为目标,以后的view_window值的链接都会打开到第一次开启(该窗口需要能正常访问并在开启状态)的窗口中。_blank 在新标签面页中打开。_self 默认。在相同框架中打开。_parent 在父框架集中打开。_top 在顶级窗口打开。framename 在指定框架中打开。

先点击我

再点击我,我在先点击的打开的窗口中显示。

abbr 缩写

鼠标在缩写上面时会显示 title 中的文本。ie6不支持。

大家好小文是我的昵称。

acronym 首字母缩写

鼠标在缩写上时会显示 title 中的文本。ie5.5不支持,html5 不支持。

对于DJ,一开始我是拒绝的。

address 联系信息

在 body 中时表示文档页面联系信息,在 article(html4.01不支持) 中时表示文章联系信息,显示为斜体。

  邮件: daysme@qq.com

  联系地址: 太阳系地球村亚洲大陆

applet 嵌入java小程序

html5不支持,html4.01不赞成。推荐使用 object 标签。

这里有个java小程序。

area 图像可点击区域

使用img的usemap属性和map的name、id来把img和map绑定。注意usemap属性的值有#井号。

柚子快报激活码778899分享:HTML标签简明学习一  第1张

  金星

  水星

  太阳

article 文章

ie8不支持。

  

书到用时方恨少,事非经过不知难

  

如果说上联是劝勉人们要“贵学”,那么下联“事因经过不知难”,就是强调“行”的重要性,光“学”不“行”终是无益。

aside 相关内容

ie8不支持。

我们是生活在四维空间里面的三维生物。

audio 声音

ie8不支持。

b 加粗

html5中不推荐使用。

这么容易就粗了!

base 默认链接

设置默认链接或目标,比如a/img/link/form中的链接。base标签需要放在head中,href可以用前缀、相对去理解。

 

  

  

  百度翻译一下xiaowen。

  

basefont 默认字体

只有ie支持,此标签应避免使用。

  

  

山丹丹开花红艳艳

bdi 隔离

真心不知道这个标签的功能体现在哪里。但只有 Firefox 和 Chrome 支持,可不必理会。

      

  • 用户名 春花: 10分漂亮
  •   

  • 用户名 翠花: 90分黑暗

bdo 文本方向

使用dir属性的ltr(左到右)和rtl(右到左)值设置文本方向。

此生只为你轮回

big 大号文本

不支持big标签的浏览器会把内容显示为粗体。嵌套一次增大1号,最大为7。

1234321

blockquote 块引用

应该包含块元素。cite属性值为引用地址。

块引用常在左右两边增加外边距,有时会使用斜体,有自己的空间。

body 文档主体

文档主体,显示在页面上。

  

  显示在标签栏上的标题

  这就是传说中body里的内容咯!

br 折行

普通折行:

心若在梦就在,大不了
从头再来

br的clear属性与左对齐或右对齐的图像或表格

折行前在下面,折行后在下面。

柚子快报激活码778899分享:HTML标签简明学习一  第2张

折行前,跟在图像右下角,与图像底部对齐。


折行后,在图像下面。

折行前后都上面。

柚子快报激活码778899分享:HTML标签简明学习一  第3张

折行前在图像右边的上面,与图像顶部对齐。


折行后也在图像的上面。

折行前在上面,折行后在下面。

柚子快报激活码778899分享:HTML标签简明学习一  第3张

折行前在图像右边的上面,与图像顶部对齐。


折行后在图像的下面。

折行前在中间。折行后在下面。

柚子快报激活码778899分享:HTML标签简明学习一  第5张

折行前在中间。


折行后在图像的下面。

button 按钮

ie提交的是标签对之前的内容,其他浏览器提交的是value值。请始终指定type值,在表单中请使用input创建按钮。与input不同的是他能放置图像映射之外的其他内容。

  

canvas 图形容器

ie8不支持,canvas只是容器,里面的图形需要使用脚本绘制。

caption 表格标题

必须设置在 table 的下一个标签。

  

  

    

    

  

  

    

    

  

这就是表格的标题
表格第1行的第1个单元格表格第1行的第2个单元格
表格第2行的第1个单元格表格第2行的第2个单元格

center 水平居中

推荐使用样式代替。

居中的内容

cite 引用、来源

若引用文档有联机版本,还应该给予a链接。

柚子快报激活码778899分享:HTML标签简明学习一  第6张

《富春山居图》由黄公望始画于至正七年(1347),于至正十年完成。

code 代码文本

七个短语标签之一,通常显现为粗体或斜体。比较常用的仅 strong 标签。

短语标签em 强调文本。strong 重要文本。dfn 定义项目。code 代码文本。samp 样本文本。kbd 键盘文本,常用在与计算机相关的文档或手册中。var 变量文本,与

 标签配合使用。

强调文本

加粗文本

定义项目

一段电脑代码

计算机样本

键盘输入

变量

col 表格列

更新中……

更新地址:http://www.cnblogs.com/daysme/articles/6124692.html

柚子快报激活码778899分享:HTML标签简明学习一

http://yzkb.51969.com/

文章来源

评论可见,请评论后查看内容,谢谢!!!评论后请刷新页面。