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 | 窗口名字 | |
这篇博客主要介绍了HTML的基本概念，作为超文本标记语言，其作用在于将数据以指定格式和效果呈现于网页。文章详细讲解了HTML的基本结构，并逐一探讨了包括文本块、文本行、图片、超链接、列表、表格、表单和框架在内的核心标签。
2459
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
