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

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

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

原文地址:https://www.cnblogs.com/luckyshuangshuang/p/9144108.html

时间: 2024-10-05 02:02:46

课时18.h标签和p标签以及hr标签(掌握)的相关文章

struts标签、OGNL表达式、JSTL标签、EL表达式

Struts标签.Ognl表达式.el表达式.jstl标签库这四者之间的关系和各自作用 我之前虽然会用,但是一直分不清彼此之间有什么区别,所以查找资料,将它们进行整合区分,加深了解, 一 介绍 1.Struts2的作用    Struts2标签库提供了主题.模板支持,极大地简化了视图页面的编写,而且,struts2的主题.模板都提供了很好的扩展性.实现了更好的代码复用.Struts2允许在页面中使用自定义组件,这完全能满足项目中页面显示复杂,多变的需求. Struts2的标签库有一个巨大的改进之

标签简介和开发第一个标签

1 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> 2 <%@taglib uri="/itcast" prefix="itcast" %> 3 4 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN&quo

HTML5中新增的语义化标签,及在IE5.5~9(IE9已经开始支持部分HTML5新标签了)支持这些新标签的兼容性处理。

一.前言 本文将介绍HTML5中新增的语义化标签,及在IE5.5~9(IE9已经开始支持部分HTML5新标签了)支持这些新标签的兼容性处理. 目录一坨: 二.语义化标签:article.aside.time.mark.section.header.footer.hgroup.progress.figure.figcaption.nav.meter.output.details.summary.ruby和main   三.让IE5.5~9支持HTML5新标签 1. IE5.5~8下对于不支持的标签

这阵子开始入门学习html标签。下面是本人对标签的笔记分享给平台里面的大神们。需要各位大神补充还有那些常用标签。请留意指教 感激不尽

<p> </p> 段落标签 <h#> </h#>(1-6) 比trong更有重要性 标题标签 <title> </title> <strong> </strong> 强调标签 <b> </b> 加粗标签 </br> 特殊换行,没有开头 <img/>图片标签 列子: <img src=" "/> <a> </a>

table下属标签与标签中间不能加其他任何标签

今天设计网页,很想在table下面的caption下面加hr标签,不能正常解析,后来发现hr标签可以显示,但是用浏览器查看解析,发现hr在table上面进行了解析,不会再caption下面显示, 又连续在th和其他table下属的标签中实验,发现都不行,br span等标签同样不行,但是hr,br,span等标签可以在caption,th等标签中间进行正常解析. 总结:不要再table下属标签的外部进行使用其他标签,但是标签内部可以使用.

深入分析JavaWeb Item25 -- 自定义标签开发案例和打包自定义标签库

一.开发标签库案例 1.1.开发防盗链标签 1.编写标签处理器类:RefererTag.java package me.gacl.web.simpletag; import java.io.IOException; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import javax.servlet.jsp.JspException; import jav

3_Jsp标签_简单标签_防盗链和转义标签的实现

一概念 1防盗链 在HTTP协议中,有一个表头字段叫referer,采用URL的格式来表示从哪儿链接到当前的网页或文件,通过referer,网站可以检测目标网页访问的来源网页.有了referer跟踪来源就好办了,这时就可以通过技术手段来进行处理,一旦检测到来源不是本站即进行阻止或者返回指定的页面. 2页面中的转义字符 在HTML中,定义转义字符串的原因有两个:第一个原因是像“<”和“>”这类符号已经用来表示HTML标签,因此就不能直接当作文本中的符号来使用.为了在HTML文档中使用这些符号,就

关于hr标签兼容个浏览器的代码

hr标签,相信大家都能熟悉,我们一般用它来产生横线的效果.我们可以对它定义“颜色”.“高度”.“宽度”.“边框”等样式. 在此只讨论“颜色”和“边框”对于不同版本浏览器的兼容性. 颜色: 火狐.IE7+= :通过background-color来指定. IE6-= :通过color指定. 方案:要为hr指定颜色,同时使用background-color和color. 边框: IE7+= :如不指定border:none,那么浏览器默认会为hr加上一定宽度的边框. IE6-= :浏览器默认不会为其

认识&lt;hr&gt;标签,添加水平横线

在信息展示时,有时会需要加一些用于分隔的横线,这样会使文章看起来整齐些.如下图所示: 语法: html4.01版本 <hr> xhtml1.0版本 <hr /> 注意: 1. <hr />标签和<br />标签一样也是一个空标签,所以只有一个开始标签,没有结束标签. 2. <hr />标签的在浏览器中的默认样式线条比较粗,颜色为灰色,可能有些人觉得这种样式不美观,没有关系,这些外在样式在我们以后学习了css样式表之后,都可以对其修改. 3. 大家