HTML基本概念:

news2024/11/19 8:49:32
  • HTML简介:

超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。

1)、HTML 是用来描述网页的一种语言。

2)、HTML 不是一种编程语言,而是一种标记语言。

3)、标记语言是一套标记标签 (markup tag)。

4)、HTML 使用标记标签来描述网页。

5)、HTML 文档包含了HTML 标签及文本内容。

6)、HTML文档也叫做 web 页面。

HTML文件的基本架构:

▲ <!DOCTYPE html> 声明为 HTML5 文档。

▲ <html> 元素是 HTML 页面的根元素。

▲ <head> 元素包含了文档的元(meta)数据,

如 <meta charset="utf-8"> 定义网页编码格式为 utf-8。

▲ <title> 元素描述了文档的标题。

▲ <body> 元素包含了可见的页面内容。

▲ <h1> 元素定义一个大标题。

▲ <p> 元素定义一个段落。

  • HTML基础:
  1. 、HTML标题:HTML标题是通过<h1>-<h6>标签来定义的

例:<h1>这是一个标题</h1>

  1. 、HTML段落:HTML段落是通过<p>标签来定义的

例:<p>这是一个段落</p>

  1. 、HTML链接:HTML链接是通过<a>标签来定义的

例:<a href=“https://www.robot.com”这是一个链接</a>

  1. 、HTML图像:HTML图像是通过<img>标签来定义的

例:<img decoding=“async”src=“/images/logo.png”width=“128”width=“64”/>

  • HTML元素:

HTML文档由HTML元素定义。

HTML元素语法:

▲ HTML 元素以开始标签起始。

▲ HTML 元素以结束标签终止。

▲ 元素的内容是开始标签与结束标签之间的内容。

▲ 某些 HTML 元素具有空内容(empty content)。

▲ 空元素在开始标签中进行关闭(以开始标签的结束而结束)。

▲ 大多数 HTML 元素可拥有属性。

大多数HTML元素可以嵌套(HTML元素可以包含其他HTML元素)。

没有内容的HTML元素被称为空元素。空元素是在开始标签中关闭的。如:<br>。

  • HTML属性:

属性是HTML元素提供的附加信息。HTML元素可以设置属性;属性可以在元素中添加附加信息;属性一般描述于开始标签;属性总是以名称、值对的形式出现,比如:name = “value”。

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

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

相关文章

损失函数总结(十):TripletMarginLoss、TripletMarginWithDistanceLoss

损失函数总结&#xff08;十&#xff09;&#xff1a;TripletMarginLoss、TripletMarginWithDistanceLoss 1 引言2 损失函数2.1 TripletMarginLoss2.2 TripletMarginWithDistanceLoss 3 总结 1 引言 在前面的文章中已经介绍了介绍了一系列损失函数 (L1Loss、MSELoss、BCELoss、…

腾讯云轻量应用服务器“镜像”选择和“镜像类型”说明

腾讯云轻量应用服务器镜像是什么&#xff1f;镜像就是操作系统&#xff0c;轻量服务器镜像系统怎么选择&#xff1f;如果是用来搭建网站腾讯云百科txybk.com建议选择选择宝塔Linux面板腾讯云专享版&#xff0c;镜像系统根据实际使用来选择&#xff0c;腾讯云百科来详细说下腾讯…

HTML标签、CSS介绍

标签的分类: 块级/行内 # 块级标签: 独占一行 h1~h6 p div """ 块儿级标签可以修改长宽. 行内标签不可以, 就算修改了也不会变化.块级标签内部可以嵌套任意的块级标签和行内标签. 特例: 是p标签虽然是块级标签 但是它只能嵌套行内标签 不能嵌套块级标签. 如…

1月18-19日|2024中国亚洲鞋业国际峰会

2024中国&亚洲鞋业国际峰会 2024年1月18-19&#xff0c;上海 主办方&#xff1a;ECV International 峰会背景 在全球时尚产业减排的关键期&#xff0c;作为仅次于石化工业的第二大污染产业&#xff0c;时尚行业的绿色生产迫在眉睫。一直以来&#xff0c;制鞋行业都是环境…

优思学院|精益管理是如何帮助提高企业生产率的?

精益管理是一种生产管理理念&#xff0c;其目标是最大化价值&#xff0c;同时最小化浪费&#xff0c;通过消除浪费并提高效率来缩短交付周期、提高产品质量和降低成本。这种方法通常通过持续改进、标准化工作流程和消除缺陷来实现。 精益制造管理的理念如同一盏明灯&#xff0…

在Win10系统进行MySQL的安装、连接、卸载

在Win10系统进行MySQL的安装、连接、卸载 MySQL的安装 本教程在Win10系统下安装部署MySQL-8.0.32版。 MySQL安装参考地址 MySQL安装包地址 提取码: rnbc。 选择下载mysql-installer-community-8.0.32.0安装包。 连接数据库 方式一: 安装后,可以在开始菜单的列表中找到MySQ…

前端打印表格功能+单号生成条形码

第一种打印方法&#xff1a;不需要下载任何插件 浏览器自带打印功能&#xff08;不太推荐&#xff09;&#xff0c;原理是生成新的页面后被打印&#xff0c;当打印完成或者取消打印时&#xff0c;页面需要强制刷新&#xff0c;否则页面无法回显。 //打印功能 print() {var pr…

