HTML基本概念:

  • 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"。

相关推荐
葡萄城技术团队1 分钟前
Playwright 官方推荐的 Fixture 模式,为什么大厂架构师却在偷偷弃用?
前端
newbe365243 分钟前
ImgBin CLI 工具设计:HagiCode 图片资产管理方案
前端·后端
bluceli5 分钟前
CSS Scroll Snap:打造丝滑滚动体验的利器
前端·css
www_stdio6 分钟前
深入理解 React Fiber 与浏览器事件循环:从性能瓶颈到调度机制
前端·react.js·面试
工边页字11 分钟前
LLM 系统设计核心:为什么必须压缩上下文?有哪些工程策略
前端·人工智能·后端
嚣张丶小麦兜20 分钟前
react的理解
前端·react.js·前端框架
重庆穿山甲23 分钟前
身份证照片自动裁剪(OpenCV 四边形检测 + 透视矫正)
前端·后端
跟着珅聪学java24 分钟前
Electron + Vue 现代化“新品展示“和“快捷下单“菜单
开发语言·前端·javascript
何贤24 分钟前
用 Three.js 写了一个《我的世界》,结果老外差点给我众筹做游戏?
前端·开源·three.js
踩着两条虫42 分钟前
AI 驱动的 Vue3 应用开发平台 深入探究(七):双向代码转换之 Vue源码到DSL解析
前端·vue.js·ai编程