html光标跳到下一行用回车键_用你现有的知识—学会网络—通俗易懂!(2)

9861c822d0610501b0e7ce48f49f871c.png

在上篇文章中,我简单介绍了下网站构建需要学习涉及的知识点,本章内容将重点讲解:HTML的元素。

什么是HTML的元素呢?

上文已经提到:HTML元素就是HTML语言的关键词及关键词的属性。

编写HTML代码其实就是编写HTML的关键词,并给这些关键词附加属性,从而实现Web读取代码信息后,呈现给用户关键词属性。

例如:<p>我的第一个段落</p>

这句的关键词是什么呢?P!它的属性是什么呢?给它一个开始和结束标签:<p>和</p>并解释“我的第一个段落”文本。让谁解释?让Web解释。

因此,可以这样理解:HTML元素从开始标签起到结束标签止,所有的代码都是HTML的元素。

HTML的元素特性:

1. 以开始标签开始,以结束标签结束;如:<p>与</p>。

2. 开始与结束标签之间的内容,是元素的属性,也可以理解为元素的内容

3. 某些HTML元素具有空属性,也就是零内容。记住:所有的网络语言,如C、java、HTML等都有的概念。就好比普通话中有“有”这个字,就有“无”这个字。例如:你没买某件衣服,当别人问你时,你可以说没有,但不能不说话。也就是说:空属性也是一种属性,需要的时候也要存在,可以理解为非空属性是实属性空属性是虚属性。

<br>就是没有关闭标签的空属性,它定义的是换行。如:

50d64805d7b3f37f6e34847b40ca886e.png

<html>

<body>

<p>第一段</p>

<br/>

<br/>

<p>第二段</p>

</body>

</html>

我在此中换了两次行,如果没有<br/>会是什么情况呢?你可以自己去尝试一下。

很多读者在此已经发现了:为什么写成<br/>,而不是<br>和</br>呢?

其实以前写成<p>第一段 发现没有</p>某些Web浏览器也能正常读取和运行代码,那是因为某些浏览器能自动补上</p>,但这样书写显然是不规范的,未来没有结束标签就会显示错误,因此还是要养成规范书写。

而空属性有一个特性,在开始标签中关闭。以前人们有这样书写的<br>...</br>,但随着HTML语言的完善和进步,<br/>将变得越来越规范。就好比:编写文字文档(txt格式),你需要点击光标,开始书写“我今天吃饭了”,光标会从开始走到最后,而换行就按下“回车键”即可,光标会回到下一行的开始。

例如:

这样能理解空属性了吗?

例子1:没有<br>标签

<html>

<body>

<p>第一段</p>

<p>第二段</p>

<p>第三段</p>

</body>

</html>

aea00a473f6d8bc6cc9a284fd256a546.png

例子2:用<br>...</br>

<html>

<body>

<p>第一段</p>

<br>

<p>第二段</p>

</br>

<p>第三段</p>

</body>

</html>

907bc817be0d9894bbdf1dc345b6b6bd.png

例子3:用<br/>

<html>

<body>

<p>第一段</p>

<p>第二段</p>

<br/>

<p>第三段</p>

</body>

</html>

e8b38e5d62fec914f94965b060b1aaf8.png

例子4:用<br>和</br>

<html>

<body>

<p>第一段</p>

<p>第二段</p>

<br></br>

<p>第三段</p>

</body>

</html>

bff1f4b0015abd0583e6789754447eda.png

在例子3与例子4比较,例子4的第二段与第三段之间的距离,比例子3多了一空行,什么原因呢?大家可以从这个角度理解:<br>就是占了一行,从<br>开始换行,到</br>结束换行,开始到结束中间还有一行。

写成<p>第二段</p><br></br> 与

<p>第二段</p>

<br></br>

同行与换行书写<br></br>是不是一样呢?大家可以实际操作一下,可以告诉大家效果一样。

大家再看两个例子:

<html>

<body>

<p>第<br/>一段</p>

<p>第<br/>二<br/>段</p>

<p>第三段</p>

</body>

</html>

0f75da2e2d58505ddb2b0aa495d7d794.png

<html>

<body>

<p>第<br>一段</br></p>

<p>第<br>二</br>段</p>

<p>第三段</p>

</body>

</html>

0f75da2e2d58505ddb2b0aa495d7d794.png

结果一样!这样写是不是很省事?这也是日后规范性书写的一个目的性之一!

总之,通过例子可以知道:<br>是没有关闭标签的空属性,空属性如果要关闭标签在开始标签关闭即可,规范书写为<br/>,即以开始标签的结束而结束。

4. 大多数HTML元素可以嵌套,即可以包含其他的元素标签。如:例子:<br><p>第二段</p></br> ;元素标签<br>...</br> 可以包含<p>...</p>。

既然是大多数,就表示还有小部分是不能嵌套的。如:<br/>,如果例子写成<br.../>会怎么样呢?如:<br <p>第二段</p> />,运行就会多出一个/>,且不会换行。

5. 区分大小写

很多人对这个特性不太感冒,原因在于很多浏览器对某些代码不支持大小写,也就是说某些代码大写、小写在某些浏览器中效果一样。但是,本着规范的原则,在日常中就要注意大小写,因为在HTML的发展中,大小写一定会被强制的。因为C语言强制,所以很多语言都会向C语言靠拢,这也是语言丰富的需要。

好了,本章内容到此为止,主要是让大家了解HTML的元素特点,下篇将讲解HTML元素属性。如:name=”value”(

36977c3fef3841b0e1f04ccf0d293e89.png

输入状态) 整个都是HTML元素,name是属性的名称,value 是属性的值。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值