HTML 不是一种编程语言,而是一种标记语言
1. HTML标签
HTML 标签对大小写不敏感:推荐使用小写标签
开始标签 | 结束标签 | 描述 | 举例 |
---|---|---|---|
<html> | </html> | 定义 HTML 文档 | |
<body> | </body> | 定义文档的主体 | |
<h1> | </h1> | 定义 HTML 标题,通过<h1> - <h6> 等标签进行定义,1最大,6最小 | <h1>This is a heading</h1> |
<p> | </p> | 之间的文本被显示为段落,浏览器会自动地在段落的前后添加空行 | <p>This is a paragraph.</p> |
<p> 和<br /> 混合 | </p> | 不产生一个新段落的情况下进行换行 | <p>This is<br />a para<br />graph with line breaks</p> |
<a> | </a> | 链接 | <a href="https://www.baidu.com">This is a link</a> |
<img> | - | 图像 | <img src="xxx.jpg" width="104" height="142" /> |
<br /> | - | 空的 HTML 元素:可以用来创建空行 | |
<hr /> | - | 在页面中创建水平线。 | |
<!--> | - | 注释,在开始括号后跟着!,后面写注释内容 | |
<q> | </q> | 引用 | |
<table> | </table> | 定义表格 | |
<ul> | </ul> | 无序列表:每个列表项始于<li> 标签 | |
<ol> | </ol> | 有序列表:每个列表项始于 <li> 标签 | |
<dl> | </dl> | 自定义列表:每个自定义列表项以<dt> 开始。每个自定义列表项的定义以<dd> 开始 |
html文档实例:
<html>
<body>
<p>This is my first paragraph.</p>
</body>
</html>
2. HTML属性
HTML 标签可以拥有属性。属性提供了有关 HTML 元素的更多的信息。
属性总是以名称/值对的形式出现,比如:name=“value”。属性总是在 HTML 元素的开始标签中规定。
例如:
链接的属性:地址在 href 属性中指定(属性必须包含在单/双引号中)
<a href="https://www.baidu.com">This is a link</a>
3. HTML样式
style 属性的作用:
提供了一种改变所有 HTML 元素的样式的通用方法。
对于一些标签和属性,例如字体颜色对齐等,应该使用样式替换