|
|
|
|
移动端

1.3.2 基础标签

《H5和WebGL 3D开发实战详解》第1章HTML 5开发基础—进入WebGL 世界的第一道坎,本书是介绍WebGL技术的一本书,但是在进入WebGL世界之前我们需要迈过HTML门槛,因为这是通向WebGL的必经通道。如果连最基本的HTML开发也做不了,那么开发WebGL就是一件遥不可及的事情。本节为大家介绍基础标签。

作者:吴亚峰/于复兴/索依娜来源:人民邮电出版社|2017-10-31 17:51

技术沙龙 | 6月30日与多位专家探讨技术高速发展下如何应对运维新挑战!


1.3.2 基础标签
 
在介绍标签时,我们知道标签由开始标签与结束标签组成。例如<html>为开始标签,</html>为结束标签。在标签之间写的是元素的内容部分。开始标签中有时会有一些属性,这些属性声明了标签的个体属性。下面如果有需要特别注意的局部属性时,我们都会标注出来。
 
与局部属性相对应的就是全局属性,这部分内容在下面小节中会有详细的介绍,每段都会有详细的代码与注释供读者参考。接下来我们先来看标签中的基础标签都有哪些,在表1-2~表1-10中我们列出了这些标签及其作用与一些标签中的局部属性。
 
表1-2基础标签及作用
 

表1-2所示为基础标签的描述。接下来我们将这些标签全部应用到一个案例中,本案例中只是展示了这些标签的基本应用。其中还有一些标签有其特有的属性,在这里并没有具体列出来,但是这些属性的应用相当简单,读者可以自行查阅资料更改这些代码进行试验。

代码位置:见随书源代码/第1章目录下的HTML5/Sample1_1.html。

 
  1. 1 <!DOCTYPE html> 
  2. <html><head><title>这里为标题,基础标签案例</title></head> 
  3. <body> 
  4. 4 此处为主体部分 
  5. <h1>这里为文本标题1</h1> 
  6. <h2>这里为文本标题2</h2> 
  7. <h3>这里为文本标题3</h3> 
  8. <h4>这里为文本标题4</h4> 
  9. <h5>这里为文本标题5</h5> 
  10. 10 <h6>这里为文本标题6</h6> 
  11. 11 <p>这里为段落,本例主要为向读者展示先前介绍的标签的用法,这些标签为基本标签 
  12. 12 <hr></br>这里演示在段落中的换行<hr></br>这里接着上面的段落。</p><!--此处为html 文档注释 
  13. 13 本案例介绍了基础标签的一些内容--> 
  14. 14 此处主体结束 
  15. 15 </body></html> 

第1、2行为指示浏览器关于页面使用哪个 HTML 版本进行编写的指令,并声明了标题。其中<!DOCTYPE html>声明必须是html文档的第一行。

第5~10行为文本标题示例,类似文档中的分级标题,看图1-4所示的效果图,理解会更加深刻。

第3~15行为html文档的主体部分,其中向大家展示了标题<h1>~<h6>、段落标签<p>、换行标签与下划线标签<br>和<hr>的基本用法。

下面我们来看一下案例效果。本案例以及本书中的案例都是在谷歌的Chrome浏览器或者Firefox浏览器上运行的,读者也可以自行选择合适浏览器运行案例,选择时需要注意浏览器是否支持HTML5特性。图1-4所示为本案例的效果。

 

喜欢的朋友可以添加我们的微信账号:

51CTO读书频道二维码


51CTO读书频道活动讨论群:365934973
【责任编辑:book TEL:(010)68476606】

回书目   上一节   下一节
点赞 0
分享:
大家都在看
猜你喜欢

读 书 +更多

勇敢者的新世界

这是一个最坏的年代,J2EE Web开发技术已经迟滞多年;这是一个最好的年代,J2EE Web开发技术的新变革留给勇于创新的人! 采用Apusic Opera...

订阅51CTO邮刊

点击这里查看样刊

订阅51CTO邮刊