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

HTML 简介

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>
<head>
<title>网页标题</title>
</head>
<body>
......
</body>
</html>

5. HTML 注释

快捷键 shift+/

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

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

6. HTML 文档声明

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

7. HTML 字符编码

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

8.HTML 设置语言

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

具体写法:

         <html lang="zh-CN">

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

9. 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.kler.cn/a/542672.html

相关文章:

  • MapReduce到底是个啥?
  • C# 属性的反射介绍
  • MYSQL innodb引擎的索引结构,B+树一般都多高,层高怎么计算的?
  • 力扣1448. 统计二叉树中好节点的数目
  • 攻防世界32 very_easy_sql【SSRF/SQL时间盲注】
  • Unity-Mirror网络框架-从入门到精通之LagCompensation示例
  • ASP.NET Core的贫血模型与充血模型
  • JavaScript系列(69)--安全编程技术详解
  • DeepSeek模型架构及优化内容
  • Leetcode 3448. Count Substrings Divisible By Last Digit
  • 更新无忧:用 Docker 数据卷确保 Open WebUI 数据持久化
  • java项目部署到linux读取properties中文乱码
  • 超全前端面试(全!全!全!!!)
  • LeetCode 每日一题 2025/2/3-2025/2/9
  • 2024.1.2版本Android Studio gradle下载超时问题处理
  • python基础入门:6.2JSON与CSV数据处理
  • SkyWalking 10.1.0 实战:从零构建全链路监控,解锁微服务性能优化新境界
  • qt QCommandLineOption 详解
  • 蓝桥杯算法日记|2.11二分算法
  • 【目标检测xml2json】label从VOC格式xml文件转COCO格式json文件
  • PostgreSQL 数据库压力测试指南
  • 普通用户授权docker使用权限
  • docker和docker compose版本太低问题的解决方案
  • 16.React学习笔记.React更新机制
  • 大模型被偷家?CNN结合多模态!
  • 2025.2.11——一、[极客大挑战 2019]PHP wakeup绕过|备份文件|代码审计