【Html基础】之<h1>~<h6> <p> <br> <hr>

学习html无从下手,就在w3school的html手册按着教程学习了下。

什么是html?

html是指超文本标记语言,即Hyper Text Markup Language

html不是一种编程语言,是一种标记语言(markup language)

标记语言是一套标记标签(Markup tag)

html使用标记标签来描述网页

我们随便打开一个网页,鼠标点击右键=>查看网页源代码,即可看到html网页的标记语言。

html的组成:html由标签和文本组成,通常我们将它称之为html文档,也叫做网页。浏览器读取html文档兵役网页的形式显示他们(注释不会显示)

html标签是由尖括号包围的关键词,通常成对出现,一个是开始标签(开放标签)一个是结束标签(闭合标签)向<br> 和<hr>标签是单个标签。

<h1>~<h6>定义

html标题<h1>到<h6>定义的标题依次减小,此标签还有个可选属性(不赞成使用):align,选择对齐方式(属性值有left左对齐,center中心对齐,right右对齐, justify两端对齐)。比如:

<h1 class="h1" align="left">这是标题h1 | 应用属性align="left"</h1>
<h2 class="h2" align="center">这是标题h2 | 应用属性alig="center"</h2>
<h3 class="h3" align="right">这是标题h3 | 应用属性align="right"</h3>
<h4 class="h4" align="justify">这是标题h4 | 应用属性align="justify"</h4>
<h5 class="h5">这是标题h5</h5>
<h6 class="h6">这是标题h6</h6>

效果显示如下:

<p>标签定义段落

和上面一样它也有个align属性,也是不赞成使用。

<p align="left">这是段落。align="left"</p>
<p align="center">这是段落。align="center"</p>
<p align="right">这是段落。align="right"</p>

<p align="justify">段落元素由 p 标签定义。</p>

上面的效果如下:

<br>定义简单的折行

它有clear属性。通常情况下,<br> 标签会告诉浏览器立即停止当前的文本流,并在下一行的左边,或者在左对齐的内联图形或表格的右边开始继续输出文本流。文本流中的其他行会在内联图像的底部显示,除非图形的 <img> 标签被设置为左对齐或右对齐(对于 <table> 标签也一样)。因此,<br> 标签的 clear 属性只对这些左对齐或右对齐的图像或表格起作用。

具体的实例请看<br> 标签的 clear 属性

<hr>定义水平线

它有四个可选属性:align(和上面一样,但是没有justify属性值),noshade(属性值为noshade),size,width

后三个分别规定了hr 元素的颜色呈现为纯色,hr 元素的高度(厚度),hr 元素的宽度。举例:

<p>noshade规定hr 元素的颜色呈现为纯色, 属性设置为 noshade="noshade" 如下:<hr noshade="noshade"></p>
<p>size规定 hr 元素的高度(厚度), 属性设置为 size="20" 如下: <hr size="20"></p>
<p>width规定 hr 元素的宽度, 属性设置为 width="800" 如下: <hr width="800"></p>
<p>或者 width="50%": <hr width="50%"></p>

显示如下:

html标签有许多通用的属性,包括16种标准属性和79种事件属性。标准属性中常用到的只有class,id,title这几个(class几乎每个标签都要用到),事件属性用到的就多了,这里就不列举了。大家可以自行插看。

时间: 2024-10-17 05:07:01

【Html基础】之<h1>~<h6> <p> <br> <hr>的相关文章

&lt;h1&gt;~&lt;h6&gt;标题标签

概念:表示一段文字的标题(主题),并支持多层次的内容结构. 源码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><

HTML 标题&lt;h1&gt;-&lt;h6&gt;

