HTML 基础第一天

找了一套前端的课程,计划详细的跟上学习一下。这里只是记录一下自己能坚持多久。

1. HTML 负责网页的结构

2. CSS 对网页元素的外观和位置进行处理

3. JavaScript 负责页面的交互


 Html页面的固定结构

          

 开发工具选择

        vscode

语法规范

          vscode中注释的快捷键   ctrl + /

标签的结构图

        

    html中标签之前的关系

        1. 父子关系(嵌套关系)

           <head>

                 <title>网页的标题</title>

            </head>

        

        2. 兄弟关系 (并列关系)

            head 和body之间的关系

                <head>

                   <title>网页的标题</title>

                 </head>

                <body>

                    <!-- 网页的主体内容 -->

                </body>

HTML 标签的学习

  1.  排版标签

           1》标题标签

                   h系列标签。只有h1到h6

                   文字都有加粗,独占一行

           2》段落标签

                        

           3》换行标签

               <br> 强制换行使用

           4》水平线标签

                 <hr>

  2.  文本格式化标签

            

          如果要突出重要性的强调语境,使用右侧的一组标签

  3.  媒体标签

           图片标签

             

 

 

           音频标签

      

         

        视频标签

    

  4. 链接标签

       

 

   5. 路径 

        1. 绝对路径

           

        2.  相对路径

 同级目录:

          

      下级目录

                

 上级目录

     

             

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

程序员张大胖

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值