HTML&CSS-HTML基础1_html使用什么形式来标识网页中不同主成的部分-CSDN博客

本文链接：https://blog.csdn.net/Coogie_/article/details/104673082

本文介绍了HTML（超文本标记语言）的基础知识，包括HTML的作用、标签的使用、元素的概念、属性的设置以及注释的编写。此外，还详细讲解了文档声明在HTML5中的应用和HTML网页的基本结构。

摘要由CSDN通过智能技术生成

HTML

HTML（Hypertext Makeup Language）超文本标记语言
它负责网页的三要素之中的结构
HTML使用标签的形式来标识网页中的不同组成部分
所谓超文本指的是超链接，使用超链接可以让我们从一个页面跳转到另一个页面

HTML标签

HTML中的标记指的就是标签
HTML使用不同的标记标签来描述网页中的不同内容
HTML 标签是由尖括号包围的关键词

<标签名>标签内容</标签名>
<标签名/>

HTML标签一般成对出现，但是也存在一些自结束标签

<!--成对出现的标签举例-->
<head></head>
<p></p>
<!--自结束标签举例-->
<img/>
<input/>

HTML元素

HTML 元素指的是从开始标签（start tag）到结束标签（end tag）的所有代码
大多数 HTML 元素可拥有属性

HTML属性

在标签中（开始标签或自结束标签）可以设置属性
属性是一个名值对（x=y）
属性用来设置标签中的内容如何显示
属性和标签名或其他属性应该使用空格隔开
属性不能瞎写，应该根据文档中的规定来编写
有些属性有属性值，有些没有。如果有属性值，属性值应该使用引号引起来

HTML的注释

<！--在此处编写注释-->

注释中的内容会被浏览器所忽略，不会在网页中直接显示，但是可以在源码中查看注释
注释用来对代码进行解释说明的
开发中一定要养成良好的编写注释的习惯，注释要求简单明了
注释还可以将一些不希望显示的内容隐藏
注释不能嵌套

文档声明

文档声明用来告诉浏览器当前网页的版本
html5的文档声明

<!doctype html>
<!Doctype HTML>

HTML网页的基本结构

<!-- 文档声明，声明当前网页的版本 -->
<!doctype html>

<!-- html的根标签（元素），网页中的所有内容都要写根元素的里边 -->
<html>

    <!-- head是网页的头部，head中的内容不会在网页中直接出现，主要用来帮助浏览器或搜索引擎来解析网页 -->
    <head>

        <!-- meta标签用来设置网页的元数据，这里meta用来设置网页的字符集，避免乱码问题 -->
        <meta charset="utf-8">
        
        <!-- title中的内容会显示在浏览器的标题栏，搜索引擎会主要根据title中的内容来判断网页的主要内容 -->
        <title>网页的标题</title>

    </head>

    <!-- body是html的子元素，表示网页的主体，网页中所有的可见内容都应该写在body里 -->
    <body>

        <!-- h1网页的一级标题 -->
        <h1>网页的大标题</h1>

    </body>

</html>