认识HTML一基础标签Hr标签,P标签

H1~H6标签

例1 Hr标签的格式

 <!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>Hr标签</title>

</head>

<body>

<h1>这是标题 1</h1>

<hr/>

<h2>这是标题 2</h2>

<h3>这是标题 3</h3>

<h4>这是标题 4</h4>

<h5>这是标题 5</h5>

<h6>这是标题 6</h6>

</body>

</html>

格式:

<h1></h1>

<h2></h2>

<h3></h3>

<h4></h4>

<h5></h5>

<h6></h6>


作用:

H标签是用来给文本添加标题语义的,而不是用来修改文本的样式的。

H标签一共有6个,从H1~H6,最多就只能到6,超过6则无效。

被H系列标签包裹内容会独占一行。

在H系列的标签中H1最大,H6最小。

企业开发中只能有H1一个标签。

快捷键  

end键盘  跳到最后一行

如何让光标在多行闪烁

按住alt键,再按住鼠标左键不放,然后再拖动鼠标即可。

p标签

作用:

告诉浏览器哪些文字是一个段落。

格式:

<p></p>

示例

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>H1和H6标签</title>

</head>

<body>

<h1>这是标题 1</h1>

<hr/>

<h2>我是中国人</h2>


<h3>我是中国人</h3>

<h4>我是中国人</h4>


<h5>我是中国人</h5>


<h6>我是中国人</h6>

<hr/>

<p>我是中国人</p>

</body>

</html>

注意点:

在浏览器中,会单独占一行。


hr标签的作用

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,679评论 1 92
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,958评论 1 45
  • 学习目标: 了解常用浏览器 掌握WEB标准 理解标签语义化 掌握常用的排版标签 掌握常用的文本格式化图像链接等标签...
    Mr大喵喵阅读 5,279评论 0 4
  • 浏览器与服务器的基本概念 浏览器(安装在电脑里面的一个软件) 作用: ①将网页内容渲染呈现给用户查看。 ②让用户通...
    云还灬阅读 4,829评论 0 0
  • 学习目标: 了解常用浏览器 掌握WEB标准 理解标签语义化 掌握常用的排版标签 掌握常用的文本格式化图像链接等标签...
    淡淡疯阅读 4,990评论 0 3