@artman328 2015-10-20T03:06:47.000000Z 字数 1181 阅读 963

网页设计

web

一、标记语言(ML)

标记语言——用标记标注内容，以说明内容的性质特点的一种语言。标记语言的特点是：繁琐、易读、易理解、便于计算机程序处理。下面是一段标记语言范例，相信懂汉语的人都能读懂它的意思：

<班级 名称=“计算机网络应用06班”>
    <学生 学号=“20130098777”>
        <姓名>张小强</姓名>
        <性别>男</性别>
        <出生日期>1999-10-23</出生日期>
    </学生>
    <学生 学号=“20130098778”>
        <姓名>李丹</姓名>
        <性别>女</性别>
        <出生日期>2000-01-09</出生日期>
    </学生>
    <学生 学号=“20130098779”>
        <姓名>赵刚</姓名>
        <性别>男</性别>
        <出生日期>1998-07-13</出生日期>
    </学生>
</班级>

在这个范例中，<班级>、<姓名>等叫开始标签，</班级>、</姓名>等叫结束标签。<学生学号=“20130098777”>中的“学号”叫做属性，“20130098777”叫做属性值。

二、HTML（Hyper Text Mark-up Language 超文本标记语言）

HTML是专门用于编写网页的标记语言。浏览器根据标记语言和CSS语言把网页呈现出来。网页的基本结构如下：

<!DOCTYPE html>  <!-- 这里告诉浏览器 html 的版本号，这样写时表示 html 5 -->
<html lang="en"> <!-- 网页定义由此开始 -->
    <head>       <!-- 这里开始网页头部，头部内容不会在页面上显示，它主要用于告诉浏览器如何处理网页内容的信息 -->

    </head>      <!-- 头部结束 -->
    <body>       <!-- 体部开始，这里的内容是显示在页面上的内容 -->

    </body>      <!-- 体部结束 -->
</html>          <!-- 网页结束 -->

三、网页头部常用标记

以下标记用于网页的<head></head>之间。

<meta> 对网页描述的元数据
<title></title> 用于定义网页窗口标题
<link> 用于链接外部文件
<script></script> 用于链接外部程序文件或编写本地程序

四、网页体部常用标记

1、容器类

<div></div> 通用容器标记，可嵌套

2、文字类

<h1></h1> ... <h6></h6> 1到6级标题标记

<p></p> 段落标记

<span></span> 范围标记

3、链接类

<img src="" alt="" /> 图片链接标记
<a href="" target="" /> 外部网页链接标记

4、集合类

无序列表：

<ul>
    <li>...</li>
    ...
</ul>

有序列表：

<ol>
    <li>...</li>
    ...
</ol>

表格：

<table>
    <thead>
        <tr>
            <th>...</th>
            ...
        </tr>
    <thead>
    <tbody>
        <tr>
            <td>...</td>
            ...
        </tr>
    </tbody>
</table>