首页 > 代码库 > 1.1 HTML基础
1.1 HTML基础
HTML 超文本标记语言（HyperText Mark-up Language)
-
是一种制作万维网页面的标准语言，它是目前网络上应用最为广泛的语言，也是构成
网页文档的主要语言。
-
HTML文件是由HTML命令组成的描述性文本，HTML命令可以说明文字、图形、动画、声
音、表格、链接等。
-
HTML文件的结构包括头部（Head）、主体（Body）两大部分，其中头部描述浏览器所
需的信息，而主体则包含所要说明的具体内容。
-
HTML 不是一种编程语言，而是一种标记语言 (markup language)
-
标记语言是一套标记标签 (markup tag)
- HTML 使用标记标签来描述网页
HTML基本语法格式
注释： <!--html注释-->
<!DOCTYPE html> 文档标准，告知浏览器当前文档使用哪种html或者XHTML规范。
<html> 告知浏览器其自身是一个 HTML 文档。
<head> 用于定义文档的头部，它是所有头部元素的容器。
<base target="_blank"> 统一为页面上所有连接设置默认地址和默认目标。
<meta charset=‘utf-8’ /> 编码
<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="http://www.mamicode.com/#">点击</a>
<a href="http://www.mamicode.com/test.html">点击</a>
3:模拟回到顶部的功能
<a name="top"></a>
<div style="width:150px; height:2000px; background:#090;"></div>
<a href="http://www.mamicode.com/#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 属性。
<img src="http://www.mamicode.com/images/pic.jpeg" width="200" height="200" alt="这里有张图片" title="某某风景图" />
注意:
属性 --------width="200" height="300"
style样式----width:200px; height:300px;
1.1 HTML基础