• 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 特殊字符

    在这里插入图片描述

  • 相关阅读:
    Spring Task简单说明
    Unity 最近经验分享
    华为发布“十大发明”,包含计算、智能驾驶等新领域
    Linux系统下安装Java环境
    Gin 笔记(04)— URLQuery参数处理、Bind URI、Bind POST 到指定结构体、POST 表单处理
    tuxera NTFS2022让磁盘读写管理格式化更轻松
    CSS - 进阶提升篇
    科学计算三维可视化笔记(第五周 交互界面)
    cocoa-NSArrayController
    AE 的软件、硬件、驱动控制、调试策略(没有算法)
  • 原文地址:https://blog.csdn.net/muweichang/article/details/127744788