HTML学习记录
今天开始第一个HTML文档
时间:2020年5月13日10:32:09
标题标签共有6个,从h1到h6依次变小,一般使用<h1>作为标题标签
正文用<h4>标签,作者,时间信息用<5>标签
默认情况下,标题文字是居左显示,居中显示时用标签中align属性,属性值为center
居右显示时用标签中align属性,属性值为right
斜体内容 带下划线的内容对内容进行上下标,例如4=22,2x1;乘号×,空格占位符 空格占位符等
pre标签保留空格和换行符 q w e a s d但不是完整保留,不建议使用
正常段落使用p标签
段落与段落之间是隔行换行的,这样会导致文字的行间距过大,
可以使用换行标签<br/>完成文字的紧密换行显示
还有用水平线使文档更美观
水平线也可以设置宽高,位置,颜色
<!DOCTYPE html>
<!-- doctype 是一种标准通用标记语言的文档类型声明 -->
<!-- 'lang'='language','en'语言为英文 -->
<html lang="en">
<head>
<!-- 字符编码方式为utf-8 -->
<meta charset="UTF-8">
<!-- content属性值 :
width:可视区域的宽度,值可为数字或关键词device-width
height:同width
intial-scale:页面首次被显示是可视区域的缩放级别,取值1.0则页面按实际尺寸显示,无任何缩放
maximum-scale=1.0, minimum-scale=1.0;可视区域的缩放级别,
maximum-scale用户可将页面放大的程序,1.0将禁止用户放大到实际尺寸之上。
user-scalable:是否可对页面进行缩放,no 禁止缩放 -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- 指定页头信息 -->
<title>Document</title>
</head>
<body>
<h1>今天开始第一个HTML文档</h1>
<h2></h2>
<h3></h3>
<h4></h4>
<h5>时间:2020年5月13日10:32:09</h5>
<h5></h5>
<!-- <为转移字符‘<’,>为‘>’ -->
<h4>标题标签共有6个,从h1到h6依次变小,一般使用<h1>作为标题标签</h4>
<h4>正文用<h4>标签,作者,时间信息用<5>标签</h4>
<h4 align="center">默认情况下,标题文字是居左显示,居中显示时用标签中align属性,属性值为center</h4>
<h4 align="right">居右显示时用标签中align属性,属性值为right</h4>
<em>斜体内容</em>
<u>带下划线的内容</u>
<strike>带删除线的内容</strike>
<h4>对内容进行上下标,例如4=2<sup>2</sup>,2x<sub>1</sub>;乘号×,空格占位符 空格占位符等</h4>
<pre>pre标签保留空格和换行符 q w e
a s d但不是完整保留,不建议使用
</pre>
<p>正常段落使用p标签</p>
<p>段落与段落之间是隔行换行的,这样会导致文字的行间距过大,<br/>可以使用换行标签<br/>完成文字的紧密换行显示</p>
<hr>
<p align="center">还有用水平线使文档更美观</p>
<hr />
<p>水平线也可以设置宽高,位置,颜色</p>
<hr width="220px" align="left" color="red">
</body>
</html>