HTML 简介

ops/2025/2/13 23:34:24/
htmledit_views">

1.什么是 HTML

超文本:暂且简单理解为 “超级的文本”,和普通文本比,内容更丰富。

标 记:文本要变成超文本,就需要用到各种标记符号。

语 言:每一个标记的写法、读音、使用规则,组成了一个标记语言。

2.HTML 标签

1. 标签 又称 元素,是HTML的基本组成单位。
2. 标签分为:双标签 单标签 (绝大多数都是双标签)。
3. 标签名不区分大小写,但推荐小写,因为小写更规范

 4. 双标签:

注:双标签就是<标签名> 标签体 </标签名>

示例代码:<div> 你好帅 </div>

5. 单标签:
示例代码 <input>

6. 标签之间的关系:并列关系、嵌套关系,可以使用 tab 键进行缩进
<div>
<h1> 学习就是坚持 </h1>
 </div>

3. HTML 标签属性

1. 用于给标签提供 附加信息
2. 可以写在: 起始标签 单标签中 ,形式如下:

<marquee bgcolor="red"> 我是一个标准HTML结构 </marquee>

3. 有些特殊的属性,没有属性名,只有属性值,例如:
<input disabled 在 HTML 中, disabled 是一个布尔属性,用于 禁用表单元素

4. HTML 基本结构

基本结构:
html"><html>
<head>
<title>网页标题</title>
</head>
<body>
......
</body>
</html>

5. HTML 注释

快捷键 shift+/

作用:对代码进行解释和说明

写法:    <!-- 表格标题 -->

6. HTML 文档声明

1. 作用:告诉浏览器当前网页的版本。
W3C 推荐使用 HTML 5 的写法。
html"><!DOCTYPE html>
注意:文档声明,必须在网页的第一行,且在 html 标签的外侧。

7. HTML 字符编码

平时编写代码时,统一采用 UTF-8 编码(最稳妥)。
为了让浏览器在渲染 html 文件时,不犯错误,可以通过 meta 标签配合 charset 属性指
定字符编码。
html"><head>
<meta charset="UTF-8"/>
</head>

8.HTML 设置语言

主要作用:
让浏览器显示对应的翻译提示。
有利于搜索引擎优化

具体写法:

         <html lang="zh-CN">

zh - CN :中文 - 中国大陆(简体中文)
zh - TW :中文 - 中国台湾(繁体中文)
zh :中文

9. HTML标准结构

html"><!DOCTYPE html>
<html lang="zh-CN"><head><meta charset="UTF-8"/><title> 我是一个标准HTML结构</title> </head><body><marquee bgcolor="red"> 我是一个标准HTML结构 </marquee></body></html>
输入 ! ,随后回车即可快速生成标准结构。

 


http://www.ppmy.cn/ops/158165.html

相关文章

DeepSeek 助力 Vue 开发:打造丝滑的进度条

前言&#xff1a;哈喽&#xff0c;大家好&#xff0c;今天给大家分享一篇文章&#xff01;并提供具体代码帮助大家深入理解&#xff0c;彻底掌握&#xff01;创作不易&#xff0c;如果能帮助到大家或者给大家一些灵感和启发&#xff0c;欢迎收藏关注哦 &#x1f495; 目录 Deep…

大数据Orc文件生成与读取

ORC(Optimized Row Columnar)是Hadoop生态系统中一种高效的列式存储文件格式,其主要特性包括高效压缩、快速读取、以及能够存储结构化数据。本文将展示如何使用Java编写代码来生成和读取ORC文件。 一、ORC文件介绍 ORC是一种为Hadoop生态系统优化的列式存储格式,具有以下…

输电杆塔沉降智能监测系统:如何用数据守护电网安全

产品别称&#xff1a;输电线路杆塔沉降在线监测装置、输电线路北斗杆塔沉降在线监测装置、杆塔地基沉降监测设备、输电杆塔沉降智能监测系统 产品型号&#xff1a;TLKS-PMG-BDS 一、产品概述&#xff1a; 在电力传输系统中&#xff0c;输电线路杆塔的稳定性和安全性至关重要。…

如何运用边缘计算控制器提升智能工厂的竞争力?

制造业正经历一场深刻的变革。其中&#xff0c;边缘计算作为一项关键技术&#xff0c;在提升生产效率、降低成本以及实现智能制造方面发挥着至关重要的作用。本文将探讨边缘计算在智能工厂中的应用场景及其带来的价值。 边缘计算简介 边缘计算是一种分布式计算范式&#xff0…

解决 keep-alive 缓存组件中定时器干扰问题

当使用 keep-alive 缓存组件时&#xff0c;组件中的定时器可能会在组件被缓存后继续运行&#xff0c;从而干扰其他组件的逻辑。为了避免这种情况&#xff0c;可以通过以下方法解决&#xff1a; 1. 在组件的 deactivated 钩子中清理定时器 keep-alive 为缓存的组件提供了 acti…

蓝桥杯备考:贪心算法简介

贪心算法就是企图用局部最优的策略找出全局最优步骤就是1&#xff0c;把解决问题的过程分成若干步。2&#xff0c;每一步都选择当前看起来最优的解法 。 3&#xff0c;希望得到全局最优的结果 比较经典的例题一个就是 找零问题 钞票种类[20,10,5,1]用最小的张数找零46的时候…

Qt 控件整理 —— 按钮类

一、PushButton 1. 介绍 在Qt中最常见的就是按钮&#xff0c;它的继承关系如下&#xff1a; 2. 常用属性 3. 例子 我们之前写过一个例子&#xff0c;根据上下左右的按钮去操控一个按钮&#xff0c;当时只是做了一些比较粗糙的去演示信号和槽是这么连接的&#xff0c;这次我们…

位图与位运算的深度联系:从图像处理到高效数据结构的C++实现与优化

在学习优选算法课程的时候&#xff0c;博主学习位运算了解到位运算的这个概念&#xff0c;之前没有接触过&#xff0c;就查找了相关的资料&#xff0c;丰富一下自身&#xff0c;当作课外知识来了解一下。 位图&#xff08;Bitmap&#xff09;&#xff1a; 在计算机科学中有两种…