webstorm html设计表格,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 标签

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/回车不敏感)

&nbsp===空格

&< ==== <

&> ==== >

&copy ===版权符号