SU特别系列:用游戏的方式做酷炫的网站!分分钟搞定!全程高能!

W-design2017.08.12

HTML大讲堂

2

♡ HTML元素详解♡

不必担心你没有吃过栗子


Hello,米娜桑,我是你们亲爱滴苏苏

ヽ(•̀ω•́ )ゝ我们又见面了

今天为大家带来《HTML》的编程攻略之元素

真正的干货!祝你战力扶摇直上,走向人生巅峰,咩哈哈~!


先帮大家回忆一下上期的表单语法

那么本期为大家带来的是关于对元素的理解与记忆攻略,你将在以下内容中学到他们。

有我在,别方!

1.元素语法:

HTML文档由HTML元素定义。

如:

这是一个段落

这是一个链接

一个标题

这是文档

主体


定义水平线


这是换行

加粗

元素开始的标签常被称为起始标签(opening tag),结束的标签常称为闭合标签(closing tag)。如

HTML元素内容:

开始标签与结束标签之间的内容。某些HTML元素具有空内容。

HTML空元素:


就是没有关闭标签的空元素。在开始标签中添加斜杠,比如
,是关闭空元素的正确方法。即使
在所有浏览器中都是有效的,但使用
其实是更长远的保障。

不要忘记结束标签,即使大多数浏览器也会正确显示HTML,比如

这是一个段落

但不要依赖这种做法,忘记使用结束标签会产生不可预料的错误。别以身犯险哦~


这是一个段落

html定义的是整个文档,body是包在它里面的另一个元素

2.文档实例:

实例1:

以上实例包含了三个HTML元素,分别是元素、元素、

元素。

运行结果:

以上实例包含了七个HTML元素,分别是元素、元素、

元素、元素、元素、元素和


元素。

明白了么??

实例2:

结合上期的表单语法,我给大家演示下

运行结果:

以上实例包含了哪些元素??自己找哦~


实例3:

运行结果:

总结:

小苏是个过来人(语重心长的跟你说)是不是很锻炼我们的逻辑思维能力,但很有趣。想要给自己织一张完美的梦,就需要你增加上机练习的次数,俗话说“熟能生巧”,等你自己练熟了再回头总结时收获还是很多,温故而知新嘛!


好啦本次元素的讲解就到这里,《HTML大讲堂》每周五都会更新,大家有想要多多了解的攻略可以私信留言,小苏会筛选热度最高的话题来解析攻略噢~


头条号小苏的新媒体学习日记

视频教程,资源多多,福利满满

那么我们下期再见啦!



作者:苏木

神经病学姐,全职野生内容官,

什么都不懂,什么也不稀罕看,幼儿园文化。

一米6的身高,六米1的思想

出厂自带BGM


LOGO还在设计中........



网站设计首选华仕尊城设计http://www.w-vi.com

SU特别系列:用游戏的方式做酷炫的网站!分分钟搞定!全程高能!-网站建设

2017-08-12 07:44:00

您现在的位置:首页网站建设SU特别系列:用游戏的方式做酷炫的网站!分分钟搞定!全程高能!

HTML大讲堂

2

♡ HTML元素详解♡

不必担心你没有吃过栗子


Hello,米娜桑,我是你们亲爱滴苏苏

ヽ(•̀ω•́ )ゝ我们又见面了

今天为大家带来《HTML》的编程攻略之元素

真正的干货!祝你战力扶摇直上,走向人生巅峰,咩哈哈~!


先帮大家回忆一下上期的表单语法

那么本期为大家带来的是关于对元素的理解与记忆攻略,你将在以下内容中学到他们。

有我在,别方!

1.元素语法:

HTML文档由HTML元素定义。

如:

这是一个段落

这是一个链接

一个标题

这是文档

主体


定义水平线


这是换行

加粗

元素开始的标签常被称为起始标签(opening tag),结束的标签常称为闭合标签(closing tag)。如

HTML元素内容:

开始标签与结束标签之间的内容。某些HTML元素具有空内容。

HTML空元素:


就是没有关闭标签的空元素。在开始标签中添加斜杠,比如
,是关闭空元素的正确方法。即使
在所有浏览器中都是有效的,但使用
其实是更长远的保障。

不要忘记结束标签,即使大多数浏览器也会正确显示HTML,比如

这是一个段落

但不要依赖这种做法,忘记使用结束标签会产生不可预料的错误。别以身犯险哦~


这是一个段落

html定义的是整个文档,body是包在它里面的另一个元素

2.文档实例:

实例1:

以上实例包含了三个HTML元素,分别是元素、元素、

元素。

运行结果:

以上实例包含了七个HTML元素,分别是元素、元素、

元素、元素、元素、元素和


元素。

明白了么??

实例2:

结合上期的表单语法,我给大家演示下

运行结果:

以上实例包含了哪些元素??自己找哦~


实例3:

运行结果:

总结:

小苏是个过来人(语重心长的跟你说)是不是很锻炼我们的逻辑思维能力,但很有趣。想要给自己织一张完美的梦,就需要你增加上机练习的次数,俗话说“熟能生巧”,等你自己练熟了再回头总结时收获还是很多,温故而知新嘛!


好啦本次元素的讲解就到这里,《HTML大讲堂》每周五都会更新,大家有想要多多了解的攻略可以私信留言,小苏会筛选热度最高的话题来解析攻略噢~


头条号小苏的新媒体学习日记

视频教程,资源多多,福利满满

那么我们下期再见啦!



作者:苏木

神经病学姐,全职野生内容官,

什么都不懂,什么也不稀罕看,幼儿园文化。

一米6的身高,六米1的思想

出厂自带BGM


LOGO还在设计中........



网站设计首选华仕尊城设计http://www.w-vi.com

深圳网站建设首选华仕尊城  http://www.w-vi.com

W design values every chance to work with you.

A深圳市宝安区.宝源路.F518时尚创意园17栋西门2楼 T+86 0755 2955 5722 E10000@w-vi.com