html学习目录
1、doctype对应关系:对应的统一标准规范
2、html标签,标签内部可以写属性 html标签一个文件里面只能有一个
3、注释: <1-- 注释的内容 -->
4、head里面所有的标签,只有title标签可以看到
5、标签分类:自闭合标签 <meta charset="UTF-8"> 非常少
6、head里面的其他标签:
编码、跳转、刷新、关键字、描述 IE兼容
<meta http-equiv="X-UA-Compatible" content="IE=IE9;IE=IE8;" />
title标签
<link/> 搞图标 、CS 和 JS 讲
<style/>CS 和 JS 讲
<script/>CS 和 JS 讲
- head标签实例
- 图标,空格,大小尖括号,段落,换行,标题,div白板,span白板
- form表单,登录用户,密码,按钮,提交
- 登录页面2
- tornado后台小框架
- 使用form提交到搜狗浏览器示例
- 单选框,复选框。多行数据,上传文件
- 超链接示例
- 图片、列表
- 表格示例
- fieldset与legend,label
-
7、body标签
图标   (空格); > <(左右尖括号)
显示结果 | 描述 | 实体名称 | 实体编号 |
---|---|---|---|
空格 | |   | |
< | 小于号 | < | < |
> | 大于号 | > | > |
& | 和号 | & | & |
" | 引号 | " | " |
' | 撇号 | ' (IE不支持) | ' |
¢ | 分(cent) | ¢ | ¢ |
£ | 镑(pound) | £ | £ |
¥ | 元(yen) | ¥ | ¥ |
€ | 欧元(euro) | € | € |
§ | 小节 | § | § |
© | 版权(copyright) | © | © |
® | 注册商标 | ® | ® |
™ | 商标 | ™ | ™ |
× | 乘号 | × | × |
÷ | 除号 | ÷ | ÷ |
*P标签,段落 *br标签,换行 ——小总结
****所有的标签分为块级标签:
*h1(加大加粗)、
p(段落与段落有间距)、
*div(白板)
行内标签,也叫内联标签:
****span(白板)
标签之间可以嵌套 标签存在的意义、定位操作,用于JS操作和cs操作
****form标签 主要针对input、textarea、select来提交内容到后台的
***input系列
input type = 'text' name属性,(value=‘’默认值) 用于后台取数据
input type = 'password' name属性
input type = 'submit' value = '提交' 提交按钮,提交表单
input type = 'button' value = '登陆' 按钮
input type=‘radio’ value ,name属性,checked=‘checked’默认值(name相同,则互斥)单选框
input type=‘checkbox’ value ,name属性,checked=‘checked’默认值(name相同,不互斥,后台用批量获取数据) 复选框
input type=‘file’ 传输文件需要依赖form表单的一个属性 enctype=‘multipart/form-data’
input type='reset' #重置
textarea 多行数据 name属性,默认值放中间
select标签 name,内部option value 提交到后台 ,
size,multiple(安装鼠标多选) optgroup选项分组
***a标签,不能提交到后台
作用1:跳转
作用2:锚(跳转到网页某一位置)href="#i3(某个标签的ID)" 标签ID不能重复
***img标签 title src alt
列表标签
ul
li
ol
li
dl
dt
dd
表格标签 ***table
<table border="1" cellspacing="0" bordercolor="blue" >
thead
tr
th
tbody
tr
th
colspan
rowspan
- label 用于点击文件,使得关联的标签获取光标
<label for="username">用户名:</label>
<input id="username" type="text" name="user" />
- fieldset
legend
fieldset 元素可将表单内的相关元素分组。
<fieldset> 标签将表单内容的一部分打包,生成一组相关表单的字段。
当一组表单元素放到 <fieldset> 标签内时,浏览器会以特殊方式来显示它们,它们可能有特殊的边界、3D 效果,或者甚至可创建一个子表单来处理这些元素。
<fieldset> 标签没有必需的或唯一的属性。
<legend> 标签为 fieldset 元素定义标题。
<label> 标签为 input 元素定义标注(标记)。
label 元素不会向用户呈现任何特殊效果。不过,它为鼠标用户改进了可用性。如果您在 label 元素内点击文本,就会触发此控件。就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。
<label> 标签的 for 属性应当与相关元素的 id 属性相同。