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>
相关推荐
willow1 天前
html5基础整理
html
anOnion4 天前
构建无障碍组件之Radio group pattern
前端·html·交互设计
前端Hardy4 天前
HTML&CSS&JS:丝滑无卡顿的明暗主题切换
javascript·css·html
前端Hardy5 天前
HTML&CSS&JS:基于定位的实时天气卡片
javascript·css·html
前端Hardy5 天前
HTML&CSS:纯CSS实现随机转盘抽奖机——无JS,全靠现代CSS黑科技!
css·html
DeathGhost5 天前
分享URL地址到微信朋友圈没有缩略图?
前端·html
前端Hardy6 天前
HTML&CSS:高颜值产品卡片页面,支持主题切换
css·html
Never_Satisfied6 天前
在HTML & CSS中,nth-child、nth-of-type详解
前端·css·html
你怎么知道我是队长6 天前
前端学习---HTML---块元素和行内元素
前端·学习·html
holeer6 天前
【V1.0】Typora 中的 HTML 支持|软件文档自翻译
前端·编辑器·html·typora·web·markdown·文档