HTML学习记录

HTML学习记录

Document

今天开始第一个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>
    <!-- &lt;为转移字符‘<’,&gt;为‘>’ -->
    <h4>标题标签共有6个,从h1到h6依次变小,一般使用&lt;h1&gt;作为标题标签</h4>
    <h4>正文用&lt;h4&gt;标签,作者,时间信息用&lt;5&gt;标签</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>;乘号&times;,空格占位符&nbsp;空格占位符等</h4>
    <pre>pre标签保留空格和换行符 q  w  e
                               a   s  d但不是完整保留,不建议使用
    </pre>
    <p>正常段落使用p标签</p>
    <p>段落与段落之间是隔行换行的,这样会导致文字的行间距过大,<br/>可以使用换行标签&lt;br/&gt;完成文字的紧密换行显示</p>
    <hr>
    <p align="center">还有用水平线使文档更美观</p>
    <hr />
    <p>水平线也可以设置宽高,位置,颜色</p>
    <hr width="220px" align="left" color="red">
</body>
</html>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值