各位下午好呀！我又来啦，我们今天正式讲前端的东西了，这一节，我会给大家讲述HTML基本的代码结构，话不多说，我们现在开始！
在我们学习其他语言时，总会学到一个程序，就叫helloworld，那么我们前端的helloworld怎么写呢，请看下面
<p>hello wrold!</p>
那么有同学会问了，你确定这是代码，变量呢，函数呢，我在这里只想说：我也不知道，别问我为啥，你去问HTML作者呀！
那么通过上面的例子，我们可以看出HTML的语法是一个尖角号，中间写文字，一个尖角号加斜杠结尾，就是那么简单，当然，只是ＨＴＭＬ那么简单，等你学到ｃｓｓ后你就会知道什么叫做真正的语法和代码规范。
那么，有标签，就会有属性，那么在ＨＴＭＬ中如何添加属性呢，请看以下代码
＜标签 属性＝＂属性值＂＞内容＜／标签＞
那么结构就在这里了，我相信大家都会学以致用，那么我们接下来就把ＨＴＭＬ的常用标签以及属性列给大家，基础标签就是这些，下一节我们一起去了解高级标签
| 标签 | 作用 |
|---|---|
| ｈ１～ｈ６ | 标题，数字越小，文字越大 |
| ａ | 链接标签 |
| ｉｍｇ | 引入图片 |
| ｂｒ | 换行，没有尾标签，只有头标签 |
| ｈｒ | 下划线标签，没有尾标签，只有头标签 |
| ｐ | 段落标签，自动换行 |
| ｄｉｖ | 划分标签，方便维护 |
| ｓｐａｎ | 划分标签，方便维护 |
当然，我们还有语言的基本结构，那么ＨＴＭＬ的基本结构看下方：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
</body>
</html>
首先，我们看第一行，叹号开头的那个，这个标签是告诉我们这个代码是ＨＴＭＬ代码，里面要写ＨＴＭＬ的语言代码，写别的不好使，
其次，ＨＴＭＬ标签我就不多说了，当然我们的ＨＴＭＬ文档是在这里写呀，要不然你写个马虾呀！
其次我们看ｈｅａｄ和ｂｏｄｙ标签，这两个标签看名字就知道是写代码的，ｈｅａｄ标签我们普通人是看不到的，而ｂｏｄｙ标签中写的东西就是给我们普通人看的，
在和阿呆标签中有两个标签，分别是ｍｅｔａ标签和ｔｉｔｌｅ标签，我们一次介绍，首先，ｍｅｔａ标签，这是设置我们ＨＴＭＬ的标签，主要负责各种跟浏览器底层打交道的地方，比如设置字符，那么现在这个ｃｈａｒｓｅｔ属性就是设置字符集的属性，直接写ｕｔｆ－８就可以，之后，我们们的ｔｉｔｌｅ标签是设置我们网站上边的小眉页的，在ｔｉｔｌｅ标签中写的东西，都会在网站上边的小眉页中展示出来，
那么今天的这篇文章就到这里了，喜欢的一键三连哟，我们明天再见！ｂｙｅ！
1306
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
