html快速学习

html快速学习

html元素

HTML文档由HTML元素定义。一个元素由开始标签、元素内容、结束标签组成。大多数HTML元素具有属性。

HTML元素可以嵌套其它元素。

空元素

并非所有的元素都有三个部分组成。有些元素只包含一个标签,通常用于在文档中插入或嵌入某些东西。这些元素被称为空元素。

属性

元素可以具有属性。属性包含关于元素的额外信息,这些信息不会出现在内容中。

一个属性应该由三个部分组成:

  • 一个它和元素名之间的空格
  • 属性名以及后面的一个等号
  • 一个属性值,用开始和结束的引号包围
布尔属性

没有值的属性是布尔属性。布尔属性的真假情况如下:

  • 为真:没有值,或有任何值
  • 为假:不写在HTML标签中

特殊字符

以&开头,;结尾。

html注释

html 复制代码
<!-- 注释内容 -->

实例代码

下面给出一份实例代码用于对照上文的内容

html 复制代码
<!doctype html> 	<!-- 声明文档类型 -->
<html lang="zh-CN"> <!-- 声明html元素,称为根元素,设置lang属性指定主语言-->
	<head>
		<meta charset="utf-8" /> <!-- 没有内容的空元素 -->
		<title>我的测试页面</title>
	</head>
	<body>
		<h1>主标题</h1>
		<p>这是我的页面</p><br>
		<p>特殊字符显示&lt; &gt; &quot; &amp;</p>
	</body>
</html>
相关推荐
ZhengEnCi6 天前
Q02-Vue-React-index.html完全指南
vue.js·react.js·html
牧艺6 天前
HTML-in-Canvas 深度解析:让 Canvas 真正「吃上」HTML 这碗饭
前端·html·canvas
爱勇宝7 天前
我给自己做了一个新标签页:不登录、不打扰、打开就能用
前端·html·浏览器
越努力越幸运667 天前
多模态代码调试实战:Gemini3.5 精准捕获 HTML 隐性语法
html
anOnion11 天前
构建无障碍组件之Menu Button pattern
前端·html·交互设计
米丘12 天前
微前端之 Web Components 完全指南
微服务·html
Metaphor69214 天前
使用 Python 将 PDF 转换为 HTML
python·pdf·html
a11177615 天前
“黑夜流星“个人引导页 网页html
java·前端·html
JieE21215 天前
手把手带你用纯 CSS 实现一个 3D 旋转魔方,这些前端基础你能打几分?
前端·css·html
YHL15 天前
🧊 CSS 3D 硬核解析:四个属性手写旋转立方体
前端·css·html