WebStorm学习HTML杂记

option +拖拽鼠标:可以同时输入多行
command + 左右键: 可以跳到行头行尾
command+d:快速复制粘贴
command+x :快速删除
command+alt+t:选中文字插入标签
文字过长自动换行:preferences->Editor->General之后找到Soft Wraps,选中Use soft wraps in editor
注释:command+ /
br标签 作用:换行,但只是在一段没用描述完的地方使用 ,在完整语义处换 行可以在外面包裹p标签
相对路径:每次都从.html文件所在路径进行查找
绝对路径:每次都从自定的盘符开始查找 (../)的作用是上一级文件夹,多级就多个../
a标签:可以点击图片或文字跳转
有一个target属性(_self/_blank)在本标签跳转/在新标签跳转 默认是_self
a标签的完整写法有href属性,target属性,title属性
base 标签

写一遍可以实现所有超链接子啊新的标签页跳转

假链接:

娱乐
会返回顶部

锚点:

• 调到该界面的指定位置
  1.给目标标签添加一个id属性
  2.告诉a标签目标标签的id(#+id)
  此方法没有过度动画

跳转到中部
跳转到底部

• 还可以跳转到哪其他界面的指定位置

跳转其他界面指定位置

快速创建无序列表:ul>li*2
ul>li2>h2+ul>li3
h2+ul>li2>h2+ul>li3

快捷写法:dl>(dt+dd)*3

作用:1.定义列表用来做网站底部的相关信息
2.图文混排

表格

表格边框

表格属性

• 细线表格制作的方法

caption:设置表格标题的标签,一定要写在table标签中间
th:设置标题单元格标签(每一列的标签)自动加粗并居中
td是用来存储数据的,th是用来存储当前列的标题的

水平方向的单元格合并:给td标签添加一个colspan属性(把一个单元格当成n个单元格来使用),然后去掉同行n对td标签
垂直方向添加rowspan属性,把下一行的td去掉

command+shift+方向键上下:把内容上下挪动

快速展开合并
command +/-

快速开启新的一行(没有其他内容)command+shift+enter

---

表单form

单选框(有互斥的效果name,有默认选中效果checked)
name后面的内容可以随便写,checked因取值和属性名一样可以只写一个

性别:
男
女
保密

爱好:
篮球

足球

乒乓球

注意单选框写多个checked只会默认选中最后一个,而多选框会默认选择多个

按钮

图片按钮
    

重置按钮:将表单上填写好的数据清空,value可以定义标题

提交按钮

账号:

密码:

简化写法:

        账号:
    

• 表单中提交按钮需要指定form中的action属性的网址,还要给每个要提交的内容指定一个name属性,和value
  fieldset 标签是给表单加边框,写在form内

W3C中没有的一个标签:marquee
作用:跑马灯
属性:direction(left,right,up,down)
scrollamount:(速度)
loop:(重复次数)
behavior:(slide,alternate)是否回弹即设置滚动类型

被废弃的标签b,u,i,s
strong ==b加粗
ins ==u下划线(inseted)
em==i文字倾斜(emphasized)
del ==s删除线(delete)

字符实体(HTML中对空格/tab/回车不敏感)
 ===空格
&< ==== <
&> ==== >
© ===版权符号