用于组织页面的结构
基本语法
头和尾必须有<html>标签，其他所有标签都放在html标签中
由head和body区域两部分组成
标签基本语法
标签都在<> 中
标签大部分成对存在 <html> </html>
HTML的基本标签
HTML标签
网页从<html>开始到</html>结束
head标签
代表页面的“头”，定义浏览器不可见的特殊内容
| 标签 | 作用 |
|---|---|
<head> | 头部标签 |
<title> | 网页标题 |
body标签
代表页面的“身”，定义网页展示内容
常用标签
文本属性
标签内使用 - align对齐方式
| 标签 | 说明 |
|---|---|
| center | 居中 |
| left | 左对齐 |
| right | 右对齐 |
文本标签
| 标签 | 说明 |
|---|---|
<p> | 段落标签 - 换行 |
<span> | 行级标签 - 独占一行（不换行） |
<div> | 块级标签 |
ifream | 子页面标签 |
文本标签
| 标签 | 说明 |
|---|---|
<h1>~<h6> | 标题 |
<big> | 大字体 |
<br> | 换行 |
<strong> | 加粗 |
<i> | 斜体 |
<u> | 下划线 |
<del> | 中划线 |
图片标签
<img>
属性
| 名称 | 作用 |
|---|---|
| src | 图片地址 |
| width | 宽度 |
| height | 高度 |
| align | 对齐方式 |
| alt | 图片加载失败说明 |
| title | 鼠标放置说明 |
超链接标签
<a>
设定锚点
标记一个地点，方便以后瞬移回去
标记 - name
<a name="xxx"></a>转移 - href
<a href="#xxx"></a>跳转链接
去除跳转功能
href="javascript:void(0)"
| 名称 | 作用 |
|---|---|
| href | 跳转地址 |
| target | 跳转方式（覆盖/新建） |
表格标签
| 名称 | 作用 |
|---|---|
<table> | 表格 |
<th> | 表头 |
<tr> | 行 |
<td> | 列 |
属性
| 名称 | 作用 |
|---|---|
| width | 宽度 |
| height | 高度 |
| border | 边框宽度 |
| cellspacing | 线条粗细 |
| cellpadding | 内部大小 |
| bordercolor | 线条颜色 |
| bgcolor | 背景颜色 |
| rowspan | 行合并 |
| colspan | 列合并 |
表单标签
<from>
属性
| 名称 | 作用 |
|---|---|
| action | 提交地址 |
| method | 提交方式 |
method提交方式
get：数据放在url地址后面，不安全，提交数据量相对较小
post：数据放在请求头中，安全，可以提交任意大小的数据
组件标签
文本类
<input type=" ****" placeholder="输入提示语句"/>| 名称 | 作用 |
|---|---|
| text | 明文框 |
| password | 密文框 |
文本域
<textarea rows="占行数" cols="占列数"></textarea>选项框
多选之间name值必须一致
必须有value属性，提交时是提交value值
<input type="****" name"****" value"****">| 名称 | 作用 |
|---|---|
| radio | 单选框 |
| checkbox | 多选框 |
| select > option | 下拉框 |
提交按钮
<input type="submit" value="按钮名"/>列表标签
有序列表
ol type="序列类型">li
无序列表
ul type="符号类型">li
自定义列表
dl>dt dd
dl 声明自定义列表
dt 标题
dd 项目
9399
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
