• html学习,html书写规范,骨架标签,图片标签,相对路径,html常用标签


    每篇博文的浪漫主义:

    22岁,去做了我想做的事|独自一人摩旅1万公里

    【22岁,去做了我想做的事|独自一人摩旅1万公里】 https://www.bilibili.com/video/BV1UD4y1475E/?share_source=copy_web&vd_source=385ba0043075be7c24c4aeb4aaa73352

    【程序员和厨子有什么区别?】 https://www.bilibili.com/video/BV1RP411A7ju/?share_source=copy_web&vd_source=385ba0043075be7c24c4aeb4aaa73352

    程序员和厨子有什么区别?

    通过这篇博文,我们
    在这里插入图片描述

    html语法规范

    1.1 基本语法概述
    1. HTML标签是由尖括号包团的关键词,例如
    2. HTML标签通常是成对出现的,例如,我们称为双标签。标签对中的第一个标签是开始标签,第二个标签是结束标签。
    3. 有些特殊的标签必须是单个标签(极少情况〕,例如
      ,我们称为单标签
    1.2 标签关系

    在这里插入图片描述

    2.html基本结构标签

    2.1第一个html网页

    在这里插入图片描述
    在这里插入图片描述

    2.2 基本结构标签总结

    在这里插入图片描述

    3.对于网页开发工具

    在这里插入图片描述

    我在日常学习中,用的都是vs-code,我觉得它比较好用,而且还有一些好用的插件来给我们使用。

    在这里插入图片描述
    在这里插入图片描述

    3.1 文档类型声明标签

    在这里插入图片描述

    3.2 lang语言种类

    在这里插入图片描述

    3.3 字符集

    在这里插入图片描述

    关于学习

    在这里插入图片描述

    html常用标签

    4.1标签语义

    在这里插入图片描述

    4.2 标题标签

    -

    (重要)

    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

    4.3 段落和换行标签
    1. ,段落标签

    在这里插入图片描述


    1. ,换行标签
      在这里插入图片描述
      在这里插入图片描述
    4.4 文本格式化标签
    1. ,加粗
    2. ,倾斜
    3. ,删除
    4. ,下划线

    在这里插入图片描述
    在这里插入图片描述

    4.5
    标签
    和 是没有语义的,它们就是一个盒子,用来装内容。

    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

    4.6 图像标签和路径(重点)
    4.6.1 图像标签

    在这里插入图片描述
    在这里插入图片描述
    如果图片显示不出来的时候,这时候alt就起作用了。
    在这里插入图片描述

    4.6.2 图像标签的其他属性

    在这里插入图片描述
    图像标签属性的注意点:

    在这里插入图片描述

    4.7 图像标签与路径问题
    4.7.1 目录文件夹和根目录

    在这里插入图片描述

    4.7.2 路径之相对路径

    在这里插入图片描述

    4.7.3 绝对路径

    在这里插入图片描述

    4.8 超链接标签

    在这里插入图片描述

    4.8.1 链接的分类

    在这里插入图片描述

    5.html中的注释标签和特殊字符

    5.1 注释

    如果需要在html文档中添加一些便于理解和阅读,但又不需要显示在页面中的注释文字,就需要使用注释标签。

    在这里插入图片描述

    5.2 特殊字符

    在这里插入图片描述

  • 相关阅读:
    一行代码“黑”掉任意网站
    (40)Verilog实现序列10111【状态机三段式】
    计算机操作系统-笔记
    加密经济时代:Web3如何改变我们的生活方式
    生成式AI:未来的发展方向是什么?
    TGK-Planner无人机运动规划算法解读
    国庆《乡村振兴战略下传统村落文化旅游设计》许少辉八一新书行将售罄
    后端返回base64文件流下载
    Online JSON formatter for developers
    数据结构与算法--算法
  • 原文地址:https://blog.csdn.net/muweichang/article/details/127744788