HTML 简介

1.什么是HTML**?**

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

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

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

2.HTML****标签

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

  1. 双标签:

注:双标签就是<标签名> 标签体 </标签名>
示例代码:<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>

输入 ! ,随后回车即可快速生成标准结构。

相关推荐
劈星斩月几秒前
监督学习算法 之 决策树
学习·算法·决策树
学计算机的计算基5 分钟前
操作系统内存管理全解:虚拟内存、页表、COW、malloc、OOM一篇搞定
java·笔记·算法
tachibana29 分钟前
hot100 前 K 个高频元素(347)
java·数据结构·算法·leetcode
不会就选b18 分钟前
linux之进程管理(二)--替换
linux·运维·服务器
倔强的石头10624 分钟前
【Linux指南】动静态库系列(二):从源码复用到目标文件复用:为什么需要把 .o 打包成库
linux·运维·服务器
程序员爱钓鱼25 分钟前
Rust String 与 &str 详解:字符串所有权、借用与转换
前端·后端·rust
万亿少女的梦16828 分钟前
基于Spring Boot、Java与MySQL的网络订餐系统设计与实现
java·spring boot·mysql·系统设计·网络订餐
码农学院30 分钟前
GEO与SEO协同:从传统搜索到生成式搜索的平滑迁移路径
服务器·前端·python
步步精BBJconn33 分钟前
从GPU服务器到数据中心:AI服务器高压连接器的应用与发展趋势
大数据·运维·服务器·人工智能·科技·物联网
To_OC8 小时前
LC 131 分割回文串:刚学回溯时,我连怎么切字符串都想不明白
javascript·算法·leetcode