这个账号呢我们要做一个计算机语言的基础教程,我们会尽量做到简单易懂,从最基础的入门开始,让想学习计算机语言的朋友可以入门到这个领域。
上一节我们讲的是HTML标签的head标签中的内容,head标签中有三个比较重要的:
<title>HTML标题</title> <!--网页标题标签-->
<meta charset="utf-8"/> <!--网页解析编码格式配置-->
<meta http-equiv="content-type" content="text/html;charset=utf-8"/> <!--文档编码格式设置-->
这三个是必须记住的,其他的先做了解即可。
这一节我们主要学习<body>标签,<body>标签里边的内容相对来说比较多,也是HTML文档的主题,我们看到的页面内容基本都是<body>标签里边的。
<body>标签元素定义文档的主体,包含文档的所有内容,比如文本、超链接、图像、表格和列表等等。由于<body>标签元素较多,本次我们首先讲一下文本标签:
HTML 标题(Heading)标签:
HTML 标题(Heading)标签是通过 <h1> - <h6> 等标签进行定义的。
我们可以看到标题标签有6个,自带换行功能且会将其中的数据样式变粗、变大,从h1到h6依次减弱,这里要注意的是标题标签只有6个,没有h7。这里我们再说一个标签属性align="center",例如标题可以写成<h1 align="center">这是标题1</h1>,此标题就会居中显示。如下图效果:
当然align还有left、right两种效果,align属于标签的属性,属性是对标签的功能进一步的补充,可以由开发人员自由指定标签的属性值,来达到想要的显示效果。需要注意的是HTML标签中大多数的属性再实际开发中都会使用CSS来代替,CSS我们后续会详细讲解。
HTML水平线<hr>标签:
<hr> 标签在 HTML 页面中创建一条水平线。
水平分隔线,可以在视觉上将文档分隔成各个部分。<hr> 标签属性有width="宽度" 设置水平线的宽度,size="高度" 设置水平线的高度,color="颜色" 设置水平线的颜色等。
HTML <p> 段落标签:
<p> 标签定义段落,会将一段数据作为整体进行显示,主要是进行css和js操作时比较方便,会自动换行。
HTML换行符<br>:
告诉浏览器需要在此位置换行,<br> 标签是空标签(意味着它没有结束标签,因此这是错误的:<br></br>)。在 HTML 中,把结束标签放在开始标签中,也就是 <br />。
HTML空格符:
:告诉浏览器在此位置增加空格:
HTML权重标签:
<b>:会将内容加黑显示,<i>:会将内容斜体显示,<u>:会将内容增加下划线,<del>:增加中划线,以上标签不会自动换行,并且可以嵌套使用:
今天呢我们讲的是HTML的body标签-文本标签的常用标签,以下给是大家粘一段代码方便复制:
<html>
<head>
<title>HTML的body标签-文本标签学习</title>
<meta charset="utf-8"/>
</head>
<body>
<!--标题标签-->
<h1 align="center">这是标题</h1>
<h2>这是标题</h2>
<h3>这是标题</h3>
<h4>这是标题</h4>
<h5>这是标题</h5>
<h6>这是标题</h6>
<hr width="600px" size="20px" color="red" align="left"/>
<p>hr 标签定义 水 平 线:</p>
<p>这是<b>段落</b>。</p>
<p>这是<i>段落</i>。</p>
<p>这是<u>段落</u>。</p>
<p>这是<del>段落</del>。</p>
</body>
</html>
在浏览器显示效果: