web前端开发学习之路

最新推荐文章于 2024-08-03 21:32:51 发布

无奈的浪堵

最新推荐文章于 2024-08-03 21:32:51 发布

阅读量180

点赞数

分类专栏：前端开发文章标签：学习 html5 css

本文链接：https://blog.csdn.net/weixin_46228551/article/details/125605912

版权

前端开发专栏收录该内容

2 篇文章 0 订阅

订阅专栏

7月4日#布局标签

<body>
     <!-- header表示网页头部 -->
     <!-- main表示网页的主题部分 -->
     <!-- footer表示网页的底部 -->
     <!-- nav网页中的导航 -->
     <!-- aside表示对柱体解释或者侧边栏 -->
     <!-- article表示一个独立的文章 -->
     <!-- section表示一个独立的区块 -->
     <!--
         列表：
         1、有序列表 ul创建有序列表，li表示列表项
         2、无序列表  ol
         3、定义列表  dl创建定义列表，dt表示定义的内容，dd表示对内容的解释说明
     -->
     <ul>
        <li>广州应用科技学院</li>
        <li>深圳技术大学</li>
        <li>广州商学院</li>
     </ul>
     <ol>
        <li>广州应用科技学院</li>
        <li>深圳技 术大学</li>
        <li>广州商学院</li>
     </ol>
     <dl>
        <dt>广州应用科技学院</dt>
        <dd>广州市增城区朱村</dd>
     </dl>
</body>

在这里插入图片描述

相对路径

<body>
    <!-- 需要跳转一个服务器内部的页面时，用相对路径，
         格式：./或../开头   
         ./表示当前文件所在的目录
         ../表示当前文件所在目录的上一级目录 
    -->
    <!-- 
        _self 默认在当前页面打开超链接
        _blank 在一个新的页面打开超链接
     -->
    <a href="./7.4布局标签.html" target="_blank">超链接1</a>
    <a href="./path/target1.html" target="_self "> 超链接2</a>
    <!-- 
        id属性，设置#，页面不会发生跳转，而是转到当前页面顶部的位置
        可以跳转到页面的指定位置，只需将href属性设置#目标元素的id值 
    -->
    <a href="#bottom">去底部</a>
    <a href="#p3">去第三段</a>

语义化标签

<body>
    <!-- 大标题小标题 -->
    <hgroup>
        <h1>Web前端开发工程师</h1>
        <h2>小程序开发</h2>
    </hgroup>
    <!-- 强调 -->
    <p><strong>广州应用</strong>科技学院</p>
    <!-- 缩进 -->
    鲁迅说：
    <blockquote>去读书吧</blockquote>
</body>