标题大小与字体大小的关系:1到6号标题与1到6号字体是逆序对应
实例:
<!DOCTYPE html><html><head><meta charset="utf-8"><title>文档标题</title></head><body><h1>标题1</h1><h2>标题2</h2></body></html>
HTML段落
HTML段落是通过标签<p>来定义
实例:
<!DOCTYPE html><html><head><meta charset="utf-8"><title>文档标题</title></head><body><p>段落1</p><p>段落2</p></body></html>
HTML链接
HTML链接是通过标签<a>来定义的
实例:
<!DOCTYPE html><html><head><meta charset="utf-8"><title>文档标题</title></head><body> <a href = "https://www.baidu.com"> 这是一个链接</a></body></html>
HTML图像
HTML通过标签<img>来定义
实例:
<!DOCTYPE html><html><head><meta charset="utf-8"><title>文档标题</title></head><body><img src="/images/logo.png" width="258" height="39" /></body></html>
HTML属性HTML 元素可以设置属性属性可以在元素中添加附加信息属性一样平常描述于开始标签属性总是以名称/值对的形式涌现,比如:name="value"。
大多数HTML元素的属性:
属性
描述
class
为html元素定义一个或多个类名(classname)(类名从样式文件引入)
id
定义元素的唯一id
style
规定元素的行内样式(inline style)
title
描述了元素的额外信息 (作为工具条利用)
HTML水平线<hr>标签在HTML页面中创建水平线
hr元素可用于分隔内容
<!DOCTYPE html><html><head><meta charset="utf-8"><title>文档标题</title></head><body><p>hr 标签定义水平线:</p><hr /><p>这是段落。</p><hr /><p>这是段落。</p><hr /><p>这是段落。</p></body></html>
运行结果:
HTML注释
可以将注释插入 HTML 代码中,这样可以提高其可读性,使代码更易被人理解。浏览器会忽略注释,也不会显示它们。
注释写法如下:
<!-- 这是一个注释 -->