课时18.h标签和p标签以及hr标签(掌握)
程序员文章站
2022-09-14 10:38:20
如何在webstorm中利用快捷键创建一个新的html的文件? 同时按下键盘上的ctrl+alt+insert(windows) 同时按下键盘上的ctrl+alt+n(os) h标签系列(header1~header6) 作用:用于给文本添加标题语义 格式:
xxxxx
注意点: 如 ......- 如何在webstorm中利用快捷键创建一个新的html的文件?
同时按下键盘上的ctrl+alt+insert(windows)
同时按下键盘上的ctrl+alt+n(os)
- h标签系列(header1~header6)
作用:用于给文本添加标题语义
格式:<h1>xxxxx</h1>
注意点:
- h标签是用来给文本添加标签题语义的,而不是用来修改文本的样式的
- h标签一共有6个,从h1~h6,最多只能到6,超过6则无效(可以利用每一个h标签都独占一行,如果写到h7则会出现h7与h6标签并列,并且一样大小的情况)
- 被h系列标签包裹的内容会独占一行
- 在h系列的标签中,h1最大,h6最小
- 在企业开发中,一定要慎用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 />
注意点:在浏览器中会单独占据一行