HTML基本知识

2017-12-04  本文已影响0人  lapalanD

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根据实际清空,总结文档,并且发表。

html一个元素的结构

元素里面也包含元素的属性。
还有一些特殊的元素
嵌套元素

<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表示列

未完待续.....

上一篇 下一篇

猜你喜欢

热点阅读