静态资源和动态资源:
一、如果用户请求的是静态资源,那么服务器直接将静态资源发送给浏览器。浏览器内置了静态资源解析引擎,来展示静态资源。
二、如果用户请求的是动态资源,那么服务器会执行动态资源,转换为静态资源,再发送给浏览器
基本标签:
html:文档的根标签
head:头标签。引入外部资源
title:标题标签。
body:体标签
<!DOCTYPE html>
:H5中定义该文档是html文档
常用标签
<h1> to <h6>:标题标签 字体大小逐渐递减
<p>:段落
<br>:换行
<hr>:显示一条水平线
属性:
color:颜色
width:宽度
size:粗细
align:对其方式
center:居中
left:左对齐
right:右对齐
<b>:字体加粗
<i>:斜体
<center>:文本居中
<font>:字体标签
属性:
color:颜色
size:大小
face:字体
注释:
<!-- 注释内容 -->
图片标签:
<img src="图片存放位置">
列表标签:
有序列表:
ol:order list
li:
无序列表:
ul:
li:
链接标签:
a:定义一个超链接
属性:
href:指定访问资源的url
target:指定打开资源的方式
_self:默认值,在当前页面打开
_blank:在空白页面打开
块标签:
div:每一个div沾满一整行。块级标签
span:文本信息在一行展示,行内标签
语义化标签:H5中为了提高程序的可读性,提供了一些标签。
<header>
<footer>
表格标签:
table:定义表格
width:宽度
border:边框
cellpadding:
cellspacing:定义单元格之间的距离。如果指定为0,则单元格的线会合为一条
bgcolor:背景色
align:对其方式
tr:定义行
bgcolor:背景颜色
align:对齐方式
td:定义单元格
colspan:合并列
rowspan:合并行
th:定义表头单元格
<caption>:表格标题
<thead>:表示表格头部份
<tbody>:表示表格体部份
<tfoot>:表示表格脚部份
表单标签:
表单:
概念:用于采集用户输入的数据的。用于和服务器交互。
使用的标签:form
form:定义表单。可以定义一个范围,范围代表采集用户数据的范围
属性:
acction:指定提交数据的url
method:指定提交方式
分类:一共7种,2种比较常用
get:
请求参数会在地址栏显示。会封装到请求行中
请求参数的大小有限制的
不太安全
post:
请求参数不会再地址栏显示。会封装在请求体中
请求参数的大小没有限制
较为安全
表单项中的数据要想被提交,必须指定其name属性
表单项标签:
input:可以通过type属性值,改变元素展示样式
type属性:
text:文本输入框
placeholder:指定输入框的提示信息,当输入框的内容发生变化,会自动清空提示信息
password:密码输入框
radio:单选框
注意:
要想让多个单选框实现单选的效果,则多个单选框的name属性必须一样
一般会给每一个单选框指定value属性,来指定其被选中后提交的值
checked属性,可以指定默认值
checkbox:复选框
注意:
一般会给每一个单选框指定value属性,来指定其被选中后提交的值
checked属性,可以指定默认值
file:文件选择框
hidden:隐藏域,用于提交一些信息
按钮:
submit:提交按钮。可以提交表单
button:普通按钮
image:图片提交按钮
src属性指定图片的路径
lable:指定输入项的文字描述信息
注意:lable的for属性一般会和input的id属性值对应。如果对应了,则点击lable区域,会让input输入框获取焦点
select:下拉列表
子元素:option,指定列表项
textarea:文本域
cols:指定列数,每一行有多少个字符
rows:默认多少行