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

html-css03

认识HTML一基础标签Hr标签,P标签,第1张

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标签的作用

html标签<p>是段落的意思,p是paragraph英文段落的缩写。<p >元素会自动在其前后创建一些空白。浏览器会自动添加这些空间,也可以在CSS样式表中规定。

<p>标签支持HTML中的全局属性和HTML中的事件属性。

超文本标记语言,标准通用标记语言下的一个应用。

“超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。

超文本标记语言的结构包括“头”部分(英语:Head)、和“主体”部分(英语:Body),其中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容。

扩展资料:

HTML的书写方式

一、编辑

HTMK其实是文本,它需要浏览器的解释,它的编辑器大体可以分为三种,

基本文本、文档编辑软件、微软自带的记事本或写字板都可以编写。也可以用WPS来编写,不过存盘时请使用.htm或.html作为扩展名,这样就方便浏览器认出直接解释执行了。

1、半所见即所得软件:

如:FCK-Editer、E-webediter等在线网页编辑器;

尤其推荐:Sublime Text代码编辑器(由Jon Skinner开发,Sublime Text 2收费但可以无限期试用)。

2、所见即所得软件,使用最广泛的编辑器,完全可以一点不懂HTML的知识就可以做出网页,如:

AMAYA(出品单位:万维网联盟);

FRONTPAGE(出品单位:微软);

Dreamweaver(出品单位:Adobe)。

所见即所得软件与半所见即所得的软件相比,开发速度更快,效率更高,且直观的表现更强。任何地方进行修改只需要刷新即可显示。

缺点是生成的代码结构复杂,不利于大型网站的多人协作和精准定位等高级功能的实现。

二、字符集

在网页中除了可显示常见的美国信息交换标准代码(外语缩写:ASCII)字符和汉字外,HTML还有许多特殊字符,它们一起构成了HTML字符集。有2种情况需要使用特殊字符,一是网页中有其特殊意义的字符,二是键盘上没有的字符。

HTML字符可以用一些代码来表示,代码可以有2种表示方式。即字符代码(命名实体)和数字代码(编号实体)。字符代码以“&”符开始,以分号""结束,其间是字符名,如&reg。数字代码也以“&#”符开始,以分号""结束,其间是编号,如®。

参考资料来源:w3school

百度百科-HTML                 

P段落,它是块元素,但不同于DIV这个块的,一般有些书上称之为区块元素。DIV是有长和宽等属性的,在HTML中形成一个区块。而块是不必具备长宽等属性的。显然,如果将P理解为行内是不对的,P中可以有很多个行,它不是能说是行内元素的。称其为块的原因是它有自己的诸如:line-height等行元素没有的东西。显然,可以把<a><br><sup>等称为行内元素,但说P倒是不合适的。而这里的块,所指的也非是内容上的块。而指的是文本或文本流中的块。也就是说P是表示有一块文本流。而DIV,不仅仅是文本流上的块,在显示上也形成了一个区域块。所以称DIV为区块或块是合适的!

所以单就文本流而言,P是一个块元素的。而单就HTML的实体表现上来说。DIV是一个能形成区块的块(区块)元素!但在实际的使用中,是没有必要将其分得很清楚的!大多的教材上还称P是块元素的原因,就是称其为行内元素没有根据,且不合适。