1.1 HTML基础

HTML 超文本标记语言（HyperText Mark-up Language)

是一种制作万维网页面的标准语言，它是目前网络上应用最为广泛的语言，也是构成

网页文档的主要语言。
HTML文件是由HTML命令组成的描述性文本，HTML命令可以说明文字、图形、动画、声

音、表格、链接等。
HTML文件的结构包括头部（Head）、主体（Body）两大部分，其中头部描述浏览器所

需的信息，而主体则包含所要说明的具体内容。
HTML 不是一种编程语言，而是一种标记语言 (markup language)
标记语言是一套标记标签 (markup tag)
HTML 使用标记标签来描述网页

HTML基本语法格式

注释：

<!DOCTYPE html> 文档标准，告知浏览器当前文档使用哪种html或者XHTML规范。

<html> 告知浏览器其自身是一个 HTML 文档。

<head> 用于定义文档的头部，它是所有头部元素的容器。

<base target="_blank"> 统一为页面上所有连接设置默认地址和默认目标。

<title>标题</title> 网页标题

</head>

<body>网页内容</body> 定义文档的主体

</html>

HTML常用标签应用

1.<a>标签可定义锚。

锚 (anchor) 有两种用法：

• 通过使用 href 属性，创建指向另外一个文档的链接（或超链接）
• 通过使用 name 或 id 属性，创建一个文档内部的书签（也就是说，可以创建指向文
档片段的链接）

例如
     1：超链接链接到一个确定的地址  ，target="_blank" 以新窗口打开
            <a href="http://www.baidu.com" target="_blank">百度</a>
     2：本地链接，# 是空链接
       <a href="#">点击</a>
       <a href="test.html">点击</a>
    3:模拟回到顶部的功能
     <a name="top"></a>
     <div style="150px; height:2000px; background:#090;"></div>
     <a href="#top" >回到顶部</a>

2.<div>可定义文档中的分区或节（division/section）。此标签重要。

<div> 是一个块级元素。这意味着它的内容自动地开始一个新行。实际上，换行是<div> 固有的唯一格式表现。浏览器通常会在 div 元素前后放置一个换行符。

3.<h1> - <h6>标签标题（定义文章的标题，数字越小，字体越大）。

4.<p>标签定义段落。

定义段落文本，给一定宽度，遇到宽度会自动换行。

5.<span>标签被用来组合文档中的行内元素。

局部元素，定义局部样式，和CSS搭配才有效果。

6.<hr/>标签在 HTML页面中创建一条水平线。（表示一个主题结束）

7.<br/>换行。

8.<img / >元素向网页中嵌入一幅图像。

•   请注意，从技术上讲， <img> 标签并不会在网页中插入图像，而是从网页上链接图像。
•    <img> 标签创建的是被引用图像的占位空间。
•    <img> 标签有两个必需的属性：src 属性和 alt 属性。
•    <img> 标签使用时可加属性：width属性和 height 属性。

注意:

属性 --------width="200" height="300"

style样式----200px; height:300px;