HTML学习第一天

炫彩发福蝶

已于 2024-03-16 17:39:40 修改

阅读量841

点赞数 33

文章标签：前端 html

于 2024-03-07 18:04:22 首次发布

本文链接：https://blog.csdn.net/qq_43300604/article/details/136538818

版权

本文介绍了HTML中的常用标签、超链接功能、锚点使用、浏览器可直接打开的文件类型，以及列表（包括有序、无序和自定义）的实例，还以“大象冰箱问题”为例演示了如何创建有序列表。同时提到了学习策略中的课前预习、上课听讲和课后复习。

摘要由CSDN通过智能技术生成

常用标签：

<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:123456@qq.com"> 邮箱联系 </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>