HTMLS基本结构及标签

HTML5是目前制作网页的核心技术,有叫超文本标记语言。

基本结构

声明部分位于文档的最前面,用于向浏览器说明当前文档使用HTML标准规范。

根部标签位于声明部分后,用于告知浏览器这是一个HTML文档。< html>表示文档开始,</ html>表示文件的结束。

头部标签定义HTML5文档的头部信息,紧跟在< html>标签之后。

主体标签定义HTML文档要显示的内容,浏览器中显示的所有文本,图像,音频和视频等信息都必须位于<body>标签内。

制作网页时,经常需要设置页面的基本信息如页面的标题\作者等这些标签都在<head>中。

<title>用于定义HTML5页面的标题,即给网页取一个名字,内容将显示在浏览器窗囗的标题栏中,一个HTML文档只能含有一对。

<meta/>用于定义页面的元信息,可重复出现在<heαd>标签中。用于设置字符集,设置网页关键字,设置网页描述,设置网页作者,设置页面自动刷。

HTML5标签,放在"<>″符号中表示某个功能的编码命令也称为HTML标签或HTML5元素,如<html>,<head>,<b ody>

标符分为单标签;也称空标签,是指用一个标签符号即可完整地描述某个功能的标签。写法;<标签名/>。

双标签;也称体标签,是指由开始和结束两个标签符组成的标签。写法:<标签名>内容<标签名/>

特殊标签;注释标签,用于对内容进行说明,注释的单标签,该标签的内容不显示在浏览器窗囗中。

写法:<!——注释语句——>

标签关系,嵌套关系也称包含关系,一个双标签中包含其它标签。外层标签为父级标签,里面标签称为子级标签。

并列关系也称为兄弟关系,两个标签处于同一级别,没有包含关系。

基本语法:<标签名属性1="属性值1″属性2="属性2″…>内容</标签名>           键值对

属性必须写在开始标签内,位于标签名后。

标签可以拥有多个属性,属性之间不区分先后顺序

标签名与属性,属性与属性之间以空格分开。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/896830.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

eMMC存储器详解(存储区域结构、EXT_CSD[179]、各分区介绍、主要引脚、命令格式与类型等)

读本篇博文所需要的先行知识 关于芯片内部的ROM的作用、工作原理的介绍&#xff0c;链接如下&#xff1a; https://blog.csdn.net/wenhao_ir/article/details/145969584 eMMC的物理结构、特点、用途 这个标题的相关内容见我的另一篇博文&#xff0c;博文链接如下&#xff1a…

分布式锁—2.Redisson的可重入锁一

大纲 1.Redisson可重入锁RedissonLock概述 2.可重入锁源码之创建RedissonClient实例 3.可重入锁源码之lua脚本加锁逻辑 4.可重入锁源码之WatchDog维持加锁逻辑 5.可重入锁源码之可重入加锁逻辑 6.可重入锁源码之锁的互斥阻塞逻辑 7.可重入锁源码之释放锁逻辑 8.可重入锁…

iOS实现一个强大的本地状态记录容器

我们开发中经常会遇到这样的场景&#xff0c;就是我们客户端用户进行了某个操作&#xff0c;这个操作影响了数据的状态&#xff0c;但是我们又不方便重新请求一次数据&#xff0c; 这个时候&#xff0c;就需要我们记录一下本地状态在内存中&#xff0c;随着业务越来越复杂&…

vue中带$的是什么

在Vue.js中&#xff0c;带的 $ 符号用于表示 Vue实例的属性和方法。 这些属性和方法是Vue框架内部定义的&#xff0c;主要用于方便开发者在组件内部访问和使用。 常见的带$的属性和方法: ‌$data‌&#xff1a;用于访问组件的内部数据对象&#xff0c;包含组件内定义的所有响…

杰和科技工业整机AF208|防尘+静音+全天候运行

在特殊的工业环境中&#xff0c;实现快速生产离不开各类工业计算机的强大支持。杰和科技工业计算机AF208&#xff0c;作为核心控制单元&#xff0c;凭借其坚固可靠的外壳、先进的散热技术以及紧凑灵活的部署特点&#xff0c;发挥着关键作用。 硬实力外壳&#xff0c;无惧尘埃 …

【django】模型部署过程

模型部署 示例&#xff1a;保存 Scikit-learn 模型myapp/views.py全局加载模型tasks.py&#xff08;Celery任务&#xff09;views.py 修改为异步调用views.py 准备工作 模型保存格式 确保你的模型已保存为可加载的格式&#xff1a; ● TensorFlow/Keras&#xff1a;.h5 或 Save…

一、计算机网络技术——概述、性能指标

网络技术发展历程 第一阶段 一九六九年美国国防部研制的ARPANET&#xff0c;采用“接口报文处理机”将四台独立的计算机主机互联在一起&#xff0c;实现数据的转发。 这一阶段的主要特点是TCP/IP协议初步成型 第二阶段&#xff1a; 采用三级结构&#xff0c;这一阶段的主要…

【向量数据库Weaviate】与ChromaDB的差异、优劣

以下是 Weaviate 和 ChromaDB 的详细对比&#xff0c;涵盖设计目标、核心功能、性能、适用场景及优劣势分析&#xff1a; 1. 核心定位与设计目标 维度WeaviateChromaDB类型向量数据库 图数据库&#xff08;支持混合搜索&#xff09;轻量级纯向量数据库&#xff08;专注嵌入存…

