web开发学习之旅---html第一天
2014-02-15 13:43
399 查看
一、认识浏览器
浏览器就是接收浏览着的操作,然后帮浏览者去web服务器请求网页内容(html格式返回),然后展现成人眼能够看得懂的可视化页面的软件。
IE==浏览器?IE是浏览器的一种,还有Firefox、Opera、Chrome等,注意遨游浏览器、搜狗浏览器、360浏览器等并不是独立于IE的浏览器,其内核还是IE内核,只不过是换了一个外壳而已。
二、HTML编程
html全称:Hypertext Markup Lanuage,超文本标记语言。
版本历史:html1.0 1993年6月发布,html2.0 1995年发布,html3.2 1996年发布,html4.0 1997年发布,html 4.01 1999年发布,html5 目前仍未草案。
html特点;简易性,可扩展性和平台无关性。
三、XHTML和html区别
html的语法要求比较松散,对于网页编写者来说比较方便,但是对于机器来说就比较麻烦,对于传统的计算机来说,还有能力兼容松散语法,但对于许多其他设备,如手机,难度就比较大,因此产生了DTD定义规则,语法要求更加严格的xhtml。
xhtml的目标是取代html,xhtml是更严格更纯净的html版本,它与html4.01几乎是相同的。
四、html运行步骤
客户端在浏览器里面输入网址,向服务端发送请求。
服务端将客户端发送来的请求交给iis处理(网站部署在iis上)。
iis响应服务端的请求,以html的形式返回给客户端。
五、html编辑
html文件以.html或.htm结尾。
一个完整的页面文件包括:文件声明部分和正文部分。
声明部分:目的是告诉浏览器使用相应的方式加载并显示该网页
<!DOCTYPE htmlPUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
正文部分:代表实际的web页面内容
<html><head></head><body></body></html>
六、html语法
标签:带有特殊含义的网页标记元素,格式:<开始标记>标记体</结束标记>,如<p>你好</p>。
特点:不区分大小写。
分类:双标签 如<p>你好</p>,标签式成对出现。单标签 如<br/>
属性:用于定义标签的属性特征,格式:<开始标签 属性="属性值">标签体<结束标签>,如<font color="red">你好</font> 。
七、html的注释
<!--我的注释-->
/*我的注释*/
八、头部标签
<meta>标签
<metahttp-equiv="Content-Type" content="text/html;charset=utf-8"/>指定网页编码
<meta http-equiv="Refresh"content="3" /> 三秒钟后刷新此网页
<meta http-equiv="Refresh"content="3;url=http://www.rupeng.com" /> 三秒钟后重定向到新网页。发 帖成功后提示“发帖成功,即将转向帖子查看页面”
<meta http-equiv="Cache-Control"content="no-cache" /> 禁止浏览器缓存页面
九、文本标签
标题标签(h1~h6)
段落标签(p)
段落缩进标签(blockquote)
上下标签(sup、sub)
换行(br)
线条(hr)
文本列表(ol、ul)
字体标签(font)
行内标签(span)
10.表格标签(table、tr、td)
软谋在线教育,最适合大学生、上班族的在线软件培训,主要教授asp.net动态网站制作,yy教育房间远程实时授课,每节课录制成高清视频课后分享,老师白天八小时全职在线辅导,不懂就问。加qq群:138800420 即可免费试听。
[b]扫描以下二维码或者加微信号:ruanmou001即可加入软谋在线教育微信公众平台[/b]
相关文章推荐
- Web开发之HTML表单标签学习
- Web学习笔记 - HTML5篇 - 01. 开发环境(Intellij IDEA)安装
- 学习整理-Java Web 第一天 配置Java Web 开发环境
- web开发-html和css开发实例-学习笔记三
- 学习web开发,理解HTML,XHTML,XML,CSS,JS等技术的关系后,眼界会更宽(pu...
- Web前端开发基础 第一天(Html和CSS)
- Web开发之HTML基本标签学习
- WEB前端开发学习----6.CSS 和 JS 在html的使用方法
- web开发-邮件编写HTML网页正常显示实现方法-学习笔记八
- WEB前端开发学习----2.HTML表格table标签
- 学习web开发,理解HTML,XHTML,XML,CSS,JS等技术的关系后,眼界会更宽(publish by sunwei)
- 学习 Web 开发技术的16个最佳教程网站和博客(留着回家学习)
- HTML5+JS手机web开发之jQuery Mobile初涉
- web开发设计--JS的innerHTML/display属性
- Java EE 学习(2):使用 IDEA 开发 最简java web
- IPhone 开发笔记第一天——对基础的学习
- 从零开始,学习web前端之HTML5
- iPhone 和 iPad的ios 开发中 利用 WebViewJavascriptBridge组件,通过 UIWebView 对Html进行双向通讯
- 值得 Web 开发人员学习的20个 jQuery 实例教程
- Web 前端开发学习资料整理