一、HTML
1、标题大小与字体大小的关系
1到6号标题与1到6号字体逆序对应，比如1号字体对应6号标题，2号字体对应5号标题。
2、HTML 水平线
<hr> 标签在 HTML 页面中创建水平线。
3、
<b>加粗文本</b><br>
<strong>加粗文本</strong><br>
<i>斜体文本</i><br>
<em>斜体文本</em><br>
<big>放大文本</big><br>
<small>缩小文本</small><br>
<code>电脑自动输出</code><br>
这是<sub>下标</sub>和<sup>上标</sup>
4、通常标签 <strong> 替换加粗标签 <b> 来使用, <em> 替换 <i>标签使用。
然而，这些标签的含义是不同的：
< b> 与<i> 定义粗体或斜体文本。
< strong> 或者 <em>意味着你要呈现的文本是重要的，所以要突出显示。
5、文字方向
- <bdo> 标签：覆盖默认的文本方向。
- dir 属性规定元素内容的文本方向。
语法
<bdo dir="value">
| 值 | 描述 |
|---|---|
| ltr | 默认。从左向右的文本方向。 |
| rtl | 从右向左的文本方向。 |
6、块引用
<blockquote> 标签定义块引用。
<blockquote> 与 </blockquote> 之间的所有文本都会从常规文本中分离出来，经常会在左、右两边进行缩进（增加外边距），而且有时会使用斜体。也就是说，块引用拥有它们自己的空间。
<html>
<body>
Here comes a long quotation:
<blockquote>
This is a long quotation. This is a long quotation. This is a long quotation. This is a long quotation. This is a long quotation.
</blockquote>
请注意，浏览器在 blockquote 元素前后添加了换行，并增加了外边距。
</body>
</html>
7、删除字和插入字效果
<p>my favorite color is <del>red</del> <ins>blue</ins></p>
定义和用法
<ins> 标签定义已经被插入文档中的文本。
提示和注释
提示：请与 <del> 一同使用，来描述文档中的更新和修正。
十、html链接
1、语法：<a href="url">链接文本</a>
href 属性描述了链接的目标。.
提示: "链接文本" 不必一定是文本。图片或其他 HTML 元素都可以成为链接。
2、HTML 链接 - target 属性
使用 target 属性，你可以定义被链接的文档在何处显示。
语法：<a target="value">
实例：<a href="http://www.runoob.com/" target="_blank">访问菜鸟教程!</a>
特殊的目标
3、HTML 链接 - <a>标签的name属性 和id 属性
name 属性
- name 属性用于指定锚（anchor）的名称。
- name 属性可以创建（大型）文档内的书签。
- <a> 标签内必须提供 href 或 name 属性。
name 语法 <a name="value"></a>
id属性
- id 属性规定 HTML 元素的唯一的 id。
- id 在 HTML 文档中必须是唯一的。
- id 属性可用作链接锚（link anchor），通过 JavaScript（HTML DOM）或通过 CSS 为带有指定 id 的元素改变或添加样式。
id语法 <element id="value">
延伸阅读：使用 name 属性还是 id 属性
（2）在当前页面跳到指定页面实例
首先，我们在 HTML 文档中对锚进行命名（创建一个书签）：
<a name="tips”>基本注意事项</a>
然后，我们在同一个文档中创建指向该锚的链接：
<a href="#tips">有用的提示</a>您也可以在其他页面中创建指向该锚的链接：
<a href="http://www.w3school.com.cn/html/html_links.asp#tips">有用的提示</a>在上面的代码中，我们将 # 符号和锚名称添加到 URL 的末端，就可以直接链接到 tips 这个命名锚了。
具体效果：有用的提示
（3）创建电子邮件链接
在进行邮件内容发送时，需要使用关键字：mailto
示例如下：
<a href="mailto:zhangrr601@163.com?subject=这是邮件的主题&body=这是邮件的内容" rel="nofollow">发送邮件</a>这样会调启系统默认的邮件程序发送给 zhangrr601@163.com，并且收件人那里已经填上了我邮箱的地址。
关于创建电子邮件链接时如何进行抄送，密送.
在进行抄送时，需要使用关键字：cc
在进行密送时，需要使用关键字：bcc
示例如下：
<a href="mailto:zhangrr601@163.com?cc=someone@163.com&bcc=somebody@163.com" rel="nofollow">发送邮件</a>
十一、html头部
1、<base>标签2
- <base> 标签没有结束标签
- <base> 标签必须位于 head 元素内部。
（1）base 标签的href属性
定义：href 属性规定页面中所有相对链接的基准 URL。
语法：<base href="value">
（2）base标签的target属性
定义：target 属性规定在何处打开页面上的所有链接。
语法：<base target="value">
综上举例
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<base href="http://www.runoob.com/images/"target="_blank">
</head>
<a>
<img src="logo.png">-注意这里我们设置了图片的相对地址，能正常显示是因为我们在head部分设置了base 标签，该标签制定了页面上所有链接的默认URL,所以该图片的地址为“http://www.runoob.com/images/logo.png"
<br>
<br>
<a href=" http://www.runoob.com">菜鸟教程</a>注意这个链接会在新窗口打开，即便它没有 target="_blank" 属性。因为在 base 标签里我们已经设置了 target 属性的值为 "_blank"。</a>
</body>
</html>
2、<style>标签
定义：
type 属性是必需的，定义 style 元素的内容。唯一可能的值是 "text/css"。
style 元素位于 head 部分中。
语法：<element style="value">
举例：
<html>
<head>
<style type="text/css">
h1 {color:red}
p {color:blue}
</style>
</head>
<body>
<h1>Header 1</h1>
<p>A paragraph.</p>
</body>
</html>3、<link >标签
定义：定义了一个文档和外部资源之间的关系
最常见的用途：链接样式表。
rel属性是必需属性
4、<meta>标签
定义：
元数据（Metadata）是数据的数据信息。
<meta> 标签提供了 HTML 文档的元数据。元数据不会显示在客户端，但是会被浏览器解析。
META元素通常用于指定网页的描述，关键词，文件的最后修改时间，作者及其他元数据。
元数据可以被使用浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他 Web 服务调用。
用法：，<meta> 标签位于头部，没有结束标签。
十二、html样式css
1、
- 内联样式- 在HTML元素中使用"style" 属性
<h1 style="font-family:verdana;">一个标题</h1>
<p style="font-family:arial;color:red;font-size:20px;">一个段落。</p>- 内部样式表 -在HTML文档头部 <head> 区域使用<style> 元素 来包含CSS
<head>
<style type="text/css">
body {background-color:yellow;}
p {color:blue;}
</style>
</head> - 外部引用 - 使用外部 CSS 文件
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head> 2、添加背景颜色
<body bgcolor="yellow">
十三、HTML 图像- 图像标签（ <img>）和源属性（Src）
- <img> 是空标签，只包含属性，并且没有闭合标签。
- 要显示图像需要使用源属性（src）。src 指 "source"。源属性的值是图像的 URL 地址。
- alt 属性指定了替代文本，用于在图像无法显示或者用户禁用图像显示时，代替图像显示在浏览器中的内容。
定义图像的语法是：
<img src="url" alt="some_text" style="float:left" width="304" height="228"> 创建图像映射(待学习)
本例显示如何创建带有可供点击区域的图像地图。其中的每个区域都是一个超级链接。
添加背景图片：<body background="background.gif">
十四、表格
1、横跨用colspan,纵跨用rowspan
2、带标题的表格用<caption></caption>
3、<colgroup>标签和<col>标签
<col span=" ">规定 col 元素应该横跨的列数。
<colgroup>
<col span="2" style="background-color:red">
<col style="background-color:yellow">
</colgroup>
4、<cellpadding>标签：单元格内容与其边框之间的空白。
<cellspacing>标签：用以增加单元格之间的距离。
以下几种情况分别为
- <table border="1">
- <table border="1" cellspacing="0">
- <table border="1" cellspacing="10">
5、
十三、列表
<h4>圆点列表</h4>
<ul style="list-style-type:disc"></ul>
<h4>圆圈列表</h4>
<ul style="list-style-type:circle"></ul>
<h4>正方形列表：</h4>
<ul style="list-style-type:square"></ul>
<ol start="50'">
<li>Coffee<li>
<li>Tea<li>
<li>Milk<li>
十五、区块
HTML <div> 元素
- HTML <div> 元素是块级元素，它可用于组合其他 HTML 元素的容器。
- <div> 元素没有特定的含义，浏览器会在其前后显示折行。
- 如果与 CSS 一同使用，<div> 元素可用于对大的内容块设置样式属性。
- <div> 元素的另一个常见的用途是文档布局。
HTML <span> 元素
- 是内联元素，可用作文本的容器
- <span> 元素也没有特定的含义。
- 当与 CSS 一同使用时，<span> 元素可用于为部分文本设置样式属性。
十六、表单
1、<form> 标签用于为用户输入创建 HTML 表单。
表单能够包含 input 元素，比如文本字段、复选框、单选框、提交按钮等等。
2、单选按钮radio
3、复选框checkbox
<form>
<input type="checkbox" name="vehicle" value="Bike">I have a bike<br>
<input type="checkbox" name="vehicle" value="Car">I have a car
</form> 
4、文本域
4、下拉列表
<optgroup>标签可以为option分组
5、带边框的表单
6、按钮submit提交，reset重置
7、发邮件
8、笔记
十六、框架
1、<iframe>移除边框
<iframe src="demo_iframe.htm" frameborder="0"></iframe>2、使用iframe来显示目标链接页面
<iframe src="demo_iframe.htm"name="iframe_a"></iframe>
<p><a href="http://www.runoob.com"target="iframe_a">RUNOOB.COM</a></p>
十七、颜色
相对于使用rgb(255,255,0)，使用rgba(255,255,0,0.5)可以实现设置颜色透明度的功能，这里的0.5表示透明度，范围0~1。
十八、脚本
1、<noscript> 标签：提供无法使用脚本时的替代内容，比方在浏览器禁用脚本时，或浏览器不支持客户端脚本时。
2、JavaScript可以直接在HTML输出:
document.write("<p>这是一个段落。</p>");
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
