HTML
2019-06-08 本文已影响0人
CodeVin
html实例：
<!doctype html>
<html>
<head>
<meta charset='utf-8'>
<title>标签页标题</title>
</head>
<body>
<h1>标题</h1>
<p>段落</p>
</body>
</html>
- doctype声明时不区分大小写的，以下方式均可：
<!DOCTYPE HTML>
<!doctype html>
<!DOCTYPE html>
<!Doctype Html>
-
<html>是文档的根元素
-
<head>包含了文档的元数据和页面标题，如 <meta charset='utf-8'> 定义页面编码格式为 utf-8，中文网页需要声明为utf-8
-
<title>定义页面标题
-
只有<body>部分才会在浏览器中显示
标题
通过<h1>-<h6>来定义，浏览器会自动在标题前后添加空行
<h1>文本标题</h1>
<h2>小一级的文本标题</h2>
超链接
通过 <a> 定义，a可能代表 anchor ，锚点的意思。通过 <a> 标签可以跳转到url地址，目标网页路径，资源地址，还可以跳转到定位到网页的指定位置。
<a href="http://www.baidu.com/"> 前往百度 </a>
<!-- 文本 "前往百度" 也可以是图片或其他元素 -->
<!-- 如果写作 href="http://www.baidu.com" ，则会产生2次http请求
这是因为服务器会添加正斜杠到这个地址 -->
<a href="aboutpage.html"> 关于 </a>
<a href="http://somedomain.com/test.mp3"> 下载test.mp3 </a>
<a href="#pos1"> 跳转到位置1 </a>
图片
通过 <img> 定义
<img src="/images/logo.png" width="240" height="100" >
换行
通过空元素标签 <br/> 实现
属性
- html元素可以设置属性
- 属性一般在开始标签中
- 一般以键值对形式出现
如超链接元素中 href 即为一种属性，图片链接中 src, width, height 也是属性。通常使用双引号，在个别情况下，比如属性值本身包含双引号，则不得不用单引号。
适用于大多数元素的属性：
| 属性 | 描述 |
|---|---|
| class | 为元素定义一个或多个类名，类名从样式文件引入 |
| id | 定义唯一id |
| style | 定义行内样式(inline style) |
| title | 描述额外信息(作为工具条使用) |
水平线
通过 <hr />创建水平线
注释
<!-- 我是注释内容 -->
段落
浏览器会在段落前后自动添加空行
<p> 假装这是一段内容 </p>
文本格式化
| 标签 | 描述 |
|---|---|
| <b> | 加粗 |
| <i> | 斜体 |
| <del> | 删除字 |
| <strong> | 加重语气 |
| <small> | 小号字 |
| <sub> | 下标字 |
| <sup> | 上标字 |
<head>
head元素
| 标签 | 描述 |
|---|---|
| <title> | 文档标题 |
| <meta> | 元数据。网页的描述，关键字，作者，刷新时间等数据 |
| <base> | 超链接标签的默认链接地址 |
| <link> | 文档和外部资源之间的关系 |
| <script> | 脚本文件 |
| <style> | 样式文件 |
