HTML学习第一天

常用标签： 

<title> </title>   <! -- 网页标题标签 -->

<h1-6> </h1-6>   <! -- N级标题 常用为1-4 -->

<p> </p>   <! -- 段落标签 -->

<a> </a>   <! -- 超链接标签 -->

<img src="img.jpg" alt="配置图片信息，方便照片加载失败以文字展示">   <! -- 插入图片 -->

<img src="./img.jpg" alt="">  <! -- ./当前文件（同级） -->

<img src=" ./文件夹/img.jpg" alt="">  <! -- 下一级文件夹 -->

<img src="  ../../ " alt=""> <! -- 上一级文件夹 -->


超链接跳转锚点：

<a href="#wolf"> 点击看狼 </a>

<a name="wolf"> </a>  或者  比较推荐：<p id="wolf">看这是一只狼</p> 

锚点最好不用数字开头

<a href="#"> 回到顶部 </a>   <! -- 页面在最下层时可直接回到顶部 -->

<a href=""> 刷新页面 </a>   <! -- 刷新页面 -->

<a href="JavaScript:alert(123456);"> 点我弹窗 </a>   <!-- alert()里只能存放数字-->
 
<a href=" 文件地址" download ="对方下载时展示的文件名（与前方文件格式一致）"> 下载该文件 </a>


超链接——唤起制定应用

<a href="tel:10086"> 电话联系 </a>

<a href="mailto:[email protected]"> 邮箱联系 </a>

<a href="sms:10086"> 短信联系 </a>

浏览器可以直接打开的有： .jpg  .mp4  .gif  .pdf 等

浏览器可以直接打开的有：.zip 等

列表：

有序列表（Ordered list）       <ol>

无序列表（Unordered list）     <ul>

自定义列表（Definition list）  <dl>

有序列表（Ordered list）       <ol>

<h2>要把大象放冰箱拢共需要分几步？</h2>

  <ol> 

    <li>把冰箱门打开</li>
    <li>把大象放进去</li>
    <li>把冰箱门关上</li>

  </ol>




无序列表(Unordered list)       <ul>

<h2>我想要去的几个城市</h2>
  
  <ul>
    
    <li>新疆</li>
    <li>湖南</li>
    <li>重庆</li>
    <li>上海</li>

  </ul>





自定义列表（Definition list）   <dl>

<h2>如何更好的进行学习</h2>

  <dl>

    <dt>课前预习</dt>
      <dd>课前预习特别重要<dd>

    <dt>上课听讲</dt>
      <dd>根据老师讲课内容进行查漏补缺</dd>

    <dt>课后复习</dt>
      <dd>课后对所有内容进行再次复习<dd>

  </dl>