3D RPG Course | Core 学习日记二:PolyBrush / Pro Builder构建场景

前言 我们这次将要学习的是使用PolyBrush和Pro Buillder构建精美的游戏场景。 PolyBrush 在Package Manager中导入的时候要注意&#xff0c;将Shader Examples(URP)也一起导入&#xff0c;不然PolyBrush对URP渲染的素材进行操作时会出现问题。 导入完成之后在Tools里将…

EDUSRC-记一次登录过程中的信息泄露

语法 org"China Education and Research Network Center" && body"登录" 起因 在进行登录测试的时候发现一处登录框 闲来无事抓个包输入个账号密码 问题是后端没抓到包&#xff0c;但是前端跳出了提示&#xff0c;账号密码错误 这极大的可能是…

c语言运算符表达式

c语言运算符表达式 c语言运算符表达式 c语言运算符表达式一、算数运算符二、赋值运算符【 - * / %】三、比较运算符【 > < > < !】 一、算数运算符 算数运算符&#xff1a; 用于各类数值运算。包括加()、减(-)、乘(*)、除(/)、求余(或称模运算&#xff0c;%)、…

【HTML】HTML基础知识扫盲

1、什么是HTML&#xff1f; HTML是超文本标记语言&#xff08;Hyper Text Markup Language&#xff09;是用来描述网页的一种语言 注意&#xff1a; HTML不是编程语言&#xff0c;而是标记语言 HTML文件也可以直接称为网页&#xff0c;浏览器的作用就是读取HTML文件&#xff…

使用@antv/g2plot实现文字权重分布划分图

最后效果展示 安装antv/g2plot npm i antv/g2plot 使用&#xff0c;示例是使用vue3viteunocss <template><div class"w-440px h-200px" id"wordcloudG2"></div> </template><script setup lang"ts"> import { …

vant4的基础用法

基于vue3和ts平台来使用 这篇文章会手把手的教你如何用vant开发h5 介绍 Vant 是一个轻量、可靠的移动端组件库&#xff0c;基于 Vue3&#xff0c;由有赞开发并且维护。有赞作为早期以 H5 商城、小程序商城做微信生态的起家&#xff0c; Vant 一直是这些产品的主要组成部分&am…

“软件开发报价混乱?看这一篇就够了!“

大家好&#xff0c;今天我们要聊一聊软件开发报价的那些事儿。相信很多企业和个人都曾为此犯过愁&#xff0c;看着报价单上一串串数字&#xff0c;心里直犯嘀咕&#xff1a;这价格靠谱吗&#xff1f;是不是被忽悠了&#xff1f;别急&#xff0c;今天我们就来揭开软件开发报价的…

小型内衣裤洗衣机哪个牌子好?迷你洗衣机品牌推荐

近日&#xff0c;国内著名的电子商务平台公布了“内衣洗衣机产业趋势”的研究报告。该报告指出&#xff0c;由于消费者对生活质量的要求越来越高&#xff0c;内衣洗衣机的行业也有了长足的发展&#xff0c;特别是在今年以来&#xff0c;内衣洗衣机的销售额同比上涨了830%&#…

PDF文件恢复?记住这3个就够了!

“各位大佬&#xff01;我想问问如果不小心删除了电脑中的PDF文件&#xff0c;还有什么方法将它们找回来吗&#xff1f;我丢失的是比较重要的文件&#xff0c;希望大家帮我出出主意&#xff01;” PDF文件现在越来越成为受用户青睐的一种文件保存方式。使用PDF格式的文件能更有…

Anaconda下载安装以及环境变量的配置

一、下载安装anaconda 可以在官网下载&#xff1a;Anaconda | The World’s Most Popular Data Science Platform 也直接用清华源镜像进行下载&#xff1a;Index of /anaconda/archive/ | 清华大学开源软件镜像站 | Tsinghua Open Source Mirror 按照需要选则自己需要的版本…

2023年Q3户外装备市场行业分析报告(京东数据分析):同比增长7%,品牌化发展是核心

近年来&#xff0c;户外运动在我国不少地方蓬勃兴起&#xff0c;发展至今&#xff0c;户外运动早已不是聚焦专业领域的小众群体活动&#xff0c;现已发展成为当下热门的大众休闲活动&#xff0c;参与人群愈发广泛&#xff0c;而这股热潮也带动着相关产业的发展。 今年Q3&#x…

基于非对称加密证书(算法)机制实现的单向身份鉴别和双向身份鉴别原理

单向认证一般是指客户端确认服务端身份&#xff0c;而双向认证一般是指客户端和服务器端都需要验证对方的身份。 双向认证的客户端需要从服务器端下载服务器的公钥证书进行验证&#xff0c;还需要把客户端的公钥证书上传到服务器端给服务器端进行验证&#xff0c;等双方都认证…

内网穿透的应用-如何在Termux 中使用SFTP 文件传输并结合内网穿透实现远程传输

文章目录 1. 安装openSSH2. 安装cpolar3. 远程SFTP连接配置4. 远程SFTP访问4. 配置固定远程连接地址 SFTP&#xff08;SSH File Transfer Protocol&#xff09;是一种基于SSH&#xff08;Secure Shell&#xff09;安全协议的文件传输协议。与FTP协议相比&#xff0c;SFTP使用了…