Html概述

1.WWW

1.www万维网(World Wide Web)功能

功能:输入网址看到对应网页。

发明者:html之父Tim Berners-Lee,蒂姆·伯纳斯-李。李先生用自己写的浏览器访问了自己写的服务器,发明了www,html,http,url。

2.www如何实现

WWW=URL+HTTP+HTML

制作网页需要的知识:域名知识,HTTP服务器知识,HTML知识和其他知识。

  • URL:统一资源定位器(Uniform Resource Locator),因特网的万维网服务程序上用于指定信息位置的表示方法。网址
  • HTML:超文本标记语言(Hyper Text Markup Language),通过这些标签可以将网络上的文档格式统一。网页
  • HTTP:超文本传输协议(Hyper Text Transfer Protocol),是一个简单的请求-响应协议,指定了客户端发送给服务器不同消息对应不同响应。传输过程
  • WWW:万维网。(World Wide Web)www服务器通过html网页,利用链接从一个站点跳到另个站点。互联网的本质是信息共享。

3.互联网和万维网

区别:万维网是李先生发明,工作原理是输入地址跳转网页。互联网本质是IP与IP之间的相互操作,互联。由于互联网缺少这个功能,因此李先生基于互联网发明了万维网。

联系:两者的关系即,万维网是基于互联网实现了输入地址跳转网页的网络。

2.HTML5

1.html5概述

官方标准:World Wide Web Consortium (W3C)

权威文档:HTML5 - 术语表 | MDN

2.html5概念

  • 狭义html5含义:最新版html语言,大约110个标签。
  • 广义html5含义:html5技术集。

H5和html5:

手机页面统称H5,是一个产品名词。html5是一个标准,是一个技术名词。

3.html标签语法

<!DOCTYPE html>

文档类型声明。浏览器页面使用了哪种 HTML 版本。

<tag attr=value>内容</tag>

标签有内容,标签上可以添加属性。例:<div id=xxx>hi</div>,xxx/'xxx'/"xxx",属性的值三种合法写法。

<tag attr>内容</tag>

属性没有值。例:<input type='checkbox' checked>。

<tag attr=value>

单标签。例:<link rel="stylesheet" href="xxx.css">

  <!--  -->

注释,快捷键ctrl+/。


注:标签没有大小写区分。  <DIV></DIV>, <div></div>都是正确的,一般使用小写。

4.html排错

  • vscode提示/webstorm提示
  • W3C在线html5验证器
  • 命令行调试。全局安装yarn global add node-w3c-validator。在vscode终端使用命令node-w3c-validator -i index.html(文件路径),找错。使用的就是w3c的在线验证器。

5.html5思维导图

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值