html基础组件

<!--meta 标签，关键字搜索和内容描述-->  在head里面写，下面两个表示搜素的关键字和内容
<meta name="keywords" content="爱淘宝。。。。">
<meta name="description" content="淘宝网亚洲最大.......">


常用块级元素：<h1-h6> 标题；<hr/> 下划线；<ol><ul><dl> 有序无序自定义列表
<!--<a href /> 超链接标签，_blank 在新窗口打开 ;_self 在本窗口打开-->
<a href="www.baidu.com" target="_blank"> 百度</a><br>
<a href="www.souhu.com" taeget="_self"> 搜狐</a>
<!-- 块级标签 —标题<h1-h6>-->
<h1>我是块级标签</h1>
<!-- 块级标签 下滑水平线 -->
<hr/>
<!--块级标签 段落，&nbsp表示空格 <br> 表示换行-->
<p>我是块级标签段落 &nbsp 表示空格  <br> 表示换行 </p>

<!-- 有序列表 type里面可以写各种样式-->
<ol type="A">
    <li>填写信息</li>
    <li>注册会员</li>
    <li>提交信息</li>
</ol>
<!-- 无序列表 type 里面定义各种开始的图案，none 表示没有-->
<ul type="disc">
    <li>如何激活会员名</li>
    <li>如何注册会名</li>
    <li>注册密码有什么要求</li>
</ul>
<!-- 定义列表 通常用于实现图文的混排，如下面-->
<dl>
    <dt>大话西游</dt>
    <dd>经典回放</dd>
    <dd>紫霞不再</dd>
</dl>
<dl>
    <dt><img src="../img/a7.jpg" width="100" height="100"/></dt>
    <dd>经典回放</dd>
    <dd>紫霞不再</dd>
</dl>

<!-- b 加粗，i 倾斜， del 删除 hr 下划线， br 换行-->
<p>十月的烟台，总是让人<b>捉摸不透</b>。总是<i>春风得意</i>在你的时候，忽<del>然一阵的</del>狂风怒吼，让你在风<span style=" color: red ;font-size:20px"  >雨中瑟瑟发抖。总是在你无</span>比低落的时候，灿烂的阳光照耀，温暖你我。</p>