文章目录
- 基础标签学习
- 快捷键
- H系列标签(Header 1——Header 6)
- P标签(Paragraph)
- Hr标签(Horizontal Rule)
基础标签学习
快捷键
- *首先给我的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)
作用:
格式:
注意:
- H标签是用来给文章添加标题语义的,而不是用来修改文本的样式的。
- H标签一共有6个,从h1到h6,最多只能到6,超过6则无效。
<body>
<h1>我是标题1h1>
<h2>我是标题2h2>
<h3>我是标题3h3>
<h4>我是标题4h4>
<h5>我是标题5h5>
<h6>我是标题6h6>
<h7>我是标题7h7>
我是普通文本
body>
运行截图&#xff1a;
- 被H系列标签包裹的内容会独占一行
- 在H系列标签中&#xff0c;h1最大&#xff0c;h6最小
- 在企业开发中&#xff0c;一定要慎用H系列的标签&#xff0c;特别是h1标签&#xff0c;在企业开发中一般情况下&#xff0c;一个界面只能出现一个h1标签&#xff08;和SEO有关&#xff09;
控制标题居左居右居中可以使用
但是并不推荐使用&#xff0c;在企业开发中一定不能使用&#xff0c;改变样式需要使用到css&#xff01;&#xff01;&#xff01;
P标签&#xff08;Paragraph&#xff09;
作用&#xff1a;
格式&#xff1a;
注意&#xff1a;
Hr标签&#xff08;Horizontal Rule&#xff09;
作用&#xff1a;
格式&#xff1a;
-
—— 单标签
注意&#xff1a; -
在浏览器中会单独占据一行
-
和
在HTML5中没有区别&#xff0c;但在XHTML中必须写成
-
按照高级开发工具的提示来写