901 字
5 分钟
html基础一
| 开始标签 * | 元素内容 | 结束标签 * |
|---|---|---|
| 这是一个段落 | ||
| 这是一个链接 | ||
| 换行 |
开始标签常被称为起始标签（opening tag），结束标签常称为闭合标签（closing tag）
HTML 提示：使用小写标签
HTML 标签对大小写不敏感：
等同于
。许多网站都使用大写的 HTML 标签。
因为万维网联盟（W3C）在 HTML 4 中推荐使用小写，而在未来 (X)HTML 版本中强制使用小写。
(X)HTML 是一个 严格遵守xml规范的html
HTML 元素语法
- HTML 元素以开始标签起始
- HTML 元素以结束标签终止
- 元素的内容是开始标签与结束标签之间的内容
- 某些 HTML 元素具有空内容（empty content）
- 空元素在开始标签中进行关闭（以开始标签的结束而结束）
- 大多数 HTML 元素可拥有属性
HTML 空元素
没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的。
就是没有关闭标签的空元素（
标签定义换行）。
在 XHTML、XML 以及未来版本的 HTML 中，所有元素都必须被关闭。
在开始标签中添加斜杠，比如
，是关闭空元素的正确方法，HTML、XHTML 和 XML 都接受这种方式。
即使
在所有浏览器中都是有效的，但使用
其实是更长远的保障。
HTML 全局属性
New : HTML5 新属性。
| 属性 | 描述 |
|---|---|
| accesskey | 设置访问元素的键盘快捷键。 |
| class | 规定元素的类名（classname） |
| contenteditable(New) | 规定是否可编辑元素的内容。 |
| contextmenu(New) | 指定一个元素的上下文菜单。当用户右击该元素，出现上下文菜单 |
| data-*(New) | 用于存储页面的自定义数据 |
| dir | 设置元素中内容的文本方向。 |
| draggable(New) | 指定某个元素是否可以拖动 |
| dropzone(New) | 指定是否将数据复制，移动，或链接，或删除 |
| hidden(New) | hidden 属性规定对元素进行隐藏。 |
| id | 规定元素的唯一 id |
| lang | 设置元素中内容的语言代码。 |
| spellcheck(New) | 检测元素是否拼写错误 |
| style | 规定元素的行内样式（inline style） |
| tabindex | 设置元素的 Tab 键控制次序。 |
| title | 规定元素的额外信息（可在工具提示中显示） |
| translate(New) | 指定是否一个元素的值在页面载入时是否需要翻译 |
HTML常见标签
注释
<!-- 注释内容 -->标题
<h1>Demo</h1><h2>Demo</h2><h3>Demo</h3><h4>Demo</h4><h5>Demo</h5><h6>Demo</h6>段落
<p> Demo</p>链接
<!-- href是a标签的属性 用来描述地址 --><!-- 百度 是a标签的文本 --><a href="https://www.baidu.com">百度</a>图片
<img decoding="async" src="/images/logo.png" width="258" height="39" />属性
New ：HTML5 中的新属性。
| 属性 | 值 | 描述 |
|---|---|---|
| align | top bottom middle left right | HTML5 不支持。HTML 4.01 已废弃。 规定如何根据周围的文本来排列图像。 |
| loading | eager：立即加载 lazy：延迟加载 | 指定浏览器是应立即加载图像还是延迟加载图像。 |
| alt | text | 规定图像的替代文本。 |
| border | pixels | HTML5 不支持。HTML 4.01 已废弃。 规定图像周围的边框。 |
| crossorigin**(New)** | anonymous use-credentials | 设置图像的跨域属性 |
| height | pixels | 规定图像的高度。 |
| hspace | pixels | HTML5 不支持。HTML 4.01 已废弃。 规定图像左侧和右侧的空白。 |
| ismap | ismap | 将图像规定为服务器端图像映射。 |
| longdesc | URL | HTML5 不支持。HTML 4.01 已废弃。 指向包含长的图像描述文档的 URL。 |
| src | URL | 规定显示图像的 URL。 |
| usemap | #mapname | 将图像定义为客户器端图像映射。 |
| vspace | pixels | HTML5 不支持。HTML 4.01 已废弃。 规定图像顶部和底部的空白。 |
| width | pixels | 规定图像的宽度。 |