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="#">点击</a>
<a href="test.html">点击</a>
3:模拟回到顶部的功能
<a name="top"></a>
<div style="width: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 属性。
<img src="images/pic.jpeg" width="200" height="200" alt="这里有张图片" title="某某风景图" />
注意:
属性 --------width="200" height="300"
style样式----width:200px; height:300px;