1、html不是一种编程语言,而是一种标记语言
2、html文件的扩展名可以为htm
3、html结构
<html>
<head>
包括资讯信息:整个页面的属性、指导浏览器解析的标签、引入外部文件的的标签
</head>
<body>
展示的信息
</body>
</html>
4、空标签 功能比较单一 <br></br> === <br/>
5、html不区分大小写 建议使用小写
6、基本标签
文件标签(结构标签)
<html>
<head>
<title>:页面的标签
<body>
排版标签 <!-- --> <br> <p> <hr>
块标签 <div> <span> 可以进行友好提示 style="background-color:red"
文字标签 <font> face表示字体类型 size最大值是7,最小值是1,默认值是3
标题标签 <h1> <h2> <h3> <h4> <h5> <h6>
清单标签 <ul> <ol> <li> 可以实现菜单
图形标签 <img>
链接标签 页面跳转和锚定访问 href ,target (#name)
表格标签 <table> <tr> <td> <th> <caption> <thead> <tbody> <tfoot> 分块加载,用户体验比较好
html表单标签
fom标签
1、<form>
</form>
属性:name:表单名称
action:提交的路径地址
methods:提交方式
get和post区别:
(1)get提交将数据加在地址栏的后面,post提交将数据封装在请求体中
(2)get提交相对不安全,post提交相关安全
(3)get提交有大小限制,根据浏览器不同而不同 post不限制大小
2、input标签
属性:type:根据type值的不同会显示不同功能的表单项
text:普通的文本输入框
password:密码输入框
radio:单选按钮 注意:组的概念,如果想让一组单选按钮互斥,必需name属性相同
checked:代表默认被选中
checkbox:复选框 注意:组的概念 如果想让一组单选按钮互斥,必需name属性相同
checked:代表默认被选中
file:上传文件
button:普通按钮 没有任何内置功能
submit:提交暗流 点击表单按照action地址进行提交
reset:重置按钮 点击会将表单清空
image:图片按钮 点击表单按照action地址进行提交
属性: src:图片的地址
alt:图片的文字信息
name必须写,后台根据name获取数据值
3、select标签
name:表单项的名称
<option>:代表一个选择项
属性:value
selected:默认被选中的项
4、textarea标签
属性:cols:列数
rows:行数
默认的文本值在标签体
frameset和body标签会相互打架
frameset:
属性:cols:按列划分
rows:按行划分
划分的格式 rows="120,*" *表示剩余
frame:
属性: name:名称 方便target根据name值进行定位
src:加载页面的路径
特殊字符:
>大于
<小于
©版权
空格
&Reg;注册
其他标签:
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" conten="text/html;charset=UTF-8">
<link rel="stylesheet" type="text/css" href="./styles.css">
<script type="text/javascript" src=""></script> src:js的文件地址