首先,按下h1,再按下Tab键就可以变成<h1></h1>,Ctrl+d可以复制当前行,Ctrl+Alt+Insert可以快速新建文件,Home可以跳到当前行最前面,End同理最后面。
h标签是描述字体大小,1-6从大到小,超出无效
br标签是换行,hr标签是分割线,p标签定义一个段落。
img标签是插入一个图片,两个必需的属性:src :导入图片路径(../是返回上一级目录)和 alt:描述(没有图片导入时,提供文字说明),width是宽,height是高。
还有一个title属性,鼠标移到图片上面会有文字描述(title属性写的)
a标签是跳转链接<a href="">这里写点文字</a> href里面输入链接,有个属性target=_self或_blank,前者在当前页面跳转,后者打开一个新标签跳转。
并且不可忘记的是双标签中写上文字,不然没有跳转链接的载体,而且可以把文字改为一个img,效果为点击一个图片跳转。
在head头部那里定义<base target="_blank">的话,所有链接都会定义调转新标签。
跳转链接是一个<a href="#">点我( ⊙ o ⊙ )!1</a> #符号的话,是一个假链接(可以返回顶部),#后面加一个id的话,可以跳到那一个相同id的段落,
扩展:一个链接+#+id 可以跳转到另一个界面的某一相同id的行 除了#还有javascript: 不会发生什么跳转
列表标签分类
无序列表(最多):没有先后之分的数据 例如中国的所有城市
有序列表(最少):有先后之分,例如排行榜
定义列表(其次):给一堆数据添加语义
ul标签是无序列表,ol是有序列表,dl是定义列表,这些标签是定义语义,和li标签是组合
li标签里面书写列表内容(可多对),也可以在li标签里面添加其他标签,
li标签里面可以包含ul标签,多重列表。简化写法:ul>li*n(n填写生成的li标签) ul>li*n>h2+ul>li*m(双重列表)
ol标签与ul用法和格式差不多
dl标签里面包含dt(标题)和dd(内容),一个dt对应一个dd,dd里面可以有其他标签
table是表格标签,代表整个表格。包含tr:代表表格的每一行,tr包含td:代表每行的一个数据
例如:三行五列 table>tr*3>td*5 table里有一个边框属性 border,默认为零,改为1.
宽度和高度可以给table和td标签使用;水平对齐可以给table和tr,td标签使用;外边距和内边距只能给table使用
表格的高和宽由数据的大小决定,但可以在table设置修改,在td修改会影响当前单元的宽和高,不会影响整个表格的宽和高
想要达成细线表格(外边距为零只是线重叠在一起),在table设置bgcolor为black,tr设置bgcolor为while,table的间距cellspacing为1px!
caption标签是table标签的标题里面可以设置字体大小和属性align=“center”(居中)等
th标签自动加粗和居中和td标签有所不同
给td标签添加一个colspan属性来指定某一个单元格当成多个单元格,但要删掉一些单元格(水平方向是这个,垂直方向的属性为rowspan)
form是表单标签,里面可以写多种标签
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 </head> 7 <body> 8 <form> 9 账号:<input type="text"><br> 10 密码:<input type="password"> <br> 11 确认密码:<input type="password"><br> 12 性别:<input type="radio" name="1">男 13 <input type="radio" name="1">女 14 <input type="radio" name="1" checked>保密 <br> 15 爱好: 16 <input type="checkbox">篮球 17 <input type="checkbox">足球 18 <input type="checkbox">网球 19 <input type="checkbox" checked>足疗 20 </form> 21 </body> 22 </html>
input标签:type为text是明文输入框,password是暗文输入框,radio是单选框(想要不重复互斥就添加一个相同name属性),checkbox是多选框, form标签
两者后面加上checked是默认选。
type为button是定义一个普通按钮,作用配合js完成一些操作。value可以设值。type为image是自定义好看图片src后面导入图片即可,
type为reset是定义重置按钮,type为submit是定义提交按钮,说到这里,又讲回form表单。
form表单有个action属性,这个是你需要把表单中的数据提交到哪里的url路径写的地方(通过submit提交)
而哪些数据会被提交上去呢?input标签里面写的name属性就是key,值就是value(要么默认,要么在页面上输入的值)key=value的格式。
如果想要让文字和输入框绑定,将文字利用label标签包裹,输入框设置属性id和label的for一致即可
datalist标签是绑定待选项,设置一个id,标签里面写几个option标签(里面写待选项),然后input标签里面加上属性list,值为datalist的id。(基本不用)
当input标签type为email会自动校验邮箱格式,同理url同理
select标签可以下拉列表选择内容,里面的option标签添加列表内容,在option标签可以添加属性selected为默认值,数值多的时候可以用optgroup给列表分类
textarea是可以无限换行的多行输入框,默认有自己的宽度和高度,date是日期,number是数字。
form标签里面可以把所有标签用fieldset标签包裹,并且可以在legend起一个标题
video标签可播放视频,src视频的播放地址,autoplay自动播放(默认不会播放),controls可以控制播放,poster用于视频播放前的图片插入等
audio标签可播放音频,跟上方一样,src导入,autoplay。 这两者后接source再接src,autoplay,可以保证格式不会出问题
详情和概要details标签包含summary标签,summary写概要,details写详情
字符实体:空格 ; << >>