黑马程序员——HTML学习笔记

---------------------- Windows Phone 7手机开发.Net培训、期待与您交流! ----------------------


什么是浏览器?

1.浏览器就是接收浏览者的操作(打开一个网址、点击一个链接、点击一个按钮),然后帮浏览者去Web服务器请求网页内容(HTML格式返回),然后展现成人眼能看得懂的可视化页面的软件。
2.IE==浏览器?IE是浏览器的一种,还有FireFox、Opera、Chrome等,注意遨游(Maxthon)、世界之窗、搜狗浏览器、360浏览器等并不是一种独立于IE的浏览器,其内核还是IE的内核,只不过换了一个外壳而已。
3.所谓的Trident引擎就是IE的WebBrowser控件,现在很多非IE内核的浏览器用的是WebKit引擎,比如遨游3和搜狗的双核、Chrome、Safari。

HTML:

1.HTML(HyperText Markup Language)就是描述网页长什么样子、有什么内容的一个文本。查看网页的描述内容(HTML)的方式:使用IE浏览器的话,在网页上点击右键,选择“查看源文件”。
2.B/S(Browser / Server) : html + css + js。
3.浏览器兼容性问题:描述文件是一个统一的,但是就像口语翻译一样,不同的翻译翻译出来的东西也是不一样的。不同浏览器品牌对HTML的支持是有差异的,所以同一个网页在IE上和FireFox上看起来可能长得不一样,最明显的就是以前QQ空间上的页面在FireFox上显示就有问题,甚至有的页面在IE6、IE7、IE8上长的也不一样。因此Web开发过程中的一个重要的也是最头疼的问题就是浏览器的兼容。测试FireFox、Chrome等浏览器安装各自的软件就可以,测试不同版本的IE可以用IETester。

静态页面、动态页面:

1.网站页面分为静态页面和动态页面两种。
2.静态页面:有一个html页面文件保存在服务器上,浏览器要这个页面的时候就把这个页面文件发给浏览器。
3.动态页面:服务器上没有浏览者要看的页面,而是服务器动态生成的HTML页面发给浏览器,动态语言的服务器端可以用C#、VB.Net、PHP、Java、C等编写。
4.编写普通的HTML页面是和任何后台语言无关的,可以使用Dreamweaver、Expression Web(FrontPage的改头换面版)等工具写,这些工具是给页面美工用的,开发人员用Visual Studio写html就够了,不要把精力放到怎么把界面做好看上,正规公司都有专门的页面美工,不正规公司都是偷别人的的美工页面,无论是偷别人的页面,还是使用公司美工开发出来的页面,对于开发人员要做的“填模板”工作都是一样的。

第一个网页:

1.新建Web项目(新建→ASP.NetWeb应用程序),新建html页面(添加→新建项→Web→HTML)。
2.查看页面的方式:
3.切换到“设计”视图,可以在这里查看初步的预览效果,不是很准,可以在“设计”从工具箱中拖放控件可视化设计,设计复杂页面的时候很少直接可视化设计。
4.在编辑器上点右键,选择“在浏览器中查看”。无法进行调试。
5.将要查看的页面设为起始页(在文件上点击右键“设为起始页”),然后点击“启动调试”。可以调试。
6.学没有JS、C#代码的时候用“在浏览器中查看”。修改页面不用关闭浏览器再打开,刷新就可以。

HTML页结构说明:

1.所有内容都在<html></html>标签之内;<head></head>内放的是头部信息,是对页面的描述,不会直接显示在页面中,<head>内<title>中设置的是页面的标题,<title>只能放在<head>中;<body>是页面的主体,大部分显示的内容都定义在这里。
2.所有页面都应该至少包含这些部分,由于浏览器容错性强,所以即使不包含也能正常显示,但是最好还是写完全了。

颜色体系:

1.body标签的bgcolor属性可以设定网页的背景颜色,<body bgcolor=#"006699">。
2.#006699这就是HTML中表示颜色的方式,每两个是一组,三组分别就表示R、G、B的值,是16进制表示。
3.可以使用VS内置的颜色选择对话框生成RBG值,也可以用取色器(比如DebugBar内置的取色器:打开DebugBar工具栏,点击吸管图标);HTML还预定义了一些颜色:red、black、white等,比如bgcolor="black"。
4.配色不是一个专业开发人员考虑的,是美工的事情,所以对于颜色的取值不用太操心,知道有这么一回事就行了。

<

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值