浏览器,昵称世界之窗,是上篇提到的标准和规范的一部分。
那个时候,火狐还叫NetScape(网景)这个名字,它将在以后的几年和IE拼得你死我活。那个时候,Google还没有出生,更别提Chrome了。
浏览器之所以是标准和规范中的一部分,是因为浏览器直接实现了许多标准和规范,譬如展现一个表格、一个按钮、一幅居中的图片。
标准和规范的核心内容之一就是HTML。
HTML是一种通用标记语言,标记语言可以这样通俗地解释:它主要包含两个部分即我是什么,我的内容是什么。通用意味着HTML与平台和操作系统无关,无论在Mac、PC还是平板电脑上都能被解析和展现。
随意打开一个网页,单击右键查看源文件你就能看到冗长的HTML。
”我是什么“通过标签——Tag定义,标签用<>表示,所有标签基本都是成对出现的:比如<html>...</html>。以"</"打头的标签代表标签的结束。
"..."是标签中的内容,即“我的内容是什么”。
例如<h1>(heading NO.1)代表一个标题(<h1><h2><h3><h4>...都是同一个家族里的标签,标题的字号大小随数字的增大减小,h1最大),现在你需要在空白的网页里写下一个大大的标题——“鸽子的晚餐”。
我们遵照上面的规则进行:
<h1>(我是一个标题,这个是标签定义的开始)
    鸽子的晚餐(我是标题里的内容)
</h1>(我说完了,标签定义结束了)
源码:
<h1>鸽子的晚餐
</h1>

p.s <h1>后的换行,鸽子前的空格锁紧(一般3到4个空格)都是约定俗成的,能让“代码”的阅读者一眼就可以区分标签定义和标签内容,当然写作:

<h1>鸽子的晚餐</h1>

也可以,而且这种写法更为常见。

将源码复制到写字板中,“另存为”为html类型。打开文件,就可以看到如下的效果:
为了充分说明标记语言中“标记”的特性,我们请出标题系列的其他兄弟:<h2><h3><h4>,仍然按照之前的规则。
源码:
<h1>鸽子的晚餐
</h1>
<h2>鸽子的晚餐
</h2>
<h3>鸽子的晚餐
</h3>
<h4>鸽子的晚餐
</h4>

效果:
我们发现同样内容的tag,其展现形式是通过tag也就是标签的类型“标记”的,展现通过浏览器来完成,也就是上文里提到的解析过程:确实达到了精简传输信息量的目的(比如h1包含了字体大小,展现方法等很多信息)。
然后再提供一些tag:<ol>(ordered list)是有序的列表,<li>是列表中的每个项。
源码:
<h1>鸽子的晚餐
</h1>
<ol><li>香辣鸽子</li><li>红烧鸽子</li><li>原味炖鸽子</li>
</ol>

效果:
上面的结构中已经出现了一个标签包含其他标签们的情况,<ol>的内容是3个<li>,第一个<li>的内容是“香辣鸽子“。先卖一个关子,后面再了解这种嵌套结构。
想了解更多的标签,可以参看W3CSchool的教程, http://www.w3school.com.cn/html5/html5_reference.asp。这部分纯粹是记忆活,用多了自然可以信手拈来。
“编写HTML是否是在编程”(或者说HTML是否是程序设计语言)这个问题一直没有定论,笔者倾向认为“编写HTML并非在编程”,具体原因先记在账本上,稍后按揭。不过可以片面地解释一下,编程是较为理性的;用HTML搭建页面,如艺术创作一般是较为感性的。
待续

转载于:https://www.cnblogs.com/suncoolcat/p/3395440.html

