快速入门HTML学会网页制作

  超文本标记语言(Hyper Text Markup Language),简称HTML,标准通用标记语言下的一个应用。HTML 不是一种编程语言,而是一种标记语言 (markup language),是网页制作所必备的。
 
  “超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。超文本标记语言(或超文本标签语言)的结构包括“头”部分、和“主体”部分,其中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容。
 
  您可以使用 HTML 来建立自己的 WEB 站点,HTML 运行在浏览器上,由浏览器来解析。
 
  在本系列教程中,将学习如何使用 HTML 来创建站点,带你快速学会HTML.其中包含了大量的实践经验,将知识系统化,浓缩为精华,用通俗易懂的语言直指网页设计初学者的痛点。
 
  好了,废话不多说,现在跟着 HTML教程的步伐,让我们一起走进 HTML 的世界。
 
  html实战开发-深入浅出HTML
 
  超级文本标记语言文档制作不是很复杂,但功能强大,支持不同数据格式的文件镶入,这也是万维网(WWW)盛行的原因之一,其主要特点如下:
 
  ● 简易性:超级文本标记语言版本升级采用超集方式,从而更加灵活方便。
 
  ● 可扩展性:超级文本标记语言的广泛应用带来了加强功能,增加标识符等要求,超级文本标记语言采取子类元素的方式,为系统扩展带来保证。
 
  ● 平台无关性:虽然个人计算机大行其道,但使用MAC等其他机器的大有人在,超级文本标记语言可以使用在广泛的平台上,这也是万维网(WWW)盛行的另一个原因。
 
  ● 通用性:另外,HTML是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面,这些页面可以被网上任何其他人浏览到,无论使用的是什么类型的电脑或浏览器。
 
  B(Browser)/S(Server)架构方向,也是我们以后主攻方向
 
  我们以后主要为企业内部提供解决方案,例如:企业内部的办公系统、供应链管理系统、客户关系管理系统等,而这些系统通常对界面的表现要求较低,对业务处理和数据处理要求较高,并且要求降低升级维护的成本,B/S架构可以更好的被企业接受,所以我们以后主要的方向是开发基于B/S架构的应用,B/S架构的开发通常又被叫做Web开发,Web开发通常包括Browser浏览器端的开发以及Server服务器端的开发。
 
  虽然我们是学习Java后台服务器编程,但是前端页面编写要了解,能看懂,简单的页面效果可以实现即可;
 
  创建一个以 .html或 .htm 结尾的文件,用文本编辑器打开就可以开发
 
  用浏览器打开以。html或。htm的文件就可以自上而下解析执行,不需要编译

 
 
  ● <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.1//EN”””>
 
  ● DTD文件的作用
 
  ● 帮助你编写合法的代码
 
  ● 它让浏览器正确地显示器代码,或者说DTD只是写给检查器看的
 
  HTML规范是由w3c负责制定的,W3C是世界万维网联盟(World Wide Web:www)
 
  FireFox、Google、IE
 
  <>表示开始标记
 
  </>表示结束标记
 
  <html>开始标签
 
  </html>结束标签
 
  html为元素
 
  HTML 元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码。
 
  ● HTML 元素以开始标签起始
 
  ● HTML 元素以结束标签终止
 
  ● 元素的内容是开始标签与结束标签之间的内容
 
  ● 某些 HTML 元素具有空内容(empty content)
 
  ● 空元素在开始标签中进行关闭(以开始标签的结束而结束)
 
  ● 大多数 HTML 元素可拥有属性
 
  大多数 HTML 元素可以嵌套(可以包含其他 HTML 元素)。
 
  HTML 文档由嵌套的 HTML 元素构成。
 
  上面的例子包含三个 HTML 元素。
 
  HTML 实例解释
 
  <p> 元素:
 
  这个 <p> 元素定义了 HTML 文档中的一个段落。
 
  这个元素拥有一个开始标签 <p>,以及一个结束标签 </p>.
 
  元素内容是:This is my first paragraph.
 
  <body> 元素:
 
  <body> 元素定义了 HTML 文档的主体。
 
  这个元素拥有一个开始标签 <body>,以及一个结束标签 </body>.
 
  元素内容是另一个 HTML 元素(p 元素)。
 
  <html> 元素:
 
  这个元素拥有一个开始标签 <html>,以及一个结束标签 </html>
 
  元素内容是另一个 HTML 元素(body 元素)。
 
  即使您忘记了使用结束标签,大多数浏览器也会正确地显示 HTML:
 
  上面的例子在大多数浏览器中都没问题,但不要依赖这种做法。忘记使用结束标签会产生不可预料的结果或错误。
 
  注释:未来的 HTML 版本不允许省略结束标签。
 
  有一些元素必须使用单个标签表示。这些被称为空元素。

 
 
  一个这样的元素是 hr .
 
  hr 是一个分组元素,用于表示一个段落级别的内容。
 
  您可以使用以下两种方式之一使用void元素 – 第一种方法是仅指定开始标记,如以下代码所示。
 
  浏览器知道hr是一个void元素,因此不希望看到结束标记。
 
  您可以使元素与空元素一致,如下面的代码所示。
 
  注释是关于HTML元素的有用信息。注释使HTML文档更易读和可理解。
 
  HTML中的注释以标签<!– 开头,并以 –> 结尾。
 
  浏览器将忽略您在这些标记中放置的任何内容。
 
  以下代码具有HTML注释。
 
  超文本标记语言(外国语简称:HTML)标记标签通常被称为HTML标签,HTML标签是HTML语言中最基本的单位,HTML标签是HTML(标准通用标记语言下的一个应用)最重要的组成部分。
 
  HTML标签的大小写无关的,例如“主体”<body>跟<BODY>表示的意思是一样的,推荐使用小写。
 
  实例
 
  <html> 标签告知浏览器这是一个 HTML 文档。
 
  <html> 标签是 HTML 文档中最外层的元素。
 
  <html> 标签是所有其他 HTML 元素(除了 <!DOCTYPE> 标签)的容器。
 
  所有浏览器都支持 <html> 标签。
 
  定义:可以把 HTML 文档分割为若干段落
 
  标题是通过 <h1> – <h6> 等标签进行定义的
 
  <h1>定义最大标签,<h6>定义最小标签
 
  定义:<br> 可插入一个简单的换行符
 
  <br> 标签是空标签,它没有结束标签
 
  定义:页面中输入什么样式就显示什么样式
 
  实例:< >

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/html/h61599.shtml

张贴在2