当前位置: 首页 > news >正文

【前端基础】1、HTML概述(HTML基本结构)

一、网页组成

  1. HTML:网页的内容
  2. CSS:网页的样式
  3. JavaScript:网页的功能

二、HTML概述

HTML:全称为超文本标记语言,是一种标记语言。

  • 超文本:文本、声音、图片、视频、表格、链接
  • 标记:由许许多多的标签组成

三、HTML组成

由“标签”构成的。
它包括一系列标签,通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。

四、HTML文件结构特点

  • 百度
    在这里插入图片描述
  • CSDN
    在这里插入图片描述
  • 微软
    在这里插入图片描述

总结:

<!DOCTYPE html>
<html>
    <head>

    </head>

    <body>
        
    </body>
</html>
  • 第一行<!DOCTYPE html>:是文档声明,声明是HTML。浏览器就会以HTML规范进行编译。
  • <html>标签和最后一行</html>:定义html文档的整体。
  • <head></head>:定义页面的属性。存放一些元数据,比如页面的标题。
  • <body></body>:定义页面显示的内容。

一个标签 = 一个对象:
程序员拿到这些对象,可以对这些对象进行增删改查,定义属性等等操作。

五、HTML标签结构关系

<!DOCTYPE html>
<html>
    <head>
		<title> Test Title </title>
    </head>

    <body>
        <p> Test </p>
    </body>
</html>
  1. <head><body><html> 的子标签。<html><head><body> 的父标签。
  2. <title><head> 的子标签。<head><title> 的父标签。
  3. <p><body> 的子标签。<body><p> 的父标签。
  4. <head><body> 是兄弟关系。

六、HTML的注释

HTML注释以<!--开始,以-->结束。
在这两个标记之间的任何内容都会被浏览器忽略,不会显示在页面上,但会保留在HTML源代码中。‌

  • 单行注释
    <!-- 这是一个HTML注释 -->  
  • 多行注释
    <!--  
    这是一个多行HTML注释  
    可以跨越多行  
    并包含任何文本  
    --> 

相关文章:

  • 系统架构设计师—计算机基础篇—文件管理
  • 云服务培训五-数据库服务
  • 大语言模型微调的基本概念介绍
  • Git 安装与配置一站式指南
  • 【小羊肖恩】小羊杯 Round 2 C+K
  • 迷你世界脚本区域接口:Area
  • 如何防止Python网络爬虫爬取网站内容
  • 每日一题之因数计数
  • 【MySQL】索引(页目录、B+树)
  • 算法分析 —— 《栈》
  • [Lc滑动窗口_1] 长度最小的数组 | 无重复字符的最长子串 | 最大连续1的个数 III | 将 x 减到 0 的最小操作数
  • 蓝桥与力扣刷题(蓝桥 核桃的数量)
  • 研究生综合管理系统的开发与应用在农业大学中的实践
  • Redis详解(实战 + 面试)
  • C语言——文件操作
  • Hive-06之函数 聚合Cube、Rollup、窗口函数
  • 一、旋钮式滑动变阻器模块
  • 最新常见的图数据库对比,选型,架构,性能对比
  • LangPrompt提示词
  • 【弹性计算】弹性裸金属服务器和神龙虚拟化(三):弹性裸金属技术
  • wordpress置顶文章插件/西安区seo搜索排名优化
  • wordpress自动安装插件/站长工具seo综合查询广告
  • 服装网站建设运营规划/网站seo百度百科
  • 社区网站的建设/广州seo网站公司
  • Wordpress托管 点点/长尾词seo排名优化
  • 如何建设国际网站首页/头条今日头条新闻