HTML
主讲:王春梅
以下笔记均为我本人亲自整理,若有描述不对或代码错误,请同学们及时更改一下,重新上传上去,谢谢!
1、HTML 概述
a、什么是 HTML:超文本标记语言,是一种纯文本的用于编写网页的标记语言,由浏览器解释运行
b、web浏览器:提交请求,显示页面
主流浏览器:FireFox/IE/Chrome/Safix
c、基础语法
标记:双标记
、单标记属性:定义在开始标记里,用空格隔开
单标记(空标记):
注释:html文本: CSS文本:/*注释内容*/
d、HTML 文档的标准结构
版本信息:严格、过渡、框架
常用属性:http-equiv 、 content;
http-equiv常用值:refresh自动刷新;content-type:应用环境
content常用值:“数据 100”(对应refresh); text/html:html文本
charset应用环境 编码:值 UTF-8
e、
文档头元素:标题元素(出现浏览器顶部)元数据元素:用于定于网页的基本信息
2、文本
a、普通文本以及特殊字符:空格折叠,特殊字符使用转义字符
空格 右尖号> © 小圈内一个C
b、标题标记:
--
c、段落标记:
d、换行:
---回车
e、分组元素:本身没有外观,统一设置
:不会影响原有的布局---适用于行内元素分组
f、块级元素:独占一行的标记,比如h1、p、div ;
行内元素:和其他元素位于同一行,比如 span、a ;
3、图像和链接
绝对路径
相对路径
常用属性:src 路径; width: 图像宽度; height: 图像高度
超级链接:被点击的内容
target属性:设置页面在何处打开
_self:默认值_blank:新的空白
如何为图像添加链接?
如何实现同一个页面的不同部分之间的跳转
----使用锚点 锚点是文档中某行的一个记号
第一步:目标处使用a元素定锚点
图像和链接标记:实现页面上的导航定位;
4、列表 常用于实现几个相关的项的排列
无序列表: ul
有序列表: ol
包含列表项: li----list item 用于指示具体的列表内容;
使用嵌套的列表实现多级菜单
5、表格
表格的基本结构:table / tr :行 、 /td :列
高度和宽度:自适应
table的属性:border 边框 / width / height / align
表格标题跟随/cellpadding 单元格边框与内容之间的间距 /cellspacing:单元格之间的间距
td的属性:width/height/align 位置 /valign
行分组:tbody 表头 /thead 表主体 /tfoot 表尾
不规则表格:设置 td 的 colspan 跨列 / rowspan 跨行
表格的嵌套:实现复杂布局定义
6、表单 通过查看,填写并提交表单信息与服务器进行动态交互;
表单元素:
---承载其他元素,用于实现数据的收集,提交给服务器主要属性:action : 定义表单被提交时发生的动作;通常包含服务方面脚本的URL,如:jsp,php
Method : 指出表单数据提交的方式,取值为get或者post;
Enctype : 表单数据进行编码的方式;
例: