Doge学HTML - 1

HTML 历史 与 认知

以铜为镜正衣冠,以人为镜明得失,以史为镜知兴替,了解一个新事物总是要知道他的历史比较好。

HTML (Hypertext Markup Language 超文本标记语言) markup与markdown都是简单文本标记的方式,都蛮好用,而且都可以用作html知识可以迁移。

历史轨迹

  1. 1993 IETF 非标准
  2. HTML 2.0
  3. HTML 3.2 首版W3C标准
  4. HTML 4.0 W3C
  5. HTML 4.01 最为广泛
  6. HTML 5 最新标准,浏览器并未完全支持

相关特点

  • HTML 是用来描述网页的一种语言。
  • HTML 指的是超文本标记语言: HyperText Markup Language
  • HTML 不是一种编程语言,而是一种标记语言
  • 标记语言是一套标记标签 (markup tag),这些tag不像xml,不是自定义的
  • HTML 使用标记标签来描述网页
  • HTML 文档包含了HTML 标签及文本内容
  • HTML文档也叫做 web 页面

开发工具

目前用的两款。
1. Notepad++
轻量级的编辑器,甚至自带ftp浏览器,宏功能很行。可以替代记事本的功能,体验不错。
Notepad++
2. SublimeText3
非常”性感”的编辑器,用过以后都说好,插件有点强,搭配Emmet (ZenCoding) Windows下单文件编辑简直无出其右。
Sublime

保存扩展名.htm或者.html

标签元素

  • HTML 标记标签通常被称为 HTML 标签 (HTML tag)。
  • HTML 标签是由尖括号包围的关键词,比如
  • HTML 标签通常是成对出现的,比如
  • 标签对中的第一个标签是开始标签,第二个标签是结束标签
  • 开始和结束标签也被称为开放标签和闭合标签
    养成良好的习惯,闭合标签。html很自由,这也显得语法很肮脏。有些标签不是一对而是只有一个类似于< /hr >这类。标签就是元素,可以标签是一个meta-variable而元素就是一个instance 比如< p >…< /p >。
<标签>内容</标签>
<!-- 长这样 -->

浏览器工具

浏览器可以解析Web文档,要写出好的html总是要了解一些浏览器信息,哈哈哈。
主流的有如下几款:
1. 大IE
Internet Explorer 浏览器,简称 IE 浏览器,是微软公司(Microsoft)发布的一款免费的 web 浏览器。
看很多人黑IE有时看着挺想笑,其实这些人一部分都是还在用着IE5,IE6的人,还有一部分是人云亦云,国内那几款也都是集成了ie与其他内核,摸着良心说IE10还是很不错的。
2. Firefox
Fire Fox 浏览器,中文名”火狐浏览器”,是来自 Mozilla 的一款免费的开源 web 浏览器,是跨平台的浏览器,开源插件很好用,集成的Firebug简直web debug神器。Mozilla 不是一款 web 浏览器!
Mozilla 是一个使用诸如 CSS、XML、RDF 等 web 标准来构建 web 应用程序的框架。
Mozilla 是一项开发用在 Mozilla 应用套件中的程序代码的非营利性的开源 web 开发项目。
Mozilla 应用程序套件是一套完整的 web 应用程序(浏览器、聊天客户端、新闻客户端、邮件客户端等等)。
3. Chrome
中文名”谷歌浏览器”,免费的开源 web 浏览器,它由 Google 开发,发布于 2008 年,用户体验真心很不错。
4. Safari 浏览器
2003-01-04,开始的项目,在此之前,Mac 系统使用 Netscape Navigator 或 Internet Explorer 作为其默认浏览器。遗憾的是Netscape2008年消失了,不过他是第一个商业化的浏览器,挺牛。Safari很清爽,苹果的ui不是吹。
5. Opera
欧朋,最小最快的浏览器!挪威最近与我国有缓和的气象,像我这爱国主义计系青年也是很欣慰。

其实还是要关注一些操作系统,屏幕分辨率以及其他的移动端等问题才能开发健壮的web页面。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值