Web编程技术_西安交通大学2 1 1--教学课件

1、在第五章中， html页面结构和块元素页面结构和块元素谢涛Xianjiotonguniversityxianjiotonguniversityweb编程技术的引导事例Xianjiotonguniversity论述ity Xi yxianjiotonguniversityweb编程技术编程技术1. HTML HTML，Hypertext HTML， hypertext标记语言超文本标记语言-用于描述web页面信息的内容和结构-用开始标记和结构标记包围文本内容-每个标记的名称叫做元素-语法：内容示例： thisisaparagraph-HTML的或折叠在空间里) 现在的html的最新版本是HTML

2、5具有很多新功能的Xianjiotonguniversityxianjiotonguniversityxianjiotonguniversityweb编程技术html页面的基本语法如下esourcesorinformat ion about the page page content2.页面结构文档类型定义html5使用“打开”html标签，将网页的标题、CSS、 显示在JavaScript等网页上的主体Xianjiotonguniversityxianjiotonguniversityxianjiotonguniversityweb编程技术的块元素和内联元素块元素为了区分列表中的单元格，浏览

3、器将块元素之间添加了空白边界线的行元素作为粗体文本，在代码段图像浏览器中，许多行内元素存在于同一行中的元素作为、 应嵌套在块元素中的Xianjiotonguniversityxianjiotonguniversityweb编程技术编程技术3 .块元素段落(p )标题(h1-h6) ) )水平线(HR )注释() Xianjiotonguniversityxianjiotonguniversityxianjiotonguniversityweb编程技术编程技术3 .块元素节(p )文本段落的块元素， 位于页面主体标签内的yourenotyourjob.yourenothowmicommyouha

4、veinthebank.yourenotthecaryoudrive.yourenotthecontentsofy our walle ethe all-singing all-dancingcrapoftheworld.htmlyourenotyourjob.yourenothowhowmentyouhaveinthebank.yourenotthecaryoudrive.y let.yourenotyourkhakis.youretheall-singing all-dancingcrapoftheworld.output Xianjiaotonguniversityxianjiaoton

5、guniversit 编程技术3 .块元素标题(h1-h6 ) 标题栏要素西安交通大学电子和信息工程学院计算机科学和技术系HTML西安交通大学西安交通大学电子和信息工程学院计算机科学和计算机科学和技术系output Xianjiaotonguniversityxianjiaotonguniversityx Ianjiao tonguniversityweb编程技术编程技术3 .块元素水平线(hr )水平线块元素hr标签定义水平线：这是一个段落。 html Xianjiotonguniversityxianjiotonguniversityxianjiotonguniversityweb编程技术编程技术3 .块