课时18.h标签和p标签以及hr标签(掌握)

2018-06-24 02:27:16来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

  • 如何在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 />

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

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:课时22.br标签(掌握)

下一篇:课时44.表单标签-input(掌握)