写给大家的编程书(2)相关推荐

  1. 写给大家的编程书(3)

    网页设计师是一个正在消失的职业.工具推陈出新,工作更加专业和颗粒化,加之互联网技术的普及,这群人中的多数经历过一场辛酸地技术性失业. 当然,回到当初.网页设计一度是文科森和艺术家们的阵地,那个时候ph ...

  2. 写给大家的编程书(7)

    CSS--传送石_(:з」∠)_(真名是级联样式表),是一项从内容中分离样式的标准化技术. 这个技术比以后将要介绍到的javascript来得不纠结很多,没有经历多少无硝烟的战争(可以参看微软和网景的 ...

  3. c++ 读陈黎娟的《C、C++实践进阶之道,写给程序员的编程书》所感--关于变量的类型与引用

    最近在看陈黎娟的书<C.C++实践进阶之道,写给程序员的编程书>,其中第十一章讲的是变量和类型,现做笔记如下: 数据存储区域分只读数据区(存储常量和恒值,正常情况下不做修改).全局/静态存 ...

  4. 我是如何阅读编程书的

    英文原文:How I Read Programming Books,编译:外刊IT评论 我是学电子工程毕业的,在这个专业里我必须要用的编程语言只有C/C++,汇编和Matlab.在参加了一个创业周末的 ...

  5. 双十一,你买了哪些大呼过瘾的编程书?

    点击上方蓝色"程序猿DD",选择"设为星标" 回复"资源"获取独家整理的学习资料! 一年一度的双十一悄然过去,这几天几乎身边每个人都在谈论着 ...

  6. 外部依赖项很多未定义标识符_从日本编程书籍《我的第一本编程书》中译版看中文例程如何扬长避短——标识符(一)

    日本作者平山尚在前言归结了本书的三点独特之处: 从始至终只编写一个程序(俄罗斯方块游戏) 使用专门的工具 绝对面向首次接触程序的人群 第一点,优势是一个项目主体贯穿全书,但同时很考验编排顺序,以及技术 ...

  7. 每个程序员都应该读的非编程书

    1.<银河系漫游指南>by Douglas Adams 推荐数:480 生活,宇宙,所有的一切. "看在前,思考在后,然后去实践.但是看总是在最前面.否则,你只能看到你以为的样子 ...

  8. python 广告联盟_聚力商城的Python编程书怎么样?

    大数据时代Python编程优显其作用,身边很多人都在学,有的还能自学成才,所以我最近也在聚力商城买了一本Python编程书,很多人不知道聚力商城的Python编程书怎么样?我就来说说自己的感受吧. 这 ...

  9. 经典Windows编程书单

    转载:图灵社区 说好的这次写一个图形编程书单--但是看起来不是很好整理,这类书散落的家里到处都是-- 先把经典Windows编程的书整理一下吧,不过Windows的也到处都是很多都找不到了,只能把找到 ...

最新文章

  1. IOS上传图片的方法
  2. 机器人造iPhone,苹果奋斗八年,还是败给了富士康工人
  3. oracle查询语句注意事项:
  4. Cloudify — 部署 OpenStack 基础设施
  5. golang new make 区别
  6. Kendo Web UI Grid数据绑定,删除,编辑,并把默认英文改成中文
  7. Ubuntu 16.04下Caffe-SSD的应用(八)——处理标注好的VOC2007数据集
  8. 关于《Java编程思想》的简单纠正
  9. 阿里达摩院自主研发AI芯片 布局“中国芯”
  10. Zabbix Server端配置文件说明
  11. linux学习之vi编辑器的使用详解
  12. 总在说思科华为认证 可你真的清楚它们的区别吗?
  13. 彻底搞懂瓦片地图拼接原理并附具体实现
  14. js斐波那契数列求和
  15. 《HelloGitHub》第 40 期
  16. PPT处理福音!Aspose.Slides最新版实现自主的跨平台3D引擎
  17. 五层协议体系结构的各层功能
  18. 20170711 通过阿里云与国家气象局合作的api读取历史辐照数据
  19. logging日志写入文件
  20. jsp铁路交通查询系统

热门文章

  1. vim E492: Not an editor command: ^M
  2. 子进程 post-installation script 返回了错误号 解决方法
  3. apache站点优化—静态缓存
  4. python编写函数、计算三个数的最大公约数_Python实现利用最大公约数求三个正整数的最小公倍数示例...
  5. python快速整理excel_使用pandas包用python清理excel数据
  6. cmd上运行java程序遇到的问题(找不到或无法加载主类)
  7. 昨天又写到个结构体排序,用多种cmp
  8. c 语言程序设计(清华大学郑莉),C+语言程序设计(清华大学郑莉)十一ppt课件
  9. php yanzhengm,ThinkPHP 在使用M方法(不创建模型类)时实现自动验证与自动填充
  10. 神超重回两只手操作时代?霸哥最强上单要被抢,战场在LOL手游