定义和用法 <h1> - <h6> 标签可定义标题.<h1> 定义最大的标题.<h6> 定义最小的标题. 由于 h 元素拥有确切的语义,因此请您慎重地选择恰当的标签层级来构建文档的结构.因此,请不要利用标题标签来改变同一行中的字体大小.相反,我们应当使用层叠样式表定义来达到漂亮的显示效果. 标题样式h1~h6默认加粗显示:font-weight:bold;.默认大小请参上表还有是这样的写的h1 {font-size:xx-large;}h2 {font-si

&lt;h1&gt;~&lt;h6&gt; 标题标签

<h1>~</h6>标题系列标签 解释:h1到h6 中h1标签最大,h6标签最小,逐一递增. 例如: <h1>标签</h1> <h2>标签</h2> <h3>标签</h3> <h4>标签</h4> <h5>标签</h5> <h6>标签</h6> 显示效果: 我是h1 我是h2 我是h3 我是h4 我是h5 我是h6 原文地址:https:/

html5 分组标签 br hr p div blockquote figure u lol pre

<br>    换行, 单标签 <hr>    分割线,水平线 <p>    段落, 有<br>换行功能, 而且行距会比普通换行要宽. <div>    通用分组, 看上去和<br>是完全一样的. 但是br是单标签, 双标签是可以控制内容的属性的. <blockquote>    页边缩进. 引用整块文字的段落, 多用于转换场景意境的引用. 多用于正规书籍出版, 或者微信平台美化. <pre>    按照编辑器

(007)XHTML文档之标题——&lt;h1&gt;~&lt;h6&gt;

XHTML文档之标题——<h1>.<h2>.<h3>.<h4>.<h5>.<h6> 一.引言 标题用于引入新的一节内容.xhtml提供了6个级别的标题元素,用来表示标题的相对重要性或它在文档层次体系中的级别(及尾随其后的相关内容的重要性或级别). 二.标题标签的用法 h1元素用来标明顶级元素——页面上最重要的标题.因为逻辑上只能有一个“最重要的”标题,所以习惯上一个文档中h1只出现一次,通常用于网站的名称或所浏览的网页的标题.这并不是

前端的基础HTML

目录 前端的起步认识 前言: 什么是前端? 为什么要学前端 如何学习前端 软件开发架构 wed 服务的本质 HTTP协议 请求方式 HTML 什么是URL? body内常用标签 body常用标签 列表标签 ul ol dl 表格标签(要点) 表单标签(要点)form标签 能够触发form表单提交数据的按钮(***) 个人简历表: 标签的分类 1.块儿级标签 2.行内标签 u s i b span @ 前端的起步认识 前言: 跟python一毛钱关系都没有,逻辑较少 记忆居多. 什么是前端? 任何

HTM L+CSS所学基本知识点

1.html制作页面的结构,由head和body构成. 2.CSS为页面的显示样式,可以控制页面中的元素的位置,颜色,大小等. 3.html代码注释方式<!--代码注释部分--> 4<head>   <body>   <div>  <h1>-.......<h6>  <p>  <br>  <hr>   <span>   <pre>  <strong>   <

HTML5学习小结

HTML5是用于取代1999年所制定的 HTML4.01和XHTML1.0标准的HTML标准版本.HTML5的第一份正式草案已于2008年1月公布:2012年12月,规范已经正式定稿.W3C计划在2014年底发布HTML5推荐标准,在2016年底发布HTML5.1推荐标准.HTML5有两大特点:强化了Web网页的表现性能:追加了本地数据库等功能. HTML5向前兼容,只去除很少的部分,比如<frame><font>等.HTML5面向移动,支持IP,GPS,WIFI MAC,GSM/

前端篇-Day40

01-访问网站与HTML 02-HTML .CSS 与JS的关系(网站组成的三要素,类比皮影戏去理解) 03-标签的构成和其属性 04-head标签 05-基本标签(1) 06-基本标签(2) 07-块级标签和内联标签 08-img标签和a标签 09-列表标签 09-table标签 10-form标签 11-通过form向后端发送数据 12-文件上传 13-select标签 14-今日总结和作业 01-访问网站与HTML 1.日常是通过浏览器访问网页的,常用浏览器推荐:谷歌.火狐及IE(Edge