HTML学习
HTML
超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。
注意:对于中文网页需要使用 声明编码,否则会出现乱码。有些浏览器(如 360 浏览器)会设置 GBK 为默认编码,则你需要设置为<meta charset="gbk">
。
<!DOCTYPE html>
声明为 HTML5 文档<html>
元素是 HTML 页面的根元素<head>
元素包含了文档的元(meta)数据<title>
元素描述了文档的标题<body>
元素包含了可见的页面内容<h1>
元素定义一个大标题<p>
元素定义一个段落
HTML 基础- HTML 标题
HTML 标题(Heading)是通过<h1> - <h6>
标签来定义的.
<h1>
定义最大的标题。<h6>
定义最小的标题。
<h1>我是标题1</h1>
<h2>我是标题2</h2>
<h3>我是标题3</h3>
不要仅仅是为了生成粗体或大号的文本而使用标题。搜索引擎使用标题为您的网页的结构和内容编制索引。因为用户可以通过标题来快速浏览您的网页,所以用标题来呈现文档结构是很重要的。应该将 h1 用作主标题(最重要的),其后是 h2(次重要的),再其次是 h3,以此类推。
HTML 段落
HTML 段落是通过标签<p>
来定义的.
<p>我是段落</p>
HTML 链接
HTML 链接是通过标签<a>
来定义的.
<a href="http://www.xxx.com">这是一个链接</a>
- HTML 图像
HTML 图像是通过标签<img>
来定义的.
<img src="/images/xx.png" width="200" height="200" />
- HTML 表格
表格由<table>
标签来定义。每个表格均有若干行(由<tr>
标签定义),每行被分割为若干单元格(由<td>
标签定义)。
<table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>
- HTML 列表
无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记。
无序列表使用<ul>
标签
<ul>
<li>aa</li>
<li>bb</li>
</ul>
- aa
- bb
有序列表也是一列项目,列表项目使用数字进行标记。 有序列表始于 <ol>
标签。每个列表项始于 <li>
标签。
<ol>
<li>aa</li>
<li>bb</li>
</ol>
- aa
- bb