第一次网页前端培训笔记【HTML常用标签】

一、安装 Hbuilder X

二、学习视频:

B站学习视频icon-default.png?t=M0H8https://www.bilibili.com/video/BV1sf4y1k7dr?p=1

三、基础语法

      3.1 标签

            3.1.1 单标签 < >

有属性(文本大小,粗细等等),无属性

3.2.2 双标签 < >...< >

      3.2 整体结构

            标记头区<head>...<head>、内容区<body>...<body>和网页区<html>...<html>

            head区:

                          title:“网页名”和“书签名”

                          link:引入css

                          script:引入js

四、常用标签

        4.1 标题标签(自动换行)

              HTML 标题(Heading)是通过<h1> - <h6> 标签来定义的。

        4.2 段落标签(自动换行)

              <p>...</p>

        4.3 换行标签 单标签/水平线标签 单标签

             换行:<br>或者<br/>       

             水平线 <hr>

             常用属性:color 颜色   size 粗细    width 长度   align 对齐

        4.4 列表

              4.4.1 无序列表 <ul>

                     <ul type=‘ ’>

 

                           <il>标题内容<il>

                     </ul>

               4.4.2 有序列表 <ol>   type=

       4.5 div标签

             块级元素,默认占全部宽度

             style=“width:宽度;height=长度;"

             align设置对齐方式

       4.6 spab标签

             有多少内容占多少格子,不会自动换行

       4.7 格式化标签

             4.7.1 font标签

                      color 字体颜色        size 字体大小        face 字体

             4.7.2 pre 标签

                      保留空格和换行

             4.7.3

                      &nbsp 空格字符          b 加粗          i 倾斜                u 下划线

                      del 中划线                   sup 上标      sub 下标

   五、常用标签2

           5.1  a标签

               

          5.2 图片标签

            

          5.3 表格组件

         

 

 

 

 

  

 

 

 

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

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值