当前位置: 首页 > 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注释  可以跨越多行  并包含任何文本  --> 
http://www.lryc.cn/news/546826.html

相关文章:

  • 小程序性能优化-预加载
  • (1)udp双向通信(2)udp实现文件复制(3)udp实现聊天室
  • el-table 手动选择展示列
  • 零基础学习之——深度学习算法介绍01
  • 【开源项目】好用的开源项目记录(持续更新)
  • Django:文件上传时报错in a frame because it set ‘X-Frame-Options‘ to ‘deny‘.
  • Linux常用指令学习笔记
  • FastGPT 引申:基于 Python 版本实现 Java 版本 RRF
  • 面试八股文--数据库基础知识总结(3)MySQL优化
  • 汇编前置知识学习 第11-13天
  • springboot在业务层校验对象/集合中字段是否符合要求
  • python二级考试中会考到的第三方库
  • Linux中死锁问题的探讨
  • 【实战 ES】实战 Elasticsearch:快速上手与深度实践-2.3.1 避免频繁更新(Update by Query的代价)
  • 【Python项目】基于Python的书籍售卖系统
  • spring boot + vue 搭建环境
  • Linux下的shell指令(一)
  • JS禁止web页面调试
  • GIt分支合并
  • Sqli-labs
  • unreal engine gameplay abiliity 获取ability的cooldown剩余时间
  • 【GenBI优化】提升text2sql准确率:建议使用推理大模型,增加重试
  • 【六祎 - Note】SQL备忘录;DDL,DML,DQL,DCL
  • 高频 SQL 50 题(基础版)_1341. 电影评分
  • JavaScript 变量命名规范
  • 解决 uView-UI和uv-ui 中 u-tabs 组件在微信小程序中出现横向滚动条的问题
  • 20250304解决在飞凌的OK3588-C的Linux R4下解决使用gstreamer保存的mp4打不开
  • build gcc
  • 【每日论文】How far can we go with ImageNet for Text-to-Image generation?
  • STM32 两个单片机之间的通信