HTML的全称 中文:超文本标记语言 英文:HyperText Markup Language
HTML是由W3C(万维网委员会李爵士创办的)组织指定规范
HTML历史版本
a.HTML 4.01
b.XHTML(xml HTML) 基于xml语言的,所有表情必须闭合 比较严格,区分大小写
c.HTML5 综合了4.01和xhtml
d.HTML5.1 最新版本,只是个别升级
ps:W3C(万维网委员会)根据浏览器的实际情况,总结文档,并不是凭空想象。比如谷歌说我的浏览器要实现某个功能,然后各家浏览器厂商开个会,然后跟W3C提,W3C根据实际清空,总结文档,并且发表。
元素里面也包含元素的属性。
还有一些特殊的元素
嵌套元素
<p><em>尼玛</em>你是猪吗?</p>
空元素
<img src="../img/123.jpg">
空元素标签没有结束标签,里面没有内容(也并不是没有内容,只是他的内容会遍替换),所以空元素可以理解成,里面的内容可以被替换的,大部分都是空元素
一个HTML文档的基本格式
<!DOCTYPE HTML>
这是一个HTML文档的声明,因为HTML文档是让浏览器解析的,这个声明的作用就是告诉浏览器我是一个HTML文档,按照解析HTML文件的方法来解析我。
<html></html>
所有东西的元素都要包含在这个标签对里面,他们有一个属性是 lang = "zh-cmn-Hans" 这个是告诉浏览器我是一个中文的网站,有利于浏览器去翻译和让视力有障碍的人,通过读屏器,听网站内容
<head></head>
这个是HTML文档的头部 ,里面的内容客户端是看不到的,里面包含有
<title></title> 作用是定义网页标签的名称
<meta> meta全称meatdata 可以理解成描述数据的数据,比较常用的几种形势如下:
<meta charset=utf-8> 这个的作用是告诉浏览器,用utf-8的编码格式来翻译我,如果没有这段话,网页就会出现乱码
<meta name="viewport" content="width=device-width,initial-scale=1.0"> 用来适配移动页面
<meta name="referrer" content"never"> 用来绕过一些服务器的限制,有些图片,在某些网站是有限制的,你不能随便用,用了这个标签,就可以绕过服务器的一些限制
<meta name="description" content="xxxxxxxxxxxxxxxxxxxxx"> 用来描述页面,这样可以让搜索引擎更好的找到页面。
<link> 这个标签是用来引用一些外部连接,比如CSS JS 和网页的标签页面的小ICON
<body></body>
客户端可以看到内容,都在body里面,可以包含很多元素,具体只说几个比较常用的,以后慢慢加
<a></a>
基本格式 : <a href="http://www.baidu.com">百度一下</a>
href 表示要跳转的连接,有时候也可以是#,如果是#的时候,就表示做锚点用
target:表示页面的打开方式,包括 _blank:在一个新的页面打开,_top在最前面打开。
mailto: 设置了这个值,当用户点击连接的使用,系统会默认打开系统的邮件系统,便于发邮件。
表格
表格的格式比较复杂,随便一下,以后用到,在搜好了
<table>
<thead>
<tr><tr>
<th><th>
<thead>
<tbody>
<tr><tr>
<td><td>
</body>
</table>
tr表示行 ,td,th表示列
未完待续.....