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

相关推荐
神奇的程序员5 小时前
我的软件冲进苹果商店下载榜前 50 了
前端
阳光是sunny6 小时前
别再被 worktree 绕晕了!AI 编程时代你必须掌握的 Git 隔离神器
前端·人工智能·后端
万少7 小时前
万少的博客 - 技术分享与解决方案
前端·javascript·后端
尘世中一位迷途小书童9 小时前
用 Cesium 撸了一个森林火情监控大屏,弧线、粒子、发光效果都齐了
前端·javascript
IT_陈寒10 小时前
垃圾回收器选错了,我的Java服务内存炸了
前端·人工智能·后端
月光下的丝瓜10 小时前
Flutter 国内安装指南
前端·flutter
玄星啊11 小时前
AI 编程的第 30 天,我怀念古法 Coding 了
前端·ai编程
Jolyne_11 小时前
Angular基础速通
前端·angular.js
锋行天下12 小时前
半秒开!还有谁!!!
前端·vue.js·架构
代码搬运媛13 小时前
git 下中文文件名乱码问题解决
前端