标签：外链 佼佼者 勤奋 lsp 来源 发微博 需要 html标签 背景颜色
一、HTML简介
超文本标签语言，即网页的源码。而浏览器就是翻译解释HTML源码的工具。
<1>Head的作用
用于描述网页的一些关键信息。比如网页的配置、设置、关键字等等。这些信息大多在浏览器是看不到的，但是对网页的解析至关重要。
<2>meta标签
①用于描述网页的各种信息。网页编码格式UTF-8:万国码，兼容各种语言的编码，最常用！
②设置网页的关键字，有助于搜索引擎的搜索。name="keywords" 表示网页的关键字；content=" " 表示关键字的详细信息，多个关键字用英文逗号分隔；
③设置网页的描述信息，搜索引擎搜索时标题下面的一段文字。name="description" 表示网页的描述信息；content=" " 表示描述信息的详细内容。
<3>link标签
链接网页的小图标。rel="icon" 表示当前link的作用是链接网页图标；href="img/icon.jpg"中 href表示图标的地址。
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="keywords" content="杰瑞教育,H5周末班,网页开发" /> <meta name="description" content="这是我在杰瑞教育开发的第一个网页！" /> <title>这是我的第一个网页</title> <link rel="icon" href="img/icon.jpg" /> </head> <body> 浩哥真帅！ </body> </html>
三、HTML标签的分类
1、块级标签：显示为块状，独占一行，自动换行。
<h1>这是h1标签</h1> <h2>这是h2标签</h2> <h3>这是h3标签</h3> <h4>这是h4标签</h4> <h5>这是h5标签</h5> <h6>这是h6标签</h6> <hr/>
<pre> if(entity != null){ tring result = EntityUtils.toString(entity,"UTF-8");//HttpEntity转为字符串类型 jsonObject = JSONObject.fromObject(result);//字符串类型转为JSON类型 } </pre>
<ul> <li>这是无序列表第一项</li> <li>这是无序列表第二项</li> <li>这是无序列表第三项</li> <li>这是无序列表第四项</li> </ul>
<ol> <li>这是有序列表第一项</li> <li>这是有序列表第二项</li> <li>这是有序列表第三项</li> <li>这是有序列表第四项</li> </ol>
<dl> <dt>这是dl列表的标题</dt> <dd>这是dl列表的描述项1</dd> <dd>这是dl列表的描述项2</dd> <dd>这是dl列表的描述项</dd> </dl>
<figure> <img src="img/icon.jpg"/> <figcaption>图片的描述标题</figcaption> </figure>
<div style=" width:500px; height:100px; background:greenyellow ;"> 这是div里面的文字！ <p>1234567890</p> </div>
（二）基本的行级标签
<1> span（文本）标签
浩哥真<span style="color: red;font-size: 48px;">帅</span>！！！ <br/> <br/> <br/>
<em>这是em标签</em><br/> <strong>strong标签</strong><br/> <b>b 标签</b><br/> <i>i 标签</i><br/> <u>这是 u标签</u><br/><br/>
<q cite="http://www.jianghaozhenshuai.com">我是q标签引用</q><br/> <blockquote cite="">我是blockquote的引用</blockquote><br/> <cite cite="">这是cite标签引用！</cite><br/><br/>
<img src="img/icon.jpg" style width="200px" height="200px"></img> <img src="https://www.baidu.com/img/bd_logo1.png"></img> <img src="file：///E:/bd_logo1.jpg"></img><br/><br /> <img src="bd_logo1.png" /> <img src="img/icon.jpg" title="考拉" /> <img src="../icon.jpg" /> <img src="../img/bd_logo1.png"/><br/><br /> <img src="../bd_logo1.png" alt="图片无法加载显示"/> <br /> <img src="../icon.jpg" align="top"/> 123456 <br /> <br />
<a href="http://www.baidu.com" target="_blank">这是一个超链接01</a><br/> <a href="01-HTML-Head部分.html" target="_bank">这是一个超链接02</a><blr /> <a href="../text000.html" title="测试网站" target="_blank">外链接</a><br/> <a href="mailto：//15269599302@163.com" title="我的邮件" target="_blank">点击给指定邮件发送邮件</a> <a name="#center"></a> <div style="background-color: greenyellow;height:800px ;"></div> <a href="#top">点击返回顶部！</a> <a href="#center">点击跳到中间!</a> <a href="../text000.html#one" target="_blank">点击新页面第一部分</a> <a href="../text000.html#two" target="_blank">点击新页面第二部分</a> <a href="../text000.html#three" target="_blank" >点击新页面第三部分</a>
四、W3C规范
1、W3C：万维网联盟，负责制定和维护Web行业开发标准。
五、HTML表格
表格用Table表示，表格中的每一行用tr表示，一行中的每一列用td表示； th表示的是表头，表头中的文字默认加粗居中；th要放在tr中，相当于替换掉td。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>HTML表格</title> </head> <body> <table style="width: 500px;height: 100px;border-collapse: collapse;" border="1" bordercolor="red" bgcolor="aquamarine" align="center"> <tr bgcolor="pink"> <th nowrap="nowrap">标题一</th> <th>标题二</th> <th>标题三</th> </tr> <tr style="color: red;" > <td rowspan="2">1-1</td> <td>1-2</td> <td>1-3</td> </tr> <tr> <td colspan="2">2-2</td> </table> </body> </html>
六、后记
这是小女第一次发微博，写此后记纪念一下。通过这两堂课跟HTML的接触，我发现自己还是很喜欢她的，只是我没有与生俱来的编码天分，一切还在摸索阶段，希望可以通过后天的勤奋努力称为编码界中的佼佼者。加油↖(^ω^)↗
标签：外链 佼佼者 勤奋 lsp 来源 发微博 需要 html标签 背景颜色
原文地址：http://www.cnblogs.com/Tracey-1023/p/7020538.html