Lua | 每日一练 (4)

&#x1f4a2;欢迎来到张胤尘的技术站 &#x1f4a5;技术如江河&#xff0c;汇聚众志成。代码似星辰&#xff0c;照亮行征程。开源精神长&#xff0c;传承永不忘。携手共前行&#xff0c;未来更辉煌&#x1f4a5; 文章目录 Lua | 每日一练 (4)题目参考答案线程和协程调度方式上…

Fiji —— 基于 imageJ 的免费且开源的图像处理软件

文章目录 一、Fiji —— 用于科学图像处理和分析1.1、工具安装&#xff08;免费&#xff09;1.2、源码下载&#xff08;免费&#xff09; 二、功能详解2.0、Fiji - ImageJ&#xff08;Web应用程序&#xff09;2.1、常用功能&#xff08;汇总&#xff09;2.2、Fiji - Plugins&am…

PyQT(PySide)的上下文菜单策略设置setContextMenuPolicy()

在 Qt 中&#xff0c;QWidget 类提供了几种不同的上下文菜单策略&#xff0c;这些策略通过 Qt::ContextMenuPolicy 枚举类型来定义&#xff0c;用于控制控件&#xff08;如按钮、文本框等&#xff09;在用户右键点击时如何显示上下文菜单。 以下是 Qt::ContextMenuPolicy 枚举中…

快慢指针【等分链表、判断链表中是否存在环】

一、等分链表&#xff1a;找到链表的中间节点 Java 实现 class ListNode {int val;ListNode next;ListNode(int val) {this.val val;this.next null;} }public class MiddleOfLinkedList {public ListNode findMiddleNode(ListNode head) {if (head null) {return null;}L…

系统架构设计师—计算机基础篇—计算机网络

文章目录 网络互联模型网络协议与标准应用层协议FTP协议TFTP协议 HTTP协议HTTPS协议 DHCP动态主机配置协议DNS协议迭代查询递归查询 传输层协议网络层协议IPV4协议IPV6协议IPV6数据报的目的地址IPV4到IPV6的过渡技术 网络设计分层设计接入层汇聚层核心层 网络布线综合布线系统工…

计算机基础面试(操作系统)

操作系统 1. 什么是进程和线程&#xff1f;它们的核心区别是什么&#xff1f; 专业解答&#xff1a; 进程是操作系统分配资源的基本单位&#xff0c;拥有独立的内存空间&#xff1b;线程是进程内的执行单元&#xff0c;共享同一进程的资源。区别在于&#xff1a;进程间资源隔离…

考研408数据结构线性表核心知识点与易错点详解(附真题示例与避坑指南)

一、线性表基础概念 1.1 定义与分类 定义&#xff1a;线性表是由n&#xff08;n≥0&#xff09;个相同类型数据元素构成的有限序列&#xff0c;元素间呈线性关系。 分类&#xff1a; 顺序表&#xff1a;元素按逻辑顺序存储在一段连续的物理空间中&#xff08;数组实现&…

【实战 ES】实战 Elasticsearch:快速上手与深度实践-1.2.2倒排索引原理与分词器(Analyzer)

&#x1f449; 点击关注不迷路 &#x1f449; 点击关注不迷路 &#x1f449; 点击关注不迷路 文章大纲 1.2.2倒排索引原理与分词器&#xff08;Analyzer&#xff09;1. 倒排索引&#xff1a;搜索引擎的基石1.1 正排索引 vs 倒排索引示例数据对比&#xff1a; 1.2 倒排索引核心结…

Springboot项目本地连接并操作MySQL数据库

目录 前提 准备工作 用cmd在本地创建数据库、表&#xff1a; 1.创建springboot项目&#xff08;已有可跳过&#xff09; 2.编辑Mybatis配置 3.连接数据库 4.创建模型类&#xff0c;用于与数据库里的数据表相连 5.创建接口mapper&#xff0c;定义对数据库的操作 6.创建…

《宝塔 Nginx SSL 端口管理实战指南:域名解析、端口冲突与后端代理解析》

&#x1f4e2; Nginx & SSL 端口管理分析 1️⃣ 域名解析与 SSL 申请失败分析 在使用宝塔申请 www.mywebsite.test 的 SSL 证书时&#xff0c;遇到了解析失败的问题。最初&#xff0c;我认为 www 只是一个附加的前缀&#xff0c;不属于域名的关键部分&#xff0c;因此只为…

java和Springboot和vue开发的企业批量排班系统人脸识别考勤打卡系统

演示视频&#xff1a; https://www.bilibili.com/video/BV1KU9iYsEBU/?spm_id_from888.80997.embed_other.whitelist&t52.095574&bvidBV1KU9iYsEBU 主要功能&#xff1a; 管理员管理员工&#xff0c;采集员工人脸特征值存入数据库&#xff0c;可选择多个员工批量排班…

DeepSeek学习规划

DeepSeek是一个专注于深度学习和人工智能技术研究与应用的平台&#xff0c;旨在通过系统化的学习和实践&#xff0c;帮助用户掌握深度学习领域的核心知识和技能。为了在DeepSeek平台上高效学习&#xff0c;制定一个科学合理的学习规划至关重要。以下是一个详细的学习规划&#…