HTML篇

15,341次阅读
没有评论

共计 2181 个字符,预计需要花费 6 分钟才能阅读完成。

        1.html 的介绍

     html(hyper text markup language)超文本标记语言,超文本:在文本内容的基础上,添加         更加丰富的信息(图片 动画 声音等)。

  • 标记(标签)–
  • 标记通常有两层含义:(表型)每个标签都有一定表现形式。(表意)每个标签有一定的意义。
  • 语言:可以直接被浏览器解析,和程序语言不一样。

         2.html 的标签分类

  • 双标签:开始标签和结束标签构成,内容放在开始标签和结束标签中间。

    语法:…… 内容 …… 标签 >。

    常见的双标签有:

       

    其中 ” 属性 ” 可以理解人的特征。

    例如:

    

  • 单标签:只有开始标签,没有结束标签,没有内容。

    语法:

    常见的单标签有:    HTML 篇   
   

        3.html 基本骨架结构


  
      网站标题 
  
  

  

   文件的扩展名是 xxx.html

        4.html 结构说明

  • 含义:告诉浏览器,网页的代码用什么格式来解析。
  • 含义:告诉浏览器,网页的代码用什么字符集。若字符集使用不正确,就会出现乱码。(常见的字符集有:gb2312— 简体中文,(默认使用的汉字操作系统),gbk— 国际码  utf-8— 多国语言)。
  • 含义:便于搜索引擎。
  • 含义:网站的内容。(99% 的内容都放入 body 标签中,只有放入标签中,才能在窗口显示)。

        5.html 书写规范

  • html 不分大小写,但是 w3c 使用的是小写, 不推荐。
  • html 如果有标签嵌套,顺序嵌套,不能交叉。
  • 单标签一定要闭合。例如:
  • 属性:每一个标签有没有属性,有多少属性 —w3c 规定好的。
  • 属性值:用 ” ” 引起。
  • html 注释:注释的内容不在窗口显示

        6.html 标签

        以下是一些常用的 HTML 文本标签:

  • 标题标签:包括 

     到 

    ,用于定义不同级别的标题,其中 

     是最高级别,

     是最低级别。

  • 段落标签:

    ,用于定义文档中的段落。

  • 换行标签:
    ,用于在不产生新段落的情况下换行。
  • 水平线标签:

    ,用于在页面中插入一条水平线,常用于分隔内容。

  • 引用标签:,用于表示引用的文本,通常会自动添加引号。
  • 块引用标签:

    ,用于表示长引用,通常会缩进并添加边框。强调标签:,用于强调文本,通常是斜体显示。

  • 加粗标签:,用于强调文本,通常是加粗显示。
  • 删除标签:,用于表示删除的文本,通常会显示为中划线。
  • 插入标签:,用于表示插入的文本,通常会显示为下划线。
  • 缩写标签:,用于表示缩写词,可以提供全称的解释。
  • 代码标签:,用于显示计算机代码,通常会使用等宽字体。
  • 键盘标签:,用于表示键盘输入,通常会使用等宽字体。
  • 变量标签:,用于表示变量名称,通常会以斜体显示。
  • 时间标签:,用于表示日期和时间,可以指定具体的时间和时区。
  • 预格式化文本标签:

    ,用于保留文本中的空格和换行,通常用于显示代码。

  • 注释标签:,用于在源代码中添加注释,不会在浏览器中显示。

        以下是一些常用的 HTML 文本标签:

  •   标签:这是定义网页中一个段落的标签。每个 

     元素表示一个段落,浏览器会在段落之前和之后添加一定的空白,以区分不同的段落。它通常用于包含文本,但也可以包含其他内联元素,如  或 


  •  
    标签:这是一个空元素,用于在不产生新段落的情况下插入一个换行。它告诉浏览器在这里将文本截断,从下一行的开始处继续。

  •  到  

      标签:这些是标题标签,用于定义页面中的各级标题。

     是最高级别的标题,通常用于主标题,而 

     是最低级别的标题,用于辅助标题或小节标题。这些标签除了用于显示外,还有助于搜索引擎理解页面的结构。

  •   标签:这个标签用于显示预格式化的文本。它保留了文本中的空格和换行,通常用于显示代码片段。


  •   标签:用于表示长引用,通常会缩进并可能带有边框,以区别于普通文本。


  •   标签:用于表示文档的联系信息,如作者、电子邮件地址等。这个标签通常用于文档的页脚或文章的末尾。

  •   标签:用于表示缩写词,可以提供一个全称的解释,以便用户鼠标悬停时查看。
  •   标签:用于表示作品的引用,通常是书籍、歌曲或其他作品的标题。
  •  标签:用于表示短引用,通常会在引用的文本周围添加引号。
  •   标签:用于表示定义术语的地方,通常与  或  标签结合使用,以提供术语的定义。
  •   标签:用于表示需要突出显示的文本,通常是因为它与用户的搜索查询相关。

        在 html 中,标签根据它们在页面布局中的表现,可以被分为三类: 块级标签、行内标签和行内块标签。

        块级标签:

  • 独占一行,对高度、宽度、行高以及顶和底边距都可设置的属性值生效。
  • 如果不给宽度,块级元素就默认为浏览器的宽度,即 100% 宽。
  • 常见的块级标签包括

    (段落)、

    (划分块)、

      (无序列表)、

        (有序列表)、

      1. (列表项)、

        (定义列表)、

        (定义术语)和

        (定义描述),以及

        (标题)等。

                行内标签:

        • 可以多个标签存在于同一行。
        • 不能直接设置行内标签的高度、宽度、行高以及顶和底边距,完全靠内容撑开宽高。
        • 常见的行内标签有 (链接)、(通用容器)、(强调)、(加粗强调)、(加粗)、(斜体)、(下划线)、(标签)、
          (换行)等。

                行内块标签:

        • 结合了行内和块级的优点,不仅可以对宽高属性值生效,还可以多个标签存在一行显示。
        • 典型的行内块标签有 (图片)、(输入框)、(文本区域)等。

                注意:通常块标签里面包含行内标签

      原文地址: HTML 篇

        正文完
         0
        Yojack
        版权声明:本篇文章由 Yojack 于2024-10-23发表,共计2181字。
        转载说明:
        1 本网站名称:优杰开发笔记
        2 本站永久网址:https://yojack.cn
        3 本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长进行删除处理。
        4 本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
        5 本站所有内容均可转载及分享, 但请注明出处
        6 我们始终尊重原创作者的版权,所有文章在发布时,均尽可能注明出处与作者。
        7 站长邮箱:laylwenl@gmail.com
        评论(没有评论)