基础标签学习
快捷键
- *首先给我的webstorm创建一个能够快速创建.html文件的快捷键：ctrl+Shift+Tab
- 如何在webstorm中让光标移动到当前行的末尾：Fn+End
- 如何在webstorm中让光标移动到当前行的首部：Fn+Home
- 如何在webstorm中让光标在多行中闪烁：Alt+J选中需要的位置
- 如何在webstorm中快速复制光标所在那一行：ctrl+d
- 如何在webstorm中快速删除光标所在那一行：ctrl+x
- 如何在webstorm中让标签包裹一段内容，也就是自动在一段内容前后加上标签：Ctrl+alt+t，然后找到surrounded with tag按下回车，输入对应的标签即可
H系列标签（Header 1——Header 6）
作用：
- 用于给文本添加标题语义
格式：
- < h1 >xxxxxxxxxx< /h1 >
注意：
- H标签是用来给文章添加标题语义的，而不是用来修改文本的样式的。
- H标签一共有6个，从h1到h6，最多只能到6，超过6则无效。
<body>
<h1>我是标题1</h1>
<h2>我是标题2</h2>
<h3>我是标题3</h3>
<h4>我是标题4</h4>
<h5>我是标题5</h5>
<h6>我是标题6</h6>
<h7>我是标题7</h7>
我是普通文本
</body>
运行截图：
- 被H系列标签包裹的内容会独占一行
- 在H系列标签中，h1最大，h6最小
- 在企业开发中，一定要慎用H系列的标签，特别是h1标签，在企业开发中一般情况下，一个界面只能出现一个h1标签（和SEO有关）
控制标题居左居右居中可以使用
但是并不推荐使用，在企业开发中一定不能使用，改变样式需要使用到css！！！
P标签（Paragraph）
作用：
- 告诉浏览器哪些文字是一个段落
格式：
- < p >xxxxxx< /p >
注意：
- 在浏览器中会单独占据一行
Hr标签（Horizontal Rule）
作用：
- 在浏览器上显示一条分割线
格式：
-
< hr / > —— 单标签
注意： -
在浏览器中会单独占据一行
-
< hr >和< hr / >在HTML5中没有区别，但在XHTML中必须写成< hr / >
-
按照高级开发工具的提示来写
扫一扫
5913
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
