html基础3

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>Document</title>
  </head>
  <body>
    <!-- 布局标签(结构化语义标签) -->
    <!-- 
        header 表示网页的头部
        main   表示网页的主体部分(仅有一个)
        footer 表示网页的底部
        nav    表示网页的导航
        aside  表示网页的其他内容(侧边栏)
        article表示一个独立的文章
        section表示一个独立的区块,其他标签不能表示的用section

     -->
    <!-- div 没有语义,只表示一个区块,目前来讲div是主要的布局元素
          span  行内元素没有任何的语义,一般用于在网页中选中文字 -->

    <!-- 在HTML中列表有三种,有序列表(order list ),无序列表(unorder list),定义列表(definite list)
             -->

    <ol>
      <li></li>
      <li></li>
    </ol>
    <ul>
      <li></li>
      <li></li>
    </ul>
    <dl>
      <dt>结构</dt>
      <dd>结构表示网页的结构,结构用来规定网页中哪里是标题,哪里是段落</dd>
    </dl>

    <!--超链接  -->
    <!-- 超链接可以让页面跳转到其他页面或者是当前页面的其他位置 
        使用a标签定义超链接
        属性:href   指定跳转的目标路径
                    其值可以是一个外部网站的地址,也可以是内部页面的地址
                超链接算是一个行内元素,标签内可以嵌套除了a之外的任何元素
             target 
                    可选值:_self(默认值)   在当前页面打开超链接
                            _blank          在新页面打开超链接
            -->
    <!-- 在开发中可以将#作为超连接的占位符使用,会转到当前页面的顶部 -->
    <!-- 当href的值为JavaScript:;时点击超链接什么都不会发生 -->
    <a href="网页链接"></a>
    <!-- id属性(唯一不重复)
                    每一个标签都可以添加一个id属性
                    id属性是元素的唯一标识 同一个页面中不允许出现重复的id属性
                    只需将herf的值设置为目标元素的id,就能调转到页面的指定位置 -->

    <!-- 相对路径 -->
    <!-- 当我们需要跳转到一个服务器内部的页面时,一般我们会使用相对路径 -->
    <!-- 
                ./表示文件所在的当前目录
                ../表示当前文件所在目录的上一级目录 -->
  </body>
</html>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值