HTML概念
HTML:hyper text markup language:超文本标记语言
作用:把数据以指定的格式合效果显示到页面
原理:通过标签来封装数据 通过标签的属性来控制数据显示的效果(样式)
HTML基本结构
<html>
<head>
<!---当前页面的属性:编码集:标题:关键字:刷新-->
</head>
<body>
<!--当前页面显示的数据--->
</body>
</html>
学习的标签
文本块标签
标签名 | 标签 | 属性 | 作用 | 值 |
---|
标题标签 | hn(1-6) | align | 水平对齐方式 | left(默认)center right |
换行标签 | br | | | |
段落标签 | p | align | 水平对齐方式 | left(默认)center right |
水平线标签 | hr | width | 左右长度 | px或者% |
| | size | 粗细 | px |
| | color | 颜色 | 英文单词 或者 #xxxxxx |
| | align | 水平对齐方式 | left center right |
格式化标签 | pre | | | |
文本行标签
标签名 | 标签 | 属性 | 作用 | 值 |
---|
font | 文本标签 | size | 文字大小 | 1-7 |
| | color | 文字颜色 | 英文单词 或者 #xxxxxx |
i | 斜体 | | | |
u | 下划线 | | | |
s | 中划线 | | | |
b | 加粗 | | | |
图片标签
标签名 | 标签 | 属性 | 作用 | 值 |
---|
img | 图片 | width | 宽度 | px 或者 % |
| | height | 高度 | px 或者 % |
| | src | 图片路径 | 相对路径 或者 绝对路径 |
| | alt | 图片的说明文字 | 文本 |
超链接标签
标签名 | 标签 | 属性 | 作用 | 值 |
---|
a | 超链接标签 | href | url=协议+路径 | file/http/自定义 |
| | target | 打开路径资源的方式 | _self/_blank/frame |
| | name | 设置锚点 | |
列表标签
标签名 | 标签 | 属性 | 作用 | 值 |
---|
ul | 无须 | type | 列表样式表 | disc(默认)或circle或square |
ol | 有序 | type | 列表样式表 | 1(默认)或a或A或i或I |
li | 列表项 | type | 列表项样式 | 取决于父标签 |
| | value | 当前列表项的值 | 整数(只适用于ol) |
表格标签
标签名 | 标签 | 属性 | 作用 | 值 |
---|
table | 表格 | width/heigt | 宽高 | px |
| | bgcolor | 背景颜色 | 英文单词/#xxxxxx |
| | border | 边框粗细 | px |
| | bordercolor | 边框颜色 | 英文单词/#xxxxxx |
| | align | 水平对齐方式 | left/center/right |
| | cellspacing | 相邻单元格边框间距 | px |
| | cell padding | 数据与边框间距 | px |
| | backgroundImage | 背景图片 | “url(images/00.jpg)” |
tr | 行 | align | 文本之间的水平对其方式 | left(默认)/center/right |
caption | 表格标题 | align | 标题与表格的水平对其方式 | top/center/bottom |
td/th | 单元格 | rowspan=“3” | 往下合并2个单元格 | |
| | colspan=“3” | 往右合并2个单元格 | |
表单标签
标签名 | 标签 | 属性 | 作用 | 值 |
---|
form | 表单 | method | 请求方式 | get/post |
| | action | 请求资源的路径 | url |
input | lnput组件 | type | | 类型:text 、radio、checkbox、password、file、hidden、button、submit、reset |
| | name | 组件参数名称 | 必须有 |
| | value | 组件参数默认值 | |
textarea | 多行文本域 | name | 组件参数名称 | |
| | rows | 显示的行数 | |
| | cols | 显示的列字符数 | |
select | 下拉表单 | name | 组件参数名称 | |
option | 选项 | value | 组件参数值 | |
框架标签
标签名 | 标签 | 属性 | 作用 | 值 |
---|
framese | 框架 | border | 设置窗体的边框粗细 | px |
| | rows | 窗口水平分割 | 30%,* / 1,3 |
| | cols | 窗口垂直分割 | 30%,* / 1,* |
frame | 窗体 | src | 窗口要显示的资源路径 | url |
| | noresize | 是否大小可变 | noresize |
| | name | 窗口名字 | |