HTML :超文本标记语言

第一章

一·基本语法

1.特点：

HTML不需要编译,直接由浏览器执行。
HTML文件是一个文本文件。
HTML文件必须用html或htm为文件名后缀。
HTML大小写不敏感，HTML和html都一样。

2.基本结构

<html>
<head>
    <title>标题</title>
</head>
<body>
    网页主体内容
</body>
</html>

html标签告诉浏览器这是一个html文件。 head标签中是头部信息（网页中不会显示），body标签中是网页主体内容。

标签属性

语法:

<标签名属性名1="属性值" 属性名2="属性值"...>.....</标签名>

eg:<body bgcolor="red">

添加注释：

二·文档段落

1.DOCTYPE 文档类型声明

<!DOCTYPE>声明必须放在HTML文档第一行。

<!DOCTYPE>声明不是HTML标签。

2.网页编码设置：

出现乱码时 在<head>与</head>标签之间添加： <mate http-equiv= " Content" contect= " text/html;charsu=utf-8 " /> 注：utf-8,GB2312,gbk等。

3.文字和段落标签：

标题标签： <h1></h1>~<h6></h6>

段落标签： <p></p>

align对齐属性值： left,right,center,justify

eg: <p align="left">

换行标签： <br/>

空格：

预格式化： <pre></pre>

保留输入格式（此处空格也起作用）

水平线： <hr/>

属性：

属性	描述
width	设置水平线宽度，可以像素或百分比
color	设置水平线颜色
align	设置水平线居中对齐
noshade	设置水平线无阴影

文字段落标签： 文字斜体： <i></i>，<em></em>

加粗： <b></b>,<strong></strong>

下标： <sub>

上标： <sup>

下划线： <ins>

删除线： <del>

特殊符号：

<:<

>:>

®:®

©:©

™:™

 :空格

三·列表标签：

1.无序列表：

<ul>
    <li>列表项</li>
    <li>列表项</li>
    <li>列表项</li>
    .
    .
    .
</ul>

type属性值：

属性	描述
disc	圆点
sqare	正方形
circle	空心圆

2.有序列表：

<ol>
    <li>列表项</li>
    <li>列表项</li>
    <li>列表项</li>
    .
    .
    .
</ol>

type属性值： 1，a,A,i,I

eg:<ul type="1">

3.定义列表：

<dl>
    <dt>定义列表项</dt>
    <dd>列表项描述</dd>
    <dt>定义列表项</dt>
    <dd>列表项描述</dd>
    .
    .
    .
</dl>

注意：

定义标签内可有多个<dt>，每个列表项<dt>可有多个<dd>

<dt>和<dd>是同级标签，组合使用。

四·图像和超链接

图像和超链接标签

1.图像标签：

语法： <img src= "" alt= "" .../>

img属性：

属性	值	属性
Src（必写）	URL	显示图像的URL
alt	文字	图像替代文本
heigh	数值和百分比	图像的高
width	数值和百分比	图像的宽

2.超链接标签：

语法：

属性：

属性	属性
href	链接地址
target	链接的目标窗口
title	_self,_blank,_top,_parent
title	链接提示文字
name	链接命名

通过超级链接的href属性可以根据name来跳转对应的锚。

_self 指在当前窗口打开页面。

_blank创建新窗口打开新的页面。

_top，框架网页中在上部窗口中显示目标网页。

_parent，框架网页中当前整个窗口位置显示目标网页。

定义锚：

XXXXXXXXX

XXXXXXXXXXXXX

XXXXXXXXX

XXXXXXXXXXXXX

总结：

1. 定义锚的位置和锚名。

2.设置寻找锚的链接。

锚定义的<a>标签不一定有具体内容，只是起到定位的作用。

eg:<a name="名字">

定义锚：（不同页面）：

网页1： <a href=" 网页名称#锚名">......</a>

网页2： <a name="锚名">......</a>

邮件链接：

电子邮件链接：

a href= "mailto:邮件地址">......</a>

文件下载：

a href= " 下载文件的地址:">......</a>

HTML学习笔记 第一章