web学习（1）

【创建一个.html的文件，再打一个！+tab键】

1.<p>独立成行</p>

2.<h1></h1>

<h2></h2>

<h3></h3><!-- 标题逐渐减小 -->

3.<strong>加粗</strong>

4.<em>斜体</em>

5.<del>灰色划线（用于价格)</del>

6.<br><!-- 单个也能换行 -->

7.<hr><!-- 水平线 -->

8.<span>水平排列</span>

<!-- <span>天猫超市</span> -->  

9.&nbsp;

<!--空格 用法：<span>淘宝天选</span>

&nbsp;

<span>天猫超市</span> -->

&lt 你好 &gt

<!-- 实现的是<你好> -->

1.<ol type="A">

    <!-- A能替换成a/1 -->

    <li> 小鲫鱼</li>

    <li>洛洛冒险记</li>

</ol>

2.<ul type="circle">

    <!-- circle/disc/circle -->

    <li>莉莉冒险记</li>

    <li>芭比公主</li>

</ul>

3.<!-- 引入图片 -->

<img src="https://tenfei03.cfp.cn/creative/vcg/veer/800water/veer-141113267.jpg" alt="" style="width: 500px;" title="动漫图片">

<img src="https://alifei05.cfp.cn/creative/vcg/veer/800water/veer-100680644.jpg" style="width:200px">

4.<a>超链接/锚点/打电话/协议限定符</a>

<!-- 超链接 -->

<a href="https://www.veer.com">www.veer.com/</a>

<!-- 另外起一个页面 -->

<a href="Untitled-1.html" target=“blank>www.taobao</a>

<!-- 通过图片转载到另一个页面 -->

<a href="Untitled-1.html" targe="blank"><img src="图片1.png" style="width:300px;"></a>

5.<!-- <from></from>的应用： -->

<from>

    <hl>位置</hl>

    <select>

        <option>北京</option>

        <option>广西</option>

    </select>

    <select>

      <option>贺州</option>

      <option>桂林</option>

    </select>

</from>