HTML学习教程——基础

HTML 元素

HTML标题：通过标签 <h>-</h> 来定义，如：<h1>我的家乡</h1>；<h2>我的母校</h2>

HTML段落：通过标签 <p>-</p> 来定义，如：<p1>段落1介绍我的家乡</p1>；<p2>段落2介绍我的母校</p2>

HTML链接：通过标签 <a>-</a> 来定义，如：<a href="https://www.baidu.com">这是百度链接</a>

HTML图像：通过标签 <img/> 来定义，如：<img loading="lazy" src="/image/logo.jpg" eith="200" height="100" />

HTML换行：通过标签 <br/> 来定义

HTML元素语法：

• HTML元素以开始标签起始，以结束标签终止
• 元素的内容是开始标签与结束标签之间的内容
• 有些 HTML 元素会有空内容（empty content）
• 大多数 HTML 元素拥有属性
• 大多数元素可以嵌套
• HTML 文档由相互嵌套的 HTML 元素构成

HTML空元素：

• 没有内容的HTML元素，在开始标签中就可关闭，以开始标签的结束而结束
• <br>就是没有关闭标签的空元素
• 在开始标签中添加斜杠，是关闭空元素的正确方法，如 <br/> 
• 即使 <br> 在所有浏览器中都是有效的，但使用 <br /> 其实是更长远的保障

 HTML属性

属性是HTML元素提供的附加信息，属性值应该被包括在引号内，双引号是最常用的，不过单引号也可以使用，但在个别特殊的的情况下，如属性本身就含有双引号的必须使用单引号，例 name='John "ShotGun" Nelson'。

• HTML元素可以设置属性
• 属性可以在元素中添加附加信息
• 属性一般描述与开始标签
• 属性总是以名称/值 的对出现，如 name="value"

 属性实例：HTML链接地址就在 href 属性中指定。如下：

<a href="http://www.baidfu.com">百度链接</q>

属性参考：

• class 属性可以多用 class=" " (引号里面可以填入多个 class 属性)
• id 属性只能单独设置 id=" " (只能填一个，多个无效)

属性	描述
class	为 HTML 元素定义一个或多个类名(classname) (类名从样式文件引入)
id	定义元素的唯一 ID
style	规定元素的行内样式 (inline style)
title	描述了元素的额外信息 (作为工具条使用)
accesskey	设置元素的键盘快捷键
contenteditable	规定是否可编辑元素的内容
contextmenu	指定一个元素的上下文菜单，用户右击该元素出现上下文菜单
data-*	用于存储页面的自定义数据
dir	设置元素中内容的文本方向
draggable	指定某个元素是否可以拖动
dropzone	指定是否将数据复制，移动，或链接，或删除
hiden	规定对元素进行隐藏
lang	设置元素中内容的语言代码
spellcheck	检测元素是否拼写错误
tabindex	设置元素的 Tab 键控制次序
translate	指定是否一个元素的值在页面载入时是否需要翻译