HTML基本知识

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

未完待续.....

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 212,332评论 6 493
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,508评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 157,812评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,607评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,728评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,919评论 1 290
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,071评论 3 410
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,802评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,256评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,576评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,712评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,389评论 4 332
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,032评论 3 316
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,798评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,026评论 1 266
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,473评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,606评论 2 350

推荐阅读更多精彩内容