首页 > 网站 > WEB开发 > 正文

web开发学习之旅---html第一天

2024-04-27 14:37:05
字体:
来源:转载
供稿:网友
web开发学习之旅---html第一天

一、认识浏览器

  1. 浏览器就是接收浏览着的操作,然后帮浏览者去web服务器请求网页内容(html格式返回),然后展现成人眼能够看得懂的可视化页面的软件。
  2. IE==浏览器?IE是浏览器的一种,还有FirefoxOperaChrome等,注意遨游浏览器、搜狗浏览器、360浏览器等并不是独立于IE的浏览器,其内核还是IE内核,只不过是换了一个外壳而已。

二、HTML编程

  1. html全称:Hypertext Markup Lanuage,超文本标记语言。
  2. 版本历史:html1.0 1993年6月发布,html2.0 1995年发布,html3.2 1996年发布,html4.0 1997年发布,html 4.01 1999年发布,html5 目前仍未草案。
  3. html特点;简易性,可扩展性和平台无关性。

三、XHTML和html区别

  1. html的语法要求比较松散,对于网页编写者来说比较方便,但是对于机器来说就比较麻烦,对于传统的计算机来说,还有能力兼容松散语法,但对于许多其他设备,如手机,难度就比较大,因此产生了DTD定义规则,语法要求更加严格的xhtml。
  2. xhtml的目标是取代html,xhtml是更严格更纯净的html版本,它与html4.01几乎是相同的。

四、html运行步骤

  1. 客户端在浏览器里面输入网址,向服务端发送请求。
  2. 服务端将客户端发送来的请求交给iis处理(网站部署在iis上)。
  3. iis响应服务端的请求,以html的形式返回给客户端。

五、html编辑

  1. html文件以.html或.htm结尾。
  2. 一个完整的页面文件包括:文件声明部分和正文部分。
  3. 声明部分:目的是告诉浏览器使用相应的方式加载并显示该网页

<!DOCTYPE htmlPUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

  1. 正文部分:代表实际的web页面内容

<html><head></head><body></body></html>

六、html语法

  1. 标签:带有特殊含义的网页标记元素,格式:<开始标记>标记体</结束标记>,如<p>你好</p>。
  2. 特点:不区分大小写。
  3. 分类:双标签 如<p>你好</p>,标签式成对出现。单标签 如<br/>
  4. 属性:用于定义标签的属性特征,格式:<开始标签属性="属性值">标签体<结束标签>,如<font color="red">你好</font> 。

七、html的注释

  1. <!--我的注释-->
  2. /*我的注释*/

八、头部标签

  1. <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" /> 禁止浏览器缓存页面

九、文本标签

  1. 标题标签(h1~h6)
  2. 段落标签(p)
  3. 段落缩进标签(blockquote)
  4. 上下标签(sup、sub)
  5. 换行(br)
  6. 线条(hr)
  7. 文本列表(ol、ul)
  8. 字体标签(font)
  9. 行内标签(span)

10.表格标签(table、tr、td)

软谋在线教育,最适合大学生、上班族的在线软件培训,主要教授asp.net动态网站制作,yy教育房间远程实时授课,每节课录制成高清视频课后分享,老师白天八小时全职在线辅导,不懂就问。加QQ群:138800420 即可免费试听。扫描以下二维码或者加微信号:ruanmou001即可加入软谋在线教育微信公众平台


发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表