• HTML标签一


    基本语法概述

    1. HTML 标签是由尖括号包围的关键词,例如 。

    2. HTML 标签通常是成对出现的,例如 和 ,我们称为双标签。标签对中的第一个标签是

    开始标签,第二个标签是结束标签。

    3. 有些特殊的标签必须是单个标签(极少情况),例如
    ,我们称为单标签。

    双标签关系可以分为两类:包含关系和并列关系。

    042289a2cb18440fa9a900cc88b216c1.png

     第一个 HTML 网页

    每个网页都会有一个基本的结构标签(也称为骨架标签),页面内容也是在这些基本标签上书写。

    HTML页面也称为 HTML 文档.

    704f1243c6d94b0a9f53504a12bee070.png

    HTML 常用标签

    学习标签是有技巧的,重点是记住每个标签的语义。简单理解就是指标签的含义,即这个标签是用来干嘛的。

    根据标签的语义,在合适的地方给一个最为合理的标签,可以让页面结构更清晰

     

    标题一共六级选,

    文字加粗一行显。

    由大到小依次减,

    从重到轻随之变。

    语法规范书写后,

    具体效果刷新见。

    特点:

    1. 加了标题的文字会变的加粗,字号也会依次变大。

    2. 一个标题独占一行。

    换行标签

    特点:

    1.
    是个单标签。

    2.
    标签只是简单地开始新的一行,跟段落不一样,段落之间会插入一些垂直的间距。

    我是一个段落标签

    标签语义:可以把 HTML 文档分割为若干段落。

    特点:

    1. 文本在一个段落中会根据浏览器窗口的大小自动换行。

    2. 段落和段落之间保有空隙

    加粗 或者

    更推荐使用标签加粗语义更强烈

    倾斜或者

    更推荐使用标签加粗语义更强烈

    删除线或者

    更推荐使用标签加粗语义更强烈

    下划线或者

    更推荐使用标签加粗语义更强烈

    加粗 或者

    更推荐使用标签加粗语义更强烈

    是没有语义的,它们就是一个盒子,用来装内容的

     

    1.

    标签用来布局,但是现在一行只能放一个
    。 大盒子

    2. 标签用来布局,一行上可以多个 。小盒子

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

    src 是标签的必须属性,它用于指定图像文件的路径和文件名。7fa82fa1115541339e265dc6bcb585f8.jpg

     文本或图像

    04db0f8a1a104b1c9b2173e0bda99578.jpg

    在 HTML 页面中,一些特殊的符号很难或者不方便直接使用,此时我们就可以使用下面的字符来替代。

    45d1b95cbdbd400cb8181af2c5e15208.jpg

    表格主要用于显示、展示数据,因为它可以让数据显示的非常的规整,可读性非常好。特别是后台展示数据

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

    表格不是用来布局页面的,而是用来展示数据的

     

    单元格内的文字

    db90583b50d44946a7bb1c0379fdd6d6.png 

    6822933099fb431499105c8f1a8a9f82.png 

     

     c204de8d75254183985c9d5217fe244e.png

     

    因为表格可能很长,为了更好的表示表格的语义,可以将表格分割成 表格头部和表格主体两大部分.

    在表格标签中,分别用:标签 表格的头部区域、标签 表格的主体区域. 这样可以更好的分清表格结构

    fbe9f9a48af44fa88c7e003770443610.png

     3cc00255fd0c4f0bab4b746a61334d62.png

     

     1284593dfd834d3db683b465778bf267.png

     

     

  • 相关阅读:
    Baklib|如何搭建在线帮助中心站点?
    大模型应用时代,百度开了个头
    ubuntu 18.04 开机自启 打开终端执行脚本
    计算机毕业设计Java车险销售管理系统(源码+系统+mysql数据库+lw文档)
    Spring MVC请求处理流程和九大组件
    html5学习笔记22-JavaScript 简略学习
    算法套路学习笔记(第二章) 动态规划系列 2.13-2.19
    木马特征值免杀
    Android 虚拟直播,抖音实现无人直播,使用MP4文件替换实时摄像头预览流(Camera)
    Java 枚举
  • 原文地址:https://blog.csdn.net/weixin_53155105/article/details/126130565