Html标签学习总结

3.删除线标签：

        或

        更推荐标签，语义更强烈

 4.下划线标签：

        或

        更推荐标签，语义更强烈

5.和标签

        两种标签都没有语义，他们就是一个盒子，用来装内容

        div = division 分割，分区

        span 跨度，跨距

        特点：

            1.标签用来布局，但是现在一行只能放一个

                其后面内容会被放到下一行。《大盒子》

            2.标签用来布局，一行可以方多个。《小盒子》

6.图像标签：

图像标签：

        在HTML标签中，标签用于定义HTML页面中的图像

        img = image 图像

        src是标签的必须属性，它用于指定图像文件的路径和文件名

        所谓属性：简单理解就是属于这个图像标签的特性

        src             图片的路径

        alt              替换文本，当图像显示不出来的时候用文字代替

        title            提示文本，鼠标放到图像上提示的文字

        width         图片的宽度

        height       图片的高度

注意：

        1.图像标签可以拥有多个属性，但是属性必须放在标签名的后面。

        2.属性之间不分先后顺序，标签名与属性、属性与属性之间均以空格分开，不可以连在一起

        3.属性采取键值对的格式，即key = "value"的格式，属性 = "属性值"。

        4.设置图片的宽度和高度的时候，一般只会设置一个属性，让图片进行等比例缩放，这一图片不会有失真，压瘪的情况。

四、路径：

目录文件夹：

        就是普通文件夹，里面只不过存放了我们做页面所需要的相关素材，比如html文件、图片等

        根目录：

        打开目录文件夹的第一层就是根目录。

        路径：

        1.相对路径：

            以引用文件所在位置为参考基础，而建立初的目录路径。

            简单来说就是图片相对于html页面的位置。

            三种情况：

            同一级路径 直接引用 例如：

            下一级引用  /   例如

            上一级引用 ../  例如

        2.绝对路径：

            是值目录下的绝对位置，直接到达目标位置，通常是从盘符开始的路径

            例如： "D:\web\img\logo.gif"或完整的网络地址 "http://www.kaotop.com/file/tupian/20220516/logo.gif" 。

            注意：

            绝对路径中的斜杠与相对路径中的斜杆是不一样的

            绝对路径 : \

            相对路径 : /

五、超链接标签：

  1.语法格式：

            文本或图像

            单词 anchor 的缩写，意为： 锚

            两个属性作用如下：

            href   用于指定链接目标的 url 地址，(必须属性)  当为标签应用href属性时，他就具有了超链接的功能

            target 用于指定链接页面的打开方式，其中_self为默认值，_blank为在新窗口中打开方式。

   2.链接分类：

        1.外部链接：例如百度

        2.内部链接：例如路径

        3.空链接： 如果当时没有确定链接目标时，首页

        4.下载链接： 如果href里面地址是一个文件或者压缩包，会下载这个文件

        5.网页元素链接：在网页中的各种网页元素，如文本、图像、表格、音频、视频等都可以添加超链接

         6.锚点链接：

                点击设置的锚点，可以快速的定位到页面中的某个位置。

                   在链接文本的href属性中，设置属性为#名字的形式，如：

                作品列表

                作品列表

            点击作品列表后，可以快速定位到标题为作品列表的位置。

六、注释与特殊字符：

注释：

注释的符号为 在里面的内容会被注释掉，起到给予代码解释的作用
快捷键在VScode中可以是使用CTRL+/来进行快速生成注释。

特殊字符：

由于在html文件中，<和>是构成标签的字符，空格也会被页面初始化，所以无法在页面中单独显示，则需使用
一些特殊的代码让其在html页面中显示出来。
其中：
  代表的是空格
< 代表的是<
> 代表的是>

七、表格：

表格

        表格的主要作用是用来显示、展示数据的，因为它可以让数据显示的十分规整，可读性非常好。特别是后台展示数据的时候

        能够熟练的运用表格就显得非常重要。一个清爽简约的表格能够把复杂的数据表现得很有条理。

        代码展示：

        表格属性：

        表格标签的属性在实际开发中并不常用，后面会通过css来设置

        注意：

        表格标签的属性需要写到

赞 (0)

打赏 微信扫一扫 支付宝扫一扫

code 管理员组

0 0

生成海报