1.常见快捷键
- ctrl+s:保存
ctrl+a:全选
ctrl+x:剪切
ctrl+c:复制
ctrl+v:粘贴
ctrl+z:撤销
ctrl+y:前进
shift+end:从头选中一行
shift+home:从尾部选中一行
shift+alt+↓:快速复制一行
alt+↑或↓:快速移动一行
tab:向后缩进
tab+shift:向前缩进
alt+鼠标左键:多光标
ctrl+d:选择同样元素
初始代码的快捷键:!+tab(可快速生成初始代码)
快捷添加注释和删除注释:ctrl+/或shift+alt+a
2.标签
2.1标题
- 网页中的标题,与上述
<title>
不同 - 是双标签
- 分等级
<h1></h1>...<h6></h6>
(<h1>
最重要且一个html文件只能存在一个<h1>
标签)
h5、h6不经常使用
2.2段落
- 也是双标签
- 语法:
<p>内容</p>
文本修饰标签
2.3文本修饰
- 1.
<strong>
双标签,<strong></strong>
会对文本进行加粗。
例:<strong>这是一行文字</strong>
显示为:这是一行文字 - 2.
<em>
双标签,<em></em>
会对文本进行斜体。
例:<em>这是一行文字</em>
显示为:这是一行文字
注:strong强调的效果更强,em强调的效果稍弱。
- 1.下标
<sub>
双标签,<sub></sub>
会显示数或文字的下标
例:H<sub>2</sub>0
显示为H2O - 上标
<sup>
双标签,<sup></sup>
会显示数或文字的上标
例:a<sup>2</sup>+b<sup>2</sup>=c<sup>2</sup>
显示为a2+b2=c2 - 删除
<del>
双标签,<del></del>
会划掉数或文字
例:<del>369</del>
显示为369 - 插入
<ins>
双标签,<ins></ins>
会把下划线加在数和文字下
例:<ins>369</ins>
显示为369
注:插入和删除文本在一般情况下都是配合使用的
2.4图片
图片标签
<img>
单标签
图片的属性
src:引入图片的地址
- alt:当图片出现问题时,可以显示一段友好的提示文字。(只有当图片显示不出来时,才会显示alt的提示内容)
- title:提示信息(html所有标签都具备的一个属性)
- widgh、height:控制图片的大小
2.5链接
1.网页外链接
a标签
链接标签:<a></a>
a的常用属性
- 1.href属性,作用::链接的地址(可以是文字也可以是图片)
<body>
<a href="https://www.mihoyo.com/">米哈游</a>
</body>
- 2.target属性,作用:改变链接打开的方式
链接默认情况下在当前页面打开
在当前页面打开:target="_self"
在新窗口打开:target="blank"
例:
<a href="https://www.4399.com/" target="blank">4399小游戏</a>
base标签<base>
(单标签)
作用:改变链接的默认行为
- 属性:也是
href
和target
2.网页内锚点(就和markdown的目录差不多)
跳转链接是从当前页跳转到另一个页。而跳转锚点则是从当前页内进行跳转,类似于markdown中的目录。
1.用#和id属性,语法为:
<a href="#+id">
<h_ id=""></h2>
2.用#和name属性,语法为:
<a href="#+name></a>
<a name="值"></a>
<h_></h_>
2.6列表
1.无序列表
无序列表采用的标签为<ul>和<li>
注意:ul和li必须是组合出现的,他们之间是不能有其他标签的。
ul和li都是双标签,且符合嵌套规则
例:
<ul>
<li>
第一项
</li>
</ul>
属性
type属性:改变前边标记的形式(一般用css去控制)
2.有序列表(简单了解)
有序列表采用的标签为<ol>和<li>
注意:有序列表用的很少,通常用无序列表,可以用无序列表来代替有序列表,且他们之间也是不能有其他标签的
语法和属性与无序列表是相同的。
3.定义列表
<dl>
:定义列表
<dt>
:定义专业名词或术语
<dd>
:对名词进行解释和描述
<dl>
<dt>
英雄联盟
</dt>
<dd>
2009年美国拳头游戏开发的MOBA竞技网游
</dd>
</dl>
显示为
-
英雄联盟
- 2009年美国拳头游戏开发的MOBA竞技网游
长度单位
vh(vheight),vw(vwidth),可以自适应屏幕的大小,例如:屏幕大小为200px×300px,那么,1vh=3px,1vw=2px