html文档的定义
<!DOCTYPE html>
标题
HTML 标题是通过<h1>
-<h6>
标签来定义的。
<h1>这是一个标题</h1>
<h2>这是一个标题</h2>
<h3>这是一个标题</h3>
HTML 段落
HTML 段落是通过标签 <p>
来定义的。
<p>这是一个段落。</p>
<p>这是另外一个段落。</p>
HTML 链接
HTML 链接是通过标签 <a>
来定义的。
<a href="www.baidu.com">这是一个链接</a>
HTML 图像
HTML 图像是通过标签 <img>
来定义的。
<img src="/images/logo.png" width="258" height="39" />
HTML 元素语法
- HTML 元素以开始标签起始
- HTML 元素以结束标签终止
- 元素的内容是开始标签与结束标签之间的内容
- 某些 HTML 元素具有空内容(empty content)
- 空元素在开始标签中进行关闭(以开始标签的结束而结束)
- 大多数 HTML 元素可拥有属性
HTML 文档实例
<!DOCTYPE html>
<html>
<body>
<p>这是第一个段落。</p>
</body>
</html>
HTML 属性
- HTML 元素可以设置属性
- 属性可以在元素中添加附加信息
- 属性一般描述于开始标签
- 属性总是以名称/值对的形式出现,比如:name=“value”。
属性实例
HTML 链接由 <a>
标签定义。链接的地址在 href 属性中指定:
<a href="http://www.baidu.com">这是一个链接</a>
HTML 水平线
<hr>
标签在 HTML 页面中创建水平线。
hr 元素可用于分隔内容。
HTML 注释
实例:
<!-- 这是一个注释 -->
HTML 文本格式化
HTML 格式化标签
标签 | 描述 |
---|---|
<em> | 定义着重文字 |
<small> | 定义小号字 |
<i> | 定义斜体字 |
<strong> | 定义加重语气 |
<sub> | 定义下标字 |
<sup> | 定义上标字 |
<ins> | 定义插入字 |
<del> | 定义删除字 |
<b> | 定义粗体文本 |
HTML <head>
元素
HTML <title>
元素
- 定义了浏览器工具栏的标题
- 当网页添加到收藏夹时,显示在收藏夹中的标题
- 显示在搜索引擎结果页面的标题
实例:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>文档标题</title>
</head>
<body>
文档内容......
</body>
</html>
HTML <link>
元素
标签定义了文档与外部资源之间的关系。 标签通常用于链接到样式表:
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
HTML <script>
元素
<script>
标签用于加载脚本文件,如: JavaScript。
HTML 图像
HTML 图像- 图像标签( <img>
)和源属性(Src)
是空标签,意思是说,它只包含属性,并且没有闭合标签。
定义图像的语法是:
<img src="url" alt="some_text">
HTML 图像- Alt属性
alt 属性用来为图像定义一串预备的可替换的文本。
替换文本属性的值是用户定义的。
<img src="boat.gif" alt="Big Boat">
HTML 图像- 设置图像的高度与宽度
height(高度) 与 width(宽度)属性用于设置图像的高度与宽度。
属性值默认单位为像素:
<img src="pulpit.jpg" alt="Pulpit rock" width="304" height="228">