HTML与CSS网页设计概述

HTML与CSS网页设计概述 

一、Web基本概念

1、网页 

(1)网页主要。网页中还可以包含音频、视频以及Flash等。

(2)网页有静态和动态

       静态网页:更新不方便、但是访问速度快

       动态网页:现实的内容则会随着用户的操作和时间的不同而变化。因为动态网页可以和服务器数据库进行实时的数据交换。

2、名词解释

(1)Internet  就是因特网,由一些使用公共语言互相通信的计算机连接而成的网络。实现了全球信息的资源共享,形成了一个能够共同参与、相互交流的互动平台。

(2)WWW   就是万维网,是Internet提供的一种网页浏览服务。

(3)URL    统一资源定位符,就是Web地址(网址)

(4) DNS   域名解析系统

(5)HTTP  超文本传输协议(规定了浏览器和万维网服务器之间互相通信的规则)

(6)Web    蜘蛛网和网  仅仅是一种环境-----互联网的使用环境、氛围、内容

(7)W3C组织   万维网联盟

3、了解Web标准

   Web标准并不是某一个标准,而是一系列标准的集合,主要包括  结构、表现、行为 三个方面

(1)结构标准

XML和XHTML

(2)表现标准

CSS(控制网页的表现),用于设置HTML页面中的文本内容(字体、大小、对齐方式等)

(3)行为标准

DOM和ECMAScript

 

 

二、HTML入门

1、什么是HTML

(1)<!DOCTYPE>标记 位于文档最前面

(2)<html>标记位于<!DOCTYPE>标记之后,称为根标记,标记着文档的开始。</html>标记着文档的结束。

(3)<head>头部标记(一个HTML只能有一对<head>标记)

(4)<body>标记称为主体标记,所有的文本、图形、音频、和视频等信息都必须位于<body>标记内。(一个HTML只能<body>,并且<body>标记必须在<html>标记内,位于<head>标记之后,为并列关系)

2、HTML标记

(1)单标记:<标记名 />

         双标记:<标记名>内容</标记名>

(2)注释标记

        <!--注释语句-->        

3、标记的属性(HTML元素的样式遵从“就近原则”)

        <标记名 属性1="属性值1" 属性2="属性值2"...>内容</标记名>h

        <h1 align="center">标题文本<h1>

4、HTML文档头部相关标记

(1)设置页面标题标记      <title>网页标题名称</title>

(2)定义页面元信息标记   <meta/>    

         <meta name="名称"content="值"/>

        

<meta http-equiv="名称"content="值"/>

5、引用外部文件标记<link>

      <link 属性="属性值"/>

                                                                                     link标记的常用属性

    

HTML与CSS网页设计概述

 

6、内嵌样式标记<style/>(位于头部标记中)

    <style 属性="属性值">样式内容</style>

7、HTML文本控制标记

(1)标题标记

      <hn align="对齐方式">标题文本</hn>

  (2)段落标记

     <p align="对齐方式">段落文本</p>

  (3)水平线标记

      <hr 属性="属性值" />

                                                                              <hr/>标记的常用属性值

HTML与CSS网页设计概述

8、文本样式标记

    <font  属性="属性值">文本内容</font>

                                                                        <font>标记的常用属性

HTML与CSS网页设计概述

9、文本格式化标记

                                                                          常用文本格式化标记

HTML与CSS网页设计概述

 

10、特殊字符标记

                                                                       常用特殊字符标记

HTML与CSS网页设计概述