标签
<HTML> 定义HTML文档
<head> 定义关于文本的信息
<title> 定义文档的标题也就是定义标题中的内容
<body> 定义文档的主体
<font> 可以修改字体的样式 例如<font color='red'>hhhhh</font>,也就是将hhhh改成红色 face属性:设置字体;如“楷体”,“宋体” color属性:设置字体颜色 size属性:设置字体大小
<h1>---<h6>定义标题 | h1字体最小,h6字体最大 |
<b>定义粗体文本 | |
<i>定义斜体文本 | |
<u>定义文本下划线 | |
<center>使文本居中 | |
<p>定义段落 | |
<br>换行 | |
<hr>定义水平线,也就是画一条横线在页面中 |
需要用转译字符
HTML源代码 | 显示结果 | 描述 |
---|---|---|
&It; | < | 小于号或者先设标记 |
> | > | 大于号或者显示标记 |
& | & | 可用于显示其它特殊字符 |
" | " | 引号 |
® | ® | 已注册 |
© | © | 版权 |
™ | ™ | 商标 |
| 不断行空白 |
<img>定义图片 | src属性:规定显示图片的url(统一资源定位符) height属性:定义图像的高度 width属性:定义图像的宽度 | ./:表示当前路径 ../:表示上一级路径 ../../:表示上两级路径 | |
height和width的两种设置方式:像素单位是px;百分比 | |||
<audio>定义音频 | src属性:规定音频的url controls属性:显示播放控件 | ||
<video>定义视频 | src属性:规定视频的url controls属性:显示播放控件 | ||
<a>表示超文本标签 | href属性:指定访问资源的url | ||
target属性:指定打开资源的方式 | _self:默认值,在当前页面打开 _blank:在空白页面打开 |
列表标签
标签 | 描述 |
---|---|
<ol> | 定义有序列表 |
<ul> | 定义无序列表 |
<li> | 定义列表项 |
表格标签
table:定义表格 | border:规定表格边框的宽度 width:规定表格的宽度 cellspacing:规定单元格之间的空白 |
tr:定义行 | align:定义表格行的内容对齐方式 |
td:定义单元格 | rowspan:规定单元格可横跨的行数 colspan:规定单元格可横跨的列数 |
th:定义表头单元格 |
布局标签
标签 | 描述 |
---|---|
<div> (在浏览器中有换行效果) | 定义HTML文档中的一个区域部分,经常与CSS一起使用,用来布局网页 |
<span> (在浏览器中没有换行效果) | 定义组合行内元素 |
表单标签
标签 | 描述 |
---|---|
<form> | 定义表单 |
<input> | 定义表单项,通过type属性控制输入形式 |
<label> | 为表单项定义标注 |
<select> | 定义下拉列表 |
<option> | 定义下拉列表的列表项 |
<textarea> | 定义文本域 |
form标签属性
action:规定当前提交表单时向何处发送表单数据,该属性值就是url | ||
method:规定用于发送表单数据的方式 | get:默认值,如果method不设置,默认就是get值 | 请求参数会拼接在url后面 url的长度有限制4KB |
post: | 浏览器会将数据放到http请求消息体中 请求参数无限制的 |
<input>:表单项,通过type属性控制输入形式
type取值 | 描述 | |
---|---|---|
test | 默认值,定义单行的输入字段 | ![]() |
password | 定义密码字段 | ![]() |
radio | 定义单选按钮 | ![]() |
checkbox | 定义多选按钮 | ![]() |
file | 定义文本上传按钮 | ![]() |
hidden | 定义隐藏的输入字段 | 如果我们需要将数据录入数据库,那么id是不需要用户自己输入的,所有我们需要将id隐藏跟随表单传过来 |
submit | 定义提交按钮,提交按钮会把表单数据发送到服务器 | ![]() |
reset | 定义重置按钮,重置按钮会清除表单中的所有数据 | ![]() |
button | 定义可点击的按钮 | ![]() |
<select>:定义下拉列表,<option>定义列表项
<textarea>:文本域