html学习笔记 | 我要干饭！

1， <h1 align="center"> 标题居中
2，<body style="background-color:yellow"> 改变背景颜色(PowderBlue),也可以是<h2 style="background-color:red"> 等等

3，font-family、color 以及 font-size 定义了其字体、颜色、大小例如：<p style="font-family:arial;color:red;font-size:20px;">
在这里插入图片描述

4，text-align定义了元素中文本的水平对齐方式，例如：<h1 style="text-align:center">
5，<a herf="\\\\.com">插入链接，例如： <a href="http://www.w3school.com.cn/" target="_blank">Visit W3School!</a>，其target属性可改变链接的文档在何处显示
6，利用pre标签，可以保存空行和空格
7，标题正常只显示缩写，当鼠标移动到那时显示完整的，例如下面两种方法<abbr title="etcetera">etc.</abbr> <acronym title="World Wide Web">WWW</acronym>
8，块引用，使用 blockquote 元素的话，浏览器会插入换行和外边距，而 q 元素不会有任何特殊的呈现。
9，用图片做链接，例如：<a href="/example/html/lastpage.html"> <img border="0" src="/i/eg_buttonnext.gif" /> </a>
10，插入图片，图像由 img标签定义，要在页面上显示图像，你需要使用源属性（src）。src 指 “source”。源属性的值是图像的 URL 地址。例如：<img src="url" /> ，背景图片设置<body background="/i/eg_background.jpg"> ，通过设置 align属性，来设置图片的对齐方式和图在的位置
11，通过tr，td设置表格，并通过border的值设置边框，每个表格由 table 标签开始。每个表格行由 tr 标签开始。每个表格数据由 td 标签开始。并用&nbsp当作占位符在空表格中使用。
例如：`

一行三列：

100

200

300

` 它的的代码是`

<table border="1">
<tr>
  <td>100</td>
  <td>200</td>
  <td>300</td>
</tr>
</table>`

12，有序列表和无序列表，例如：

一个无序列表：

咖啡
茶
牛奶

它的代码是

<h4>一个无序列表：</h4>
<ul>
  <li>咖啡</li>
  <li>茶</li>
  <li>牛奶</li>
</ul>

有序列表如：

咖啡
牛奶
茶

它的代码是：

<ol start="50">
  <li>咖啡</li>
  <li>牛奶</li>
  <li>茶</li>
</ol>