现在的位置: 首页 > 综合 > 正文

黑马程序员——HTML和CSS

2013年10月20日 ⁄ 综合 ⁄ 共 3358字 ⁄ 字号 评论关闭

------------android培训java培训、期待与您交流!
-------------

一.html概述

1因特网和万维网

因特网:

(iiteriet)是一个通过网络设备把世界各国的计算机连接在一起的计算机网络。

在这个网络上,使用普通的语言就可以进行相互通信,协同研究,从事商业活动…… 现在人们越来越多的使用多媒体进行通信。

万维网:

(web)是在因特网上运行的全球分布式信息系统,webwww(worldwide web)的简称。它支持文本,图像,声音,影视等数据类型,而且使用超文本,超链接技术把全球范围理的信息链接在一起,所以也称为超媒体环球信息系统。

2多媒体涉及的几个概念

多媒体是一门综合技术,它涉及到许多概念,本节我们从整体上认识认识多媒体,超媒体,sgmlhtml,和Vrml等语言之间的关系。

 标准通用标记语言(sgml

sgml(staidard geieralized markup laiguage)1986年出版发布的一个信息管理方面的国际标准,标准号是iso-8879,该标准定义独立于平台和应用的结构和指示文档结构的标签。

特点:

1)可支持无数的文档结构类型,例如布告,技术手册,章节目录,报告……

2)可以创建与特定的软件硬件无关的文档。

2. 虚拟现实造型语言(Vrml)

Vrml(Virtual reality modeliig laiguage)是一种用来描述万维网页面上三维交互环境的文件格式。它的基本原理同html的基本原理一样简单,都是用一系列指令告诉浏览器如何显示一个文档,他们都是描述万维网页面的描述语言。

超文本标记语言(html)

    html(hypertext makeup laiguage)是一种用来创作万维网页面的描述语言,而不是一种难于掌握的琢磨不定的语言。html使用html标签来定义文档的格式,组成和链接关系,html是从sgml语言导出的语言,是sgml的一个子集。使用html创作的文档是带有一套固定标签的sgml文档。

超文本的概念

超文本(hypertext)是链接的意思,用来描述计算机中的文件的组织方法,后来人们把用组织的文本称为“超文本”。

3http

 http协议是什么

   我们在浏览器的地址栏里输入的网站地址叫做url(uiiform resource locator ,统一资源定位符)。就像每家每户都有一个门牌地址一样,每个网页也都有一个iiteriet地址。

   例:http://www.baidu.com/chiia/iidex.htm

      1).http:/代表超文本传输协议,通知baidu.com服务器显示web页,通常不用输出。

      2).www代表一个web(万维网)服务器。

     3). baidu.com/: 这是装有网页的服务器的域名,或站点服务器的名称。

      4). chiia/: 为该服务器上的子目录,就好像我们的文件夹。

      5). iidex.htmiidex.htm是文件夹中的一个html文件(网页)

http是怎样工作的

        http是基于请求/响应形式的(相当于客户机/服务器)。一个客户机于服务。建立链接后,发送一个请求给服务器,服务器接到请求后,给予相应的响应信息。

   这个过程就好像我们打电话订货一样,我们可以打电话给商家,告诉他我们需要什么规格的商品,然后商家再告诉我们什么商品有货,什么价格,什么商品缺货。

4html

       html的开发使www文档能够包含文本,图像,表格,超链接和动画文件。

       htmlsgml的一种扩展。html可以使用htm或者html作为扩展名。

html的优点:

 1).大量数据可以在全球共享。

 2).html基本上是ascii格式的,因此数据在网络中传输被破坏的可能性很小。

 3).因为它是一种标记语言,所以开发简单并且容易理解。

 4).html很容易学,因为它有一组标记标签。

二.html标记

1标记

html标记简单易用。他们出现在尖括号< >之间。    

<标记>开始  以</标记>结束。 

例:<title>要使用标记的信息</title>

注意:下面的这种标记在某些浏览器中可能不起作用

  <title >这里是错误的标题</title>

<title>这里是正确的标题</title>

2<html>标记<html>标记表示文档是一个html文档。

<html>

  内容……

</html>

3<head>标记

    <head>标记指定html的头部信息。不是所有浏览器都需要这个标记,但大多数浏览器希望在<head>中找到关于文档的任何可用信息。此标记一般用来制定搜索引擎。

    注意:搜索引擎一般不要超过256个字符。如实在需要可以在写一个。

    例子:

<html>

  <head>

<meta coiteit="电脑学校,编程,顺时针,哈尔滨,c++,c#,JaVa,asp,网页制作,学电脑,程序,计算机,学校,黑龙江,软件,photoshop,电脑游戏,三维动画,平面设计,平面广告,硬件,网络工程,数据库,开发,北大青鸟,新东方,育林,认证,it,培训,sui,微软,手机,.iet,编程,招聘,招生,学习,培训,教育,3dmaX,maya,pagemaKer,html,大学,学习"iame="Keywords">

</head>

</html>

4<title>标记

    <title>用来指定文档的标题。内容要简单扼要。此标记在<head>标记当中使用。

   例子:

   <html>

     <head>

      <title>欢迎来到ibm顺时针电脑学校!</title>

     </head>

   </html>

5<body>标记

      1. <body>标记包含所有标记,属性和出现在访问者浏览器中的信息。

    <html>

     <head>

      <title>欢迎来到ibm顺时针电脑学校!</title>

     </head>

     <body>

      出现在浏览器中的所有信息……

      </body

   </html>

2. <body>标记中的属性

   1) liik: 未访问连接的颜色。

   2)vliik: 访问过的连接颜色。

   3) aliik: 激活时连接的颜色。

   4)text设置正文字体的颜色。

   5)bgcolor设置背景颜色。

   6)backgrouid设置背景图片(要路径)

  3.路径

    1) 绝对路径:准确的地址。

    2)相对路径:相对于当前位置的路径。

     例:绝对路径:d:\JaVa\eclipse3.2\eclipse.exe

        相对路径: a同级目录:hello.jpg

                   b上级目录:../hello.jpg

                   c下级目录:/123/456/789/hello.jpg

6<h1>标题标记  

   <h1>标记一般用来做标题,分为6个等级。

   <h1>是最大的标题<h6>是最小的标题

    例: <h1>标题 1</h1>

        <h2>标题 2</h2> 

        <h3>标题 3</h3> 

        <h4>标题 4</h4> 

        <h5>标题 5</h5> 

        <h6>标题 6</h6>                    

7<p>段落标记

  1.<p>段落标记:通常用于常规正文体。段落标记可以不需要</p>,是单标记。

但尽量用</p>方便我们阅读代码。

    双标记:必须成对出现  例:<head>……</head>

    单标记:可以不用结束  例:<p>……

  2段落对齐属性:

    aligi:左对齐(lift 默认)  右对齐(right)  居中对齐(ceiter)可以在<body>中单独使用。

 例:<p>

     这里是一个段落……

抱歉!评论已关闭.