课时18.h标签和p标签以及hr标签（掌握）

Posted 2020-11-11 双双双双

• 如何在webstorm中利用快捷键创建一个新的html的文件？

同时按下键盘上的ctrl+alt+insert（windows）

同时按下键盘上的ctrl+alt+n（os）

• h标签系列（header1～header6）

作用：用于给文本添加标题语义

格式：<h1>xxxxx</h1>

注意点：

1. h标签是用来给文本添加标签题语义的，而不是用来修改文本的样式的
2. h标签一共有6个，从h1～h6，最多只能到6，超过6则无效（可以利用每一个h标签都独占一行，如果写到h7则会出现h7与h6标签并列，并且一样大小的情况）
3. 被h系列标签包裹的内容会独占一行
4. 在h系列的标签中，h1最大，h6最小
5. 在企业开发中，一定要慎用h系列的标签，特别是h1标签，在企业开发中一般情况下一个界面只能出现一个h1标签（和seo有关）

• 如何在webstorm中让光标移动到当前行的末尾？

按下键盘上的end键即可(windows)

按下键盘上的fn键+右箭头键（os）

• 如何在webstorm中让光标移动到当前行的最前面？

按下键盘上的home键即可(windows)

按下键盘上的fn键+左箭头键（os）

• 如何在webstorm中让光标在多行闪烁？

按下键盘上的alt键不放，再按下鼠标左键不妨，然后再拖动鼠标即可（可以在多行输入相同的内容）

• p标签

作用：告诉浏览器哪些文字是一个段落

格式：<p>xxxxxxx</p>

注意点：

在浏览器中会单独独占一行（除了在浏览器中看出来，还可以通过"f12",element看到p标签都是被包裹起来的）

• hr标签

作用：在浏览器上显示一条分割线

格式：<hr />

注意点：在浏览器中会单独占据一行