1. 语法标准
//双标签
//单标签
关系
包含,并列
2. 结构
3. 工具
vs code
快捷键:!,Ctrl+加号放大
插件:
Open in Brower
JS-CSS-HTML Formatter
Auto Rename Tag//一起改
CSS Peek
4. 其他重要标签
第一行,声明标签
//HTML版本
//HTML5
//英文
zh-CN中文
title下
meta
charset="UTF-8"
4. 常用标签
4.1 标签
~
占一行
4.2 段落
4.3 换行
4.4 文本格式化
加粗strong,b
斜体em,i
删除del,s
下滑ins,u
4.5 盒子
一行可以放多个
4.6 图片
4.7 目录
目录文件夹和根目录
相对目录
同一级路径
/下一级目录
../上一级目录
绝对目录
从盘符开始
4.8 连接标签
target:_self本页面打开是默认值,_blank新窗口打开
外部连接(http://www.baidu.com),内部连接(不用http://www)
空连接href="#"
下载连接href="压缩包",音频,视频,zip,
图片连接
target="_blank"
锚点连接
页面之间的跳转
写id=“two”
4.9 注释
Ctrl+/
4.10 表格
展示数据
table_th(表头:居中,加粗)
tr行
td列
表格属性(最好用css):
align对齐:left,center,right
boder表格线宽度:1
cellpadding:字与单元格距离
cellspaling:单元格之间
width:表格宽度
height
表格结构
thead_tr_th
tbody
合并单元格
跨行合并rowspan,写最上面那个
跨列合并colspan,写到最左边那个
步骤:
1.类型
2.找单元格,写代码
3.删除多余
4.11 列表标签
布局
分类:
无序
ul_li,ul不能放其他的,li可以放很多其他
样式
有序
ol_li,ol不能放其他的,li可以放很多其他
自定义
dl——dt——dd
dt可以有多个dd
dl可以有多个dt
4.12 表单
收集信息
组成
表单域,表单控件,提示信息
2.1 表单域
form:把所有的信息全部送到后台
action提交到
method方式
name表单名字
2.2 表单控件(元素)
2.2.1 input:
type
text文本
password密码
radio单选:name相同
checkbox多选:name值相同
button:普通按钮JS的启动脚本
submit:提交到服务器
reset:重置表单,还原默认
file:文件上传
hidden
image
属性:name(必须有名字),value(提示信息/值,针对后台),checked(radio,checkbox),maxlenght最大的字符数
2.2.2 label
方便点击
for 定到Id
2.2.3 select
下拉列表
select_option
属性:option中写selected="selected"
2.2.4 文本域
textarea
属性:cols,rows,用css修改最好
4.13 自己学习