|
|
--- |
|
|
title: HTML |
|
|
date: 2017-09-23 16:03:60 |
|
|
tags: |
|
|
- 前端 |
|
|
--- |
|
|
|
|
|
## 快速入门 |
|
|
|
|
|
1.新建文本文件,后缀名改为 .html/.htm |
|
|
|
|
|
2.编写 HTML结构标签 |
|
|
|
|
|
3.在<body>中使用<h1>定义标题字体 |
|
|
|
|
|
4.使用<img>标签定义图片 |
|
|
|
|
|
5.保存后,使用浏览器打开该文件 |
|
|
|
|
|
| 标签 | 描述 | |
|
|
| -------------- | -------------- | |
|
|
| <HTML> | 定义 HTML 文档 | |
|
|
| <head> | 定义关于文档的信息 | |
|
|
| <title> | 定义文档的标题 | |
|
|
| <body> | 定义文档的主体 | |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
## 基础标签 |
|
|
|
|
|
| 标签 | 描述 | |
|
|
| ------------------------- | ---------------------------------- | |
|
|
| <h1> ~ <h6> | 定义标题,h1最大,h6最小 | |
|
|
| <font> | 定义文本的字体、字体尺寸、字体颜色 | |
|
|
| <b> | 定义粗体文本 | |
|
|
| <i> | 定义斜体文本 | |
|
|
| <u> | 定义文本下划线 | |
|
|
| <center> | 定义文本居中 | |
|
|
| <p> | 定义段落 | |
|
|
| <br> | 定义折行 | |
|
|
| <hr> | 定义水平线 | |
|
|
|
|
|
| HTML 原代码 | 显示结果 | 描述 | |
|
|
| ----------- | -------- | ---------------------- | |
|
|
| \< | < | 小于号或显示标记 | |
|
|
| \> ; | > | 大于号或显示标记 | |
|
|
| \& | & | 可用于显示其它特殊字符 | |
|
|
| \" | “ | 引号 | |
|
|
| \® | ® | 已注册 | |
|
|
| \© | © | 版权 | |
|
|
| \™ | ™ | 商标 | |
|
|
| \ | | 不断行的空白 | |
|
|
|
|
|
|
|
|
|
|
|
## 图片、音频、视频标签 |
|
|
|
|
|
| 标签 | 描述 | |
|
|
| ------------------------- | ------------------------ | |
|
|
| <img> | 定义图片 | |
|
|
| <audio> | 定义音频 | |
|
|
| <video> | 定义视频 | |
|
|
|
|
|
- img:定义图片 |
|
|
- src:规定显示图像的 URL |
|
|
- height:定义图像的高度 |
|
|
- width:定义图像的宽度 |
|
|
|
|
|
- audio:定义音频。支持的音频格式:MP3、WAV、OGG |
|
|
- src:规定音频的 URL |
|
|
- controls:显示播放控件 |
|
|
|
|
|
- video:定义视频。支持的音频格式:MP4, WebM、OGG |
|
|
- src:规定视频的 URL |
|
|
- controls:显示播放控件 |
|
|
|
|
|
|
|
|
|
|
|
### 超链接标签 |
|
|
|
|
|
| 标签 | 描述 | |
|
|
| --------- | -------------------------------- | |
|
|
| <a> | 定义超链接,用于链接到另一个资源 | |
|
|
|
|
|
* href:指定访问资源的URL |
|
|
* target:指定打开资源的方式 |
|
|
* _self:默认值,在当前页面打开 |
|
|
* _blank:在空白页面打开 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
### 列表标签 |
|
|
|
|
|
| 标签 | 描述 | |
|
|
| ---------- | ------------ | |
|
|
| <ol> | 定义有序列表 | |
|
|
| <ul> | 定义无序列表 | |
|
|
| <li> | 定义列表项 | |
|
|
|
|
|
* type:设置符号的类型 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
### 表格标签 |
|
|
|
|
|
| 标签 | 描述 | |
|
|
| ------------- | -------------- | |
|
|
| <table> | 定义表格 | |
|
|
| <tr> | 定义行 | |
|
|
| <td> | 定义单元格 | |
|
|
| <th> | 定义表头单元格 | |
|
|
|
|
|
* table:设置符号的类型 |
|
|
|
|
|
* table:定义表格 |
|
|
* width:宽度 |
|
|
* border:边框 |
|
|
* cellpadding:定义内容和单元格的距离 |
|
|
* cellspacing:定义单元格之间的距离。如果指定为0,则单元格的线会合为一条、 |
|
|
* bgcolor:背景色 |
|
|
* align:对齐方式 |
|
|
* tr:定义行 |
|
|
* bgcolor:背景色 |
|
|
* align:对齐方式 |
|
|
* td:定义单元格 |
|
|
* colspan:合并列 |
|
|
* rowspan:合并行 |
|
|
* th:定义表头单元格 |
|
|
* <caption>:表格标题 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
### 布局标签 |
|
|
|
|
|
| 标签 | 描述 | |
|
|
| --------------- | ------------------------------------------------------------ | |
|
|
| <div> | 定义 HTML 文档中的一个区域部分,经常与 CSS 一起使用,用来布局网页 | |
|
|
| <span> | 用于组合行内元素。 | |
|
|
|
|
|
### 表单标签 |
|
|
|
|
|
| 标签 | 描述 | |
|
|
| ---------------- | ------------------------------------ | |
|
|
| <form> | 定义表单 | |
|
|
| <input> | 定义表单项,通过type属性控制输入形式 | |
|
|
| <label> | 为表单项定义标注 | |
|
|
| <select> | 定义下拉列表 | |
|
|
| <option> | 定义下拉列表的列表项 | |
|
|
| <textarea> | 定义文本域 | |
|
|
|
|
|
|
|
|
|
|
|
#### type取值 |
|
|
|
|
|
| type 取值 | 描述 | |
|
|
| -------- | ------------------------------------------------------------ | |
|
|
| text | 默认值。定义单行的输入字段 | |
|
|
| password | 定义密码字段 | |
|
|
| radio | 定义单选按钮 | |
|
|
| checkbox | 定义复选框 | |
|
|
| file | 定义文件上传按钮 | |
|
|
| hidden | 定义隐藏的输入字段 | |
|
|
| submit | 定义提交按钮,提交按钮会把表单数据发送到服务器 | |
|
|
| reset | 定义重置按钮,重置按钮会清除表单中的所有数据 | |
|
|
| button |定义可点击按钮 | |
|
|
|
|
|
|
|
|
|
|
|
|