![eff69ff83aa3a536a1bd3343b785314b.png](https://i-blog.csdnimg.cn/blog_migrate/95bac12213dc196caddfc9b8924994f9.png)
写在开头:
为了让自己长久的舒服,一定要阶段性的让自己不舒服
---小道理
1.什么是HTML?
html并不是一种编程语言,而是一种用于定义内容结构的标记语言。HTML 由一系列的元素(elements)组成,这些元素可以用来包围不同部分的内容,使其以某种方式呈现或者工作。一对标签( tags)可以为一段文字或者一张图片添加超链接,将文字设置为斜体,改变字号,等等。
例如:
前端小萍
可以将这行文字实现加粗的效果:
![f5ebba6c0a288529efe88a998712432c.png](https://i-blog.csdnimg.cn/blog_migrate/1c2a077060b9caabe79e9e1e2be8a710.png)
2.HTML 版本?
HTML是用来标记Web信息如何展示以及其他特性的一种语法规则,它最初于1989年由CERN的Tim Berners-Lee发明。HTML基于更古老一些的语言SGML定义,并简化了其中的语言元素。这些元素用于告诉浏览器如何在用户的屏幕上展示数据,所以很早就得到各个Web浏览器厂商的支持。
HTML历史上有如下版本:
①HTML 1.0:在1993年6月作为互联网工程工作小组(IETF)工作草案发布。
②HTML 2.0:1995年1 1月作为RFC 1866发布,于2000年6月发布之后被宣布已经过时。
③HTML 3.2:1997年1月14日,W3C推荐标准。
④HTML 4.0:1997年12月18日,W3C推荐标准。
⑤HTML 4.01(微小改进):1999年12月24日,W3C推荐标准。
⑥HTML 5:HTML5是公认的下一代Web语言,极大地提升了Web在富媒体、富内容和富应用等方面的能力,被喻为终将改变移动互联网的重要推手。
一般先学习HTML,后学css
3.HTML 元素详解
"HTML 标签" 和 "HTML 元素" 通常都是描述同样的意思.
但是严格来讲, 一个 HTML 元素包含了开始标签与结束标签,如下:
![38af06f7a37c54f0f82ec42b75bfaabf.png](https://i-blog.csdnimg.cn/blog_migrate/1402f3d9ec1378c04880494435069db7.png)
这个元素的主要部分有:
1.开始标签(Opening tag):包含元素的名称(本例为 strong),被大于2.号、小于号所包围。表示元素从这里开始或者开始起作用 3.结束标签(Closing tag):与开始标签相似,只是其在元素名之前包含了一个斜杠。这表示着元素的结尾 初学者常常会犯忘记包含结束标签的错误,这可能会产生一些奇怪的结果。 4.内容(Content):元素的内容,本例中就是所输入的文本本身。 5.元素(Element):开始标签、结束标签与内容相结合,便是一个完整的元素。 元素也可以有属性(Attribute):![b3890a24fd06ab31d03761f2e424b034.png](https://i-blog.csdnimg.cn/blog_migrate/0c1f72266e81e0fc3f9279aef232129c.png)
本例中,class 是属性名称,pingping 是属性的值 。class 属性可为元素提供一个标识名称,以便进一步为元素指定样式或进行其他操作时使用。
注:HTML 标签不区分大小写。也就是说,输入标签时既可以使用大写字母也可以使用小写字母。例如,标签
3.HTML 页面结构
<html><head><meta charset="utf-8"><title>前端小萍title>head><body> <h1>html并不是一种编程语言h1> <p>而是一种用于定义内容结构的标记语言p>body>html>
声明为 HTML5 文档
元素是 HTML 页面的根元素
定义网页编码格式为 utf-8。 元素描述了文档的标题 元素包含了可见的页面内容元素定义一个大标题
元素定义一个段落
今天先写这些,对HTML结构大概有个认知
--NED--
扫码关注我们
微信号 : P2-Leo
新浪微博:是仙女萍吖
![3c878d28d972a6132dd8f64cdb37e53d.png](https://i-blog.csdnimg.cn/blog_migrate/1b0a828dc2bc841704c4a5217c7cf12b.jpeg)
![3efca56a35b46654c84631b0cec3bfbb.gif](https://i-blog.csdnimg.cn/blog_migrate/b49c6cb2452bd8cd36e0a8bab30a9f94.gif)
球分享
![3efca56a35b46654c84631b0cec3bfbb.gif](https://i-blog.csdnimg.cn/blog_migrate/b49c6cb2452bd8cd36e0a8bab30a9f94.gif)
球点赞
![3efca56a35b46654c84631b0cec3bfbb.gif](https://i-blog.csdnimg.cn/blog_migrate/b49c6cb2452bd8cd36e0a8bab30a9f94.gif)
球在看
点击给我留言哦