一、引言

1.1HTML概念

网页,是网站中的一个页面,通常是网页是构成网站的基本元素,是承载各种网站应用的平台。通俗的说,网站就是由网页组成的。通常我们看到的网页都是以htm或html后缀结尾的文件,俗称 HTML文件。

二、HTML简介

2.1 简介

HTML全称:Hyper Text Markup Language(超文本标记语言)。

超文本:页面内可以包含图片、链接,甚至音乐、程序等非文字元素。标记:标签,不同的标签实现不同的功能。语言:人与计算机的交互工具。

2.2 作用

HTML使用标记标签来描述网页,展示信息给用户。

2.3 书写规范

HTML标签是以尖括号包围的关键字。 HTML标签通常是成对出现的,有开始就有结束。 HTML通常都有属性,格式:属性=‘属性值’(多个属性之间空格隔开)。 HTML标签不区分大小写,建议全小写。

三、HTML基本标签

3.1 结构标签
:根标签:网页头标签:页面的标题:网页正文

颜色的表示方式:第一种方式:用表示颜色的英文单词,例,red green blue 第二种方式:用16进制表示颜色,例,#000000 #ffffff #325687 #377405

3.2 排版标签

可用于实现简单的页面布局。 注释标签: 换行标签:
段落标签:

文本文字

特点:段与段之间有空行 属性:align对齐方式(left、center、right) 水平线标签:


width:水平线的长度(两种:第一种:像素表示;第二种:百分比表示)。size:水平线的粗细 (像素表示,例如:10px)。color:水平线的颜色。align:水平线的对齐方式。

3.3 块标签

使用CSS+DIV是现下流行的一种布局方式。

3.4 文字标签

font标签处理网页中文字的显示方式。

3.5 文本标签

使用标签实现标签的样式处理。

3.6 标题标签

随着数字增大文字逐渐变小,字体是加粗的,内置字号,默认占据一行。

3.7 列表标签

无序列表:使用一组无序的符号定义,

    有序列表:使用一组有序的符号定义,

      列表嵌套:无序列表与有序列表相互嵌套使用。 代码举例:

      3.8 图形标签

      在页面指定位置处中引入一幅图片,

      3.9 链接标签

      在页面中使用链接标签跳转到另一页面 标签: 属性:href:跳转页面的地址(跳转到外网需要添加协议) 设置跳转页面时的页面打开方式,target属性 _blank在新窗口中打开 _self在原空口中打开 指向同一页面中指定位置 定义位置: 指向:

      3.10 表格标签

      普通表格(table,tr,td)。

      表格的列标签(th):内容有加粗和居中效果。

      表格的列合并属性(colspan):在同一行内同时合并多个列。

      表格的行合并属性(rowspan):在同一列跨多行合并。

      四、综合案例

      五、表单标签

      html表单用于收集不同类型的用户输入数据。

      5.1 form

      action:表示动作,值为服务器的地址,把表单的数据提交到该地址上处理。method:请求方式:get 和post。get:

      地址栏,请求参数都在地址后拼接 path” /> 不安全。 效率高。 get请求大小有限制,不同浏览器有不同,但是大约是2KB;一般情况用于查询数据。 post: 地址栏:请求参数单独处理。 安全可靠些。效率低。post请求大小理论上无限;一般用于插入删除修改等操作。

      enctype:表示是表单提交的类型。 默认值:application/x-www-form-urlencoded 普通表单。 multipart/form-data 多部分表单(一般用于文件上传)。

      5.2 input

      作为表单中的重要元素,可根据不同type值呈现为不同状态。

      5.3 select

      单选下拉列表: 默认选中属性:selected=”selected”

      内容...

      多选下拉列表属性: 多选列表:multiple=”multiple”

      5.4 textarea

      多行文本框:

      5.5 综合示例

      六、HTML框架标签

      通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面。每份HTML文档称为一个框架,并且每个框架都独立于其他的框架。 使用框架的缺点: 开发人员必须同时跟踪更多的HTML文档。很难打印整张页面。

      6.1 frameset

      框架结构标签( )用于定义如何将窗口分割为框架。 每个 frameset 定义了一系列行或列。

      rows/columns 的值规定了每行或每列占据屏幕的面积。

      6.2 frame

      每个frame引入一个html页面。

      6.3 注意事项

      不能将 标签与 标签同时使用。假如一个框架有可见边框,用户可以拖动边框来改变它的大小。为了避免这种情况发生,可以在标签中加入:noresize=”noresize”。

      6.4 综合案例

      七、其它标签

      7.1 其他标签

      7.2 特殊字符
      占位符:空格 -