各位下午好呀!我又来啦,我们今天正式讲前端的东西了,这一节,我会给大家讲述HTML基本的代码结构,话不多说,我们现在开始!
在我们学习其他语言时,总会学到一个程序,就叫helloworld,那么我们前端的helloworld怎么写呢,请看下面
<p>hello wrold!</p>
那么有同学会问了,你确定这是代码,变量呢,函数呢,我在这里只想说:我也不知道,别问我为啥,你去问HTML作者呀!
那么通过上面的例子,我们可以看出HTML的语法是一个尖角号,中间写文字,一个尖角号加斜杠结尾,就是那么简单,当然,只是HTML那么简单,等你学到css后你就会知道什么叫做真正的语法和代码规范。
那么,有标签,就会有属性,那么在HTML中如何添加属性呢,请看以下代码
<标签 属性="属性值">内容</标签>
那么结构就在这里了,我相信大家都会学以致用,那么我们接下来就把HTML的常用标签以及属性列给大家,基础标签就是这些,下一节我们一起去了解高级标签
标签 | 作用 |
---|---|
h1~h6 | 标题,数字越小,文字越大 |
a | 链接标签 |
img | 引入图片 |
br | 换行,没有尾标签,只有头标签 |
hr | 下划线标签,没有尾标签,只有头标签 |
p | 段落标签,自动换行 |
div | 划分标签,方便维护 |
span | 划分标签,方便维护 |
当然,我们还有语言的基本结构,那么HTML的基本结构看下方:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
</body>
</html>
首先,我们看第一行,叹号开头的那个,这个标签是告诉我们这个代码是HTML代码,里面要写HTML的语言代码,写别的不好使,
其次,HTML标签我就不多说了,当然我们的HTML文档是在这里写呀,要不然你写个马虾呀!
其次我们看head和body标签,这两个标签看名字就知道是写代码的,head标签我们普通人是看不到的,而body标签中写的东西就是给我们普通人看的,
在和阿呆标签中有两个标签,分别是meta标签和title标签,我们一次介绍,首先,meta标签,这是设置我们HTML的标签,主要负责各种跟浏览器底层打交道的地方,比如设置字符,那么现在这个charset属性就是设置字符集的属性,直接写utf-8就可以,之后,我们们的title标签是设置我们网站上边的小眉页的,在title标签中写的东西,都会在网站上边的小眉页中展示出来,
那么今天的这篇文章就到这里了,喜欢的一键三连哟,我们明天再见!bye!