HTML
1、元素属性
new为HTML5新增属性
| 属性 | 描述 |
|---|---|
| accesskey | 设置访问元素的键盘快捷键。 |
| class | 规定元素的类名（classname） |
| contenteditable New | 规定是否可编辑元素的内容。 |
| contextmenu New | 指定一个元素的上下文菜单。当用户右击该元素，出现上下文菜单 |
| dir | 设置元素中内容的文本方向。 |
| draggable] New | 指定某个元素是否可以拖动 |
| dropzone New | 指定是否将数据复制，移动，或链接，或删除 |
| hidden New | hidden 属性控制元素进行隐藏。 |
| id | 规定元素的唯一 id |
| lang | 设置元素中内容的语言代码。 |
| spellcheck New | 检测元素是否拼写错误 |
| style | 规定元素的行内样式（inline style） |
| title | 规定元素的额外信息（可在工具提示中显示） |
| translate New | 指定是否一个元素的值在页面载入时是否需要翻译 |
2、元素
菜鸟速查
标题 —— h1 ～h6
- 搜索引擎使用标题为您的网页的结构和内容编制索引。用户可以通过标题来快速浏览您的网页
水平线—— < hr>
注释——
- < !-- 这是一个注释 -->
段落—— < p>
- 块级元素，浏览器自动前后添加空行
折行—— < br>
- 没有结束标签
链接—— < a>
-
< a href=“www.baidu.com”>百度链接< /a>
-
href链接目标，可以是文本、图片或其他HTML元素
-
target属性定义在何处显示，target="_blank"在新窗口打开文档，
-
链接到添加id属性的元素：< a href="#tips">访问元素< /a>
-
< a> 标签的可选属性 rel 和 rev 分别表示源文档与目标文档之间正式的关系和方向。rel 属性指定从源文档到目标文档的关系，而 rev 属性则指定从目标文档到源文档的关系
图像—— < img>
- < img src=“url” alt=“some_text”>
- map定义图像地图，area定义地图中的可点击区域
表格—— < table>
- < tr> 行 ，< td> 列元素，< th>表头//大多数浏览器会把表头显示为粗体居中的文本
- table属性：cellpadding 单元格边距，cellspacing单元格间距，不加border属性表格将没有边框
- caption添加标题
- colspan=“2”单元格跨两行，rowspan跨列，th,td属性
列表——
-
ol有序、ul无序、li表项
-
有序：type=“A”/“a”/“I”(大写罗马数字)/“i”/默认123
-
无序：style="list-style-type:disc"原点/circle圆圈/square正方形
块级元素和内联元素
- 块级：< h1>, < p>, < ul>, < table>,< div>
- 内联：< b>, < td>, < a>, < img>,< span>
表单—— form
- input：type：text , password , radio , checkbox , submit , reset, range, number
- select - option：selected属性预选
- 表单
框架—— iframe
<iframe src="//www.baidu.com" name="iframe_a"></iframe>
<p><a href="//www.runoob.com" target="iframe_a">RUNOOB.COM</a></p>
- height 和 width 属性用来定义iframe标签的高度与宽度,frameborder 属性是否显示边框
头部—— < head>
-
使用 title 标签定义HTML文档的标题：
- 定义了浏览器工具栏的标题
- 当网页添加到收藏夹时，显示在收藏夹中的标题
- 显示在搜索引擎结果页面的标题
-
使用 base 定义文档中所有链接默认地址和属性
-
使用 meta 元素来描述HTML文档的描述，关键词，作者，字符集等元数据。元数据可以使用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他Web服务。
-
link标签定义了文档与外部资源之间的关系，通常用于链接到样式表。
-
style标签定义了HTML文档的样式文件引用地址，在style元素中也可以直接添加样式来渲染 HTML 文档
| 标签 | 描述 |
|---|---|
| < head> | 定义了文档的信息 |
| < title> | 定义了文档的标题 |
| < base> | 定义了页面链接标签的默认链接地址 |
| < link> | 定义了一个文档和外部资源之间的关系 |
| < meta> | 定义了HTML文档中的元数据 |
| < script> | 定义了客户端的脚本文件 |
| < style> | 定义了HTML文档的样式文件 |
3、文本格式化
| 标签 | 描述 |
|---|---|
| < b>bold | 定义粗体文本 |
| < em>emphasis | 定义着重文字 |
| < i>italic | 定义斜体字 |
| < small>small | 定义小号字 |
| < strong>strong | 定义加重语气 |
| < sub>sub | 定义下标字 |
| < sup>sup | 定义上标字 |
| < ins>insert | 定义插入字 |
| < del> | 定义删除字 |
“计算机输出标签”
| 标签 | 描述 |
|---|---|
< code>code | 定义计算机代码 |
| < kbd>keyboard | 定义键盘码 |
| < samp>sample | 定义计算机代码样本 |
| < var>variable | 定义变量 |
< pre>pre | 定义预格式文本 |
| 标签 | 描述 |
|---|---|
| < abbr>W | 定义缩写 |
| < address>地址：上海 | 定义地址 |
| < bdo>从右到左 | 定义文字方向 |
| < blockquote> | 定义长的引用 |
| < q> | 定义短的引用语 |
| < cite> | 定义引用、引证 |
| < dfn> | 定义一个定义项目。 |
4、三种样式
- 内联样式- 在HTML元素中使用"style" 属性
- 内部样式表 -在HTML文档头部 区域使用
<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>
5、颜色
-
目前所有浏览器都支持以下颜色名：141个颜色名称是在HTML和CSS颜色规范定义的（17标准颜色，再加124）
-
17标准颜色：黑色，蓝色，水，紫红色，灰色，绿色，石灰，栗色，海军，橄榄，橙，紫，红，白，银，蓝绿色，黄色。
6、字符实体
-
&entity_name; 或 &#entity_number;
-
HTML 中的预留字符、一些在键盘上找不到的字符
-
显示结果 描述 实体名称 实体编号 空格 & nbsp; & #160; < 小于号 & lt; & #60; > 大于号 & gt; & #62; & 和号 & amp; & #38; " 引号 & quot; & #34; ’ 撇号 & apos; (IE不支持) & #39; ￠ 分 & cent; & #162; £ 镑 & pound; & #163; ¥ 人民币/日元 & yen; & #165; € 欧元 & euro; & #8364; § 小节 & sect; & #167; © 版权 & copy; & #169; ® 注册商标 & reg; & #174; ™ 商标 & trade; & #8482; × 乘号 & times; & #215; ÷ 除号 & divide; & #247;
7、URL
- 语法规则：scheme
://host.domain:port/path/filename- scheme - 定义因特网服务的类型。最常见的类型是 http
- host - 定义域主机（http 的默认主机是 www）
- domain - 定义因特网域名，比如 runoob.com
- :port - 定义主机上的端口号（http 的默认端口号是 80）
- path - 定义服务器上的路径（如果省略，则文档必须位于网站的根目录中）。
- filename - 定义文档/资源的名称
2293
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
