问HTML为何物,其实就是标记语言HTML
HTML
""" HTML(Hypertext Markup Language)超文本标记语言 它负责网页的三个要素之中的结构 HTML使用标签的的形式来标识网页中的不同组成部分 所谓超文本指的是超链接,使用超链接可以让我们从一个页面跳转到另一个页面 """
一个最基本的HTML页面
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>网页标题</title> </head> <body> <h1>网页正文</h1> </body> </html>
标签
""" HTML中的标记指的就是标签 HTML使用标记标签来描述网页 结构 <标签名>标签内容</标签名> <标签名 /> """
元素
""" 我们还将一个完整的标签称为元素 这里我们可以将元素和标签认为是一个同义词 <h1>一级标题</h1> 上边的h1我们就称为元素 <p>我是一个<em>段落</em></p> p也是一个元素,em是p的子元素,p是em的父元素 <body> <p><em>内容</em> </p> </body> body也是一个元素,body是p和em的祖先元素,和em是body的后代元素 """
属性
""" 可以为HTML标签设置属性 通过属性为HTML元素提供附加信息 属性需要设置在开始标签或自结束标签中 属性总是以名称/值对的形式出现 比如:name=“value” 有些属性可以是任意值,有些则必须是指定值 <h1 title="我是一个标题">标题</h1> <img src="" alt="" /> """
常见属性
""" id – id属性作为标签的唯一标识,在同一个网页中不能出现相同的id属性值 class – class属性用来为标签分组,拥有相同class属性的标签我们认为就是一组,可以出现相同的class属性,可以为一个元素指定多个class title – title属性用来指定标签的标题,指定title以后,鼠标移入到元素上方时,会出现提示文字 """
注释
""" HTML注释中的内容不会在网页中显示 格式: <!-- 注释内容 --> 合理的使用注释可以帮助开发人员理解网页的代码 注释不能嵌套 """HTML从哪来,又会到哪去 HTML的发展
HTML的发展
""" 1993年6月:HTML第一个版本发布 1995年11月:HTML2.0 1997年1月:HTML3.2(W3C推荐) 1999年12月:HTML4.01(W3C推荐) 2000年底:XHTML1.0(W3C推荐) 2014年10月:HTML5(W3C推荐) """
doctype
''' HTML总共有那么多的版本,而且这其中至少有三个版本在广泛使用,那么浏览器怎么知道我们在使用哪个版本呢? 为了让浏览器知道我们使用的HTML版本我们还需要在网页的最上边添加一个doctype声明,来告诉浏览器网页的版本 html4 过渡版 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 严格版 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 框架集 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> xhtml1.0 过渡版 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 严格版 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 框架集 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> html5 我们会发现html4.01和xhtml的文档声明十分的麻烦。不过不用担心,以上的内容都不是我们使用的,我们使用的是html5的文档声明,而且非常简单 <!DOCTYPE html> '''
怪异模式
""" 为了兼容一些旧的页面,浏览器中设置了两种解析模式 – 标准模式(Standards Mode) – 怪异模式(Quirks Mode) 怪异模式解析网页时会产生一些不可预期的行为,所以我们应该避免怪异模式的出现 避免的最好方式就是在页面中编写正确的doctype """
标签:网页,简介,元素,HTML,标签,class,CSS,属性 From: https://www.cnblogs.com/xuewei1995/p/16586681.html