《本章要点: HTML文档的基本结构主要文本格式标记超链接标.ppt》由会员分享,可在线阅读,更多相关《本章要点: HTML文档的基本结构主要文本格式标记超链接标.ppt(11页珍藏版)》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、PHP WebPHP Web开发实用教程开发实用教程本章要点:本章要点:HTML文档的基本结构文档的基本结构主要文本格式标记主要文本格式标记超链接标记超链接标记图像标记图像标记表格标记表格标记表单标记表单标记在在HTML中使用中使用PHP代码代码 第第2 2章章 HTMLHTML基础基础PHP WebPHP Web开发实用教程开发实用教程一个标准的一个标准的一个标准的一个标准的HTMLHTML文件通常由文件通常由文件通常由文件通常由4 4个主要的标记元素构成,其基个主要的标记元素构成,其基个主要的标记元素构成,其基个主要的标记元素构成,其基本格式为:本格式为:本格式为:本格式为:文件头文件体文
2、件头文件体文件头文件体文件头文件体HTMLHTML文件文件文件文件HTMLHTML文件标题文件标题文件标题文件标题htmlhtml文件的正文写在这里文件的正文写在这里文件的正文写在这里文件的正文写在这里.2.1 2.1 动态动态WebWeb站点介绍站点介绍2.1.1 HTML文档的基本结构文档的基本结构2.1.2 标题标记标题标记及主体标记及主体标记 标记用于定义页面的标题,在浏览网页时其标记用于定义页面的标题,在浏览网页时其标记用于定义页面的标题,在浏览网页时其标记用于定义页面的标题,在浏览网页时其定义的文本内容将显示浏览器的标题栏中。定义的文本内容将显示浏览器的标题栏中。定义的文本内容将显
3、示浏览器的标题栏中。定义的文本内容将显示浏览器的标题栏中。标记用来指明文档的主体区域标记用来指明文档的主体区域标记用来指明文档的主体区域标记用来指明文档的主体区域PHP WebPHP Web开发实用教程开发实用教程2.2 2.2 文本格式标记文本格式标记 2.2.1 标题字体标记标题字体标记2.2.2 字体风格标记字体风格标记2.2.3 字体标记字体标记2.2.4 字段落标记字段落标记与换行标记与换行标记2.2.5 列表标记列表标记2.2.6 水平线标记水平线标记2.2.7 转义字符与其他特殊符号转义字符与其他特殊符号©、±、÷、<、±及及&nb
4、spPHP WebPHP Web开发实用教程开发实用教程2.3 2.3 超链接标记超链接标记2.3.1 链接的定义链接的定义链接的源对象是指可以设置链接的网页对象,主要有文本、链接的源对象是指可以设置链接的网页对象,主要有文本、图像或文本图像的混合体。它们对应图像或文本图像的混合体。它们对应标记所显示的内容。标记所显示的内容。其格式如下:其格式如下:链接显示内容链接显示内容2.3.2 超链接的种类超链接的种类 在网页中超链接的种类很多,如文件链接、电子邮件链接、在网页中超链接的种类很多,如文件链接、电子邮件链接、锚链接等,定义这些不同链接只需要将锚链接等,定义这些不同链接只需要将href属性设
5、置为相应属性设置为相应的内容即可的内容即可。PHP WebPHP Web开发实用教程开发实用教程2.4 2.4 图像标记图像标记2.4.1 图像的基本格式图像的基本格式网页中可以插入的图像文件可以是网页中可以插入的图像文件可以是JPG格式、格式、GIF格式或格式或PNG格式,它们都是压缩形式的图像格式,体积比位图格格式,它们都是压缩形式的图像格式,体积比位图格式的图像小,所以适合于网络传输,下面分别简单介绍这三式的图像小,所以适合于网络传输,下面分别简单介绍这三种图像格式。种图像格式。2.4.2 图像的对齐方式图像的对齐方式 2.4.3 图像的大小图像的大小 在缺省状况下,图片显示原有的大小。
6、用户可以用在缺省状况下,图片显示原有的大小。用户可以用height和和width属性改变图片的大小属性改变图片的大小。PHP WebPHP Web开发实用教程开发实用教程2.5 2.5 表格标记表格标记2.5.1 表格定义标记表格定义标记 2.5.2 表格体标记表格体标记tbody是在table中使用的,用来指明由它包括的各表格行来作为表格的主体部分。PHP WebPHP Web开发实用教程开发实用教程2.6 2.6 表单标记表单标记2.6.1 表单的定义语法表单的定义语法 2.6.2 在文本框中输入文字和密码在文本框中输入文字和密码表单的基本语法:.PHP WebPHP Web开发实用教程开
7、发实用教程2.6.3 复选框(复选框(CheckBox)和单选按钮()和单选按钮(RadioButton)2.6.4 列表框(列表框(Selectable Menu)定义复选框的语法为:描述复选框被选中的语法为:。2.6.5 文本区域(文本区域(textarea)文本区域的语法格式为:其中,*和*取整数,rows表示文本区的行数,cols表示文本区的列数。2.6.6 表单中的按钮表单中的按钮PHP WebPHP Web开发实用教程开发实用教程2.6.7 隐藏表单的元素隐藏表单的元素 隐藏表单元素的语法是:,其功能是在浏览网页时,浏览器不会显示这个表单字段元素,但当提交表单时,浏览器会将这个隐藏
8、表单元素的name属性和value属性值组成的信息发送给服务器。PHP WebPHP Web开发实用教程开发实用教程2.7 2.7 在在HTMLHTML中嵌入中嵌入PHPPHP代码代码由于由于PHP代码和代码和HTML代码语法和编译解释的方式都不相同,代码语法和编译解释的方式都不相同,所有在所有在HTML中嵌入中嵌入PHP时,要特别加入时,要特别加入PHP定界符定界符.2.8.1 程序功能介绍程序功能介绍 2.8.2 程序代码分析2.8 2.8 案例剖析:制作网上问卷调查表单案例剖析:制作网上问卷调查表单PHP WebPHP Web开发实用教程开发实用教程2.9 2.9 本章小结本章小结本章主要介绍了HTML标记语言的基础知识,着重讲述了表格标记语言、表单标记语言、文本格式标记语言、超链接标记等,这些都是构成网页的主要元素。