HTML基础知识（未完待续）

一、HTML编辑工具：Sublime Text

二、HTML实体字符：1、（ 空格）：&nbsp； 2、（<） &lt； 3、（>）&gt； 4、（&）&amp； 5、（“）&quot；等

三、基本HTML标记：

注释标记：<!-- 这是注释内容 -->

换行标记：<br/>

段落标记： <p></p>    段落标记p可以较大行距区分不同段落

标题标记：<h1></h1>  <h2></h2>  <h3></h3>  <h4></h4>  <h5></h5>  <h6></h6>   h1最大h6最小

预格式化文本标记：<pre></pre>   pre标记可以让文本以预定义的格式显示

块标记：<div></div>   <span></span>

定义标记：<dl></dl>  <dt></dt>  <dd></dd>

 <dl>
     <dt>关于好时</dt>
     <dd>品牌历史</dd>
     <dd>好时公司</dd>
     <dd>关注好时</dd>
 </dl>

 <dl>
     <dt>美味好时巧克力</dt>
     <dd>好时之吻巧克力</dd>
     <dd>好时榛吻巧克力</dd>
     <dd>好时巧克力</dd>
 </dl>

列表标记： 1、无序列表：<ul></ul>    2、有序列表：<ol></ol>   3、列表项<li></li>

 <ul type="circle">
     <li>html</li>
     <li>css/li>
     <li>javascript</li>
     <li>jquery</li>
     <li>bootstrap</li>
 </ul>

 <ol type="A">
     <li>html</li>
     <li>css</li>
     <li>javascript</li>
     <li>jquery</li>
     <li>bootstrap</li>
 </ol>

水平线标记：<hr/>

图像标记：<img></img>     注：src="   " 表示图片位置       alt=“  ” 表示提示语句

 <img src="pic1.jpg" alt="床上用品" width="200" height="200" />

四、其他HTML常用标记

斜体字：<i></i>

粗体字：<b></b>

强调（加粗字体）：<strong></strong>

删除：<del></del>

下标：

上标：

链接：<a href="  "></a>

地址：<address></address>

正序逆序：<bdo></bdo>

显示HTML的缩写：<abbr title="Hyper Text Markup Language">HTML</abbr>

 <i>斜体</i>
 <b>粗体</b>
 <strong>强调文本</strong>

 <address>卡子门</address>
 <!--正序   显示this is an apple-->
 <bdo dir="ltr">
     this is an apple
 </bdo>
 <br/>
 <!--逆序   显示elppa na si siht-->
 <bdo dir="rtl">
     this is an apple
 </bdo>
 <br/>
 <!--sub下标-->
 x<sub>2</sub>
 <br/>
 <!--sup上标-->
 x<sup>2</sup>
 <br/>
 <abbr title="Hyper Text Markup Language">html</abbr>

五、HTML头部标记

脚本标记：<script>

内部样式标记：<style>

外部样式等资源标记：<link>

页面标题标记：<title>

基准路径标记：<base>

元信息标记：<meta>

六、链接

内部链接：到同一文档内或同一网站内的其他部分的链接

外部链接：到其他网站或服务器上的页面的链接