HTML基础整理(一)

1、HTML
Hyper Text Markup Language 超文本标记语言
在HTML当中存在着大量的标签，我们用HTML提供的标签，将要显示在网页中的内容包含起来。
就构成了我们的网页。

CSS：控制网页内容显示的效果

HTML+CSS=静态网页。只有展示功能
JS+Jquery=动态

内容由HTML决定，长成什么样由CSS决定

2、开始动手写HTML页面
1)、首先在桌面上随便的建一个文件。
2)、将创建的文件的名称改为.htm/.html
3)、开始写基本的框架标签

3、HTML标签
p标签：段落标签
&nbsp:空格
h#:标题标签

:注释符

:图片标签，用来显示图片。
src:表示要显示的图片的路径
height:图片的高度 px
width:图片的宽度 px
alt:当图片由于某些原因显示失败的时候所显示的文本
title:当光标移动到图片上的时候显示的文本

---

:水平分割线
:换行 >:> <:< &:& :字体标签 size=1~7 7最大 color=颜色 face=字体系列 加粗 意大利斜体 打印机的字体 下划线 删除线 上标 勾股定理 下标 代码 编辑什么格式，打印还是什么 格式 图片默认从右往左移

4、body当中的属性
text 文本的颜色
link 超链接的颜色
alink 点击时超链接的颜色
vlink 点击后超链接的颜色
bgcolor 背景的颜色
background 背景替换成图片

5、列表

无序列表 圆点

列表 type="disk" 实心圆点

有序列表 数字 type="a"从a开始排列

自定义列表

标题

内容 表示表格的标题(加粗) 中的属性 align valign bgcolor width height colspan rowspan

面向对象

封装

继承

多态

C#循环

for循环

foreach循环

while循环

do-while循环

6、表格
语法

....

单元格内容

表示一行 表示单元格内容

cellspacing=“0px” 每个单元格的边框于外面的边框的距离
cellpadding=“0px” 单元格内的内容与单元格边框的距离

跨行跨列的表格
colspan=“2” 跨列 跨2列

学生成绩
语文	98
数学	99

rowspn=“2” 跨行 跨2行

张三	语文	98
	数学	95
李四	语文	88
	数学	91

7、表单

表单 属性 action 表示要把里面的数据提交到服务器的路径 method 表示要提交这些数据的形式 get 默认，以url提交，就是以地址栏的方式提交 属性 type 类型 type="text"文本框 type="password"密码 type="submit"提交 提交名改 value="提交数据" type="reset" 重置 value="清空" name="txtName" name="txtPwd" 需要给文本框和密码框赋值name、否则不能跳转显示在地址栏上 type="radio" 单选 name="sex" name="married" 可以给他们分组 type="file" 打开文件 字段集 性别 fieldset 元素的其余内容的标题

下拉列表
size=“2” 下拉列表默认显示2个

选项组 选项

文本框
cols 和rows属性来规定textarea的尺寸
cols规定文本区的可见宽度
rows规定文本区的可见行数

用户名:
密码:

性别 男
女
婚姻状况 已婚
未婚
石家庄 沧州 保定 廊坊 郑州 驻马店 洛阳 新乡 武汉 黄冈 黄石 十堰 长沙 岳阳 衡阳 益阳

合同内容

8、Div+Span
能够熟练掌握css+div布局

层级元素，这一行只允许我的存在，不允许其他元素存在 布局 不是独占一行的标签，一般用来设置字体 样式 承载页面不能用标签，要用 noresize 不移动边框位置