html基础学习第二节:定义字体

 

标题标签的用法

大家都有经常看书,或者你上学的时候就有看过标题吧,一般书的某个章节就有个标题,有的甚至还有正标题和副标题,那么,正标题是不是比副标题字体要大呢?那么,这里就来告诉大家如何使用标题标签!标题标签从<h1>到<h6>这六个级别标签!大家可以看看下面的代码

<h1>这个是h1标题标签</h1>

<h2>这个是h2标题标签</h2>

<h3>这个是h3标题标签</h3>

<h4>这个是h4标题标签</h4>

<h5>这个是h5标题标签</h5>
<h6>这个是h6标题标签</h6>

在此说明一点,并不是所有浏览器都支持那么多级别的标题标签!不过一般的都是可以显示的!关于这几个标签我没什么废话好说,自己手动练习一下就可以了

<p>标签的定义用法

在编写html代码时,你用回车是不能定义换行和段落的,html不会把你的回车当做是换行或者段落,所以,这里我们需要一个标签来定义,就像手机空间写日志或者某些论坛发帖那要需要特定符号来定义,由于那些都是简易了的代码,所以每个网站都不同,可在html里面不同,都是统一的,好!我们下面来看看这个标签!

<p>第一段落</p>

<p>第二段落</p>

<p>第三段落</p>

大家可以看到!用<p></p>定义了一个段落!我们下面来看看换行

<br>标签的定义用法

<br>标签和<p>标签的定义不同,这是两个概念,下面来看一组代码!你就会了解

你好<br>
在吗?<br>

这里,<br>定义了换行,而不是段落,大家看到了吧?如果还不明白,请看下面

<p>标签和<br>标签的区分

在这里我们用一个东西对比一下

<p>你好</p>

<p>在吗?</p>

你好<br>
在吗?<br>

这里看到没有,对比一下就明显了吧!大家只要明白换行和段落的定义方法!至于什么时候要换行和什么时候用段落,这个相信你在小学的时候,或者平时多写代码的时候就会了解!你可以反复练习下,用<p>标签和<br>标签的不同

小结

这一节的内容不多,主要的难点在于<p>标签和<br>标签的使用!还有一定需要注意,就是在以后写代码的时候,<br>尽量写成<br />,因为在后面提到的xhtml里面,这一点有严格定义,单元素定义也必须封闭!比如以后我会讲到的关于图像引用的时候也会说这个封闭标签,养好习惯以后才不会放错误

课后练习

现在刚起步,主要靠自己掌握,以后有机会我会出题!你们可以自己用记事本或者文本文档结合上一节课来写代码,然后保存为xx.htm或者xx.html文件,然后用浏览器打开即可看到效果!主要多熟悉下换行和段落的定义用法

单词

这一节的单词不多,而且很容易记下来!标签如下<hx>,<p><br />

下面我来给大家列举一个普通代码

 

  1. <html>
  2.     <head>
  3.         <title>第一个html文件</title>
  4.     </head>
  5.     <body>
  6.         <p>段落定义</p>
  7.     </body>
  8. </html>

html基础学习第二节:定义字体

您可以选择一种方式赞助本站

支付宝扫一扫赞助

微信钱包扫描赞助

目前评论:3   其中:访客  0   博主  0   引用   1

  1. avatar 0

    那个换行的和换段的直接在后面写或就行了,不用在前面加,也不用加“/”

    • avatar yumanutong 5

      @ 谁说不要/的?xhtml里面严格规定必须有封闭标签,html可以不用,但是养成好的习惯是必须的!

评论加载中...

来自外部的引用: 1

  • 导读-HTML基础学习教程整合 | yumanutong blog

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

图片 表情