一、快速使用

1.效果图(手机端)

提示：如果要用pc端打开的话，最好微调一下效果。比如字体大小，在pc端很正常的大小，在手机端就却起来很小。

2.超简单的快速用法

a.新建一个文本文件

新建一个txt格式的文本文件，把下面代码复制在里面。

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>冬遇</title>
</head>
<body>
<style type="text/css">
body {margin: 0;background-image: url('https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=2595486065,3078397786&fm=26&gp=0.jpg'); <!--此处插入背景图片链接--> background-repeat:repeat-y;//background-position:center;background-size:100%,100%;background-color: #22C3AA;font-size:35px;
}
</style>
<p>
<font color="#F08080">
<em>亲爱的XXXX：</em><br />&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp嫁给我，做我的妻子。或许不是一个漂亮的女孩子，但是我可以向你保证，在我眼里，你将是这个世界上最美丽的新娘。而且在结婚以后，你在我眼里，依然是这个世界上最美丽的妇人。我希望在你八十岁的时候，俯在你的耳边，告诉你：“感谢上帝，他赐给我一个世界上最美丽最可爱只是没有了牙齿的老太婆。”<br />&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp结婚以后，如果你依然希望做你的事业，我将尽我的全力去支持你，并且努力承担我应做的家务。我向你坦白，我分不清黄豆芽和绿豆芽，而且我会把厨房搞得一塌糊涂，但是我将尽力照着《厨房美食》上的话去做，努力把自己培养成为一个伟大的厨子。<br />&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp和我生一个女儿。尽管这有些违反“生男生女都一样”的基本原则。可这是我唯一的苛求。我希望可以和我们的孩子一起在你四十岁生日时在你的生日蛋糕上只插三十六根蜡烛。而且，我相信咱们的孩子会一改往日的调皮，一脸庄严像个小大人似的对你说：“天啊，老妈，你看上去只有三十岁，我的同学们都说你更像我的姐姐！”<br />&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp愿你：<br />
历经山河，仍觉得人间值得<br />
<div align="right">你的XXXX&nbsp&nbsp&nbsp&nbsp<br />2021.02.05&nbsp&nbsp</div>
</font>
</p>
</body>
</html>

b.设置背景图片

在网上搜索背景图片并复制图片的地址

在代码中找到background-image: url(’’); 的代码，在’ '中粘贴地址。

c.将信的内容粘贴其中

每个自然段以8个&nbsp开头，代表占据两个汉字空间大小的空格。其后粘贴文本，然后以<br/>结尾，代表换行。
祝福一般语顶格写，所以没有加&nbsp进行空格。

d.署名和日期

观察这行代码：

<div align="right">你的XXXX&nbsp&nbsp&nbsp&nbsp<br />2021.02.05&nbsp&nbsp</div>

你的XXXX处用你的称呼替代，2021.02.05处用你的日期替代。

e.将文本的后缀名由txt改成html.

最后发给你的女友~~~

二、关于HTML

1.HTML有什么用

HTML是一种超文本标记语言。不是编程语言。HTML用来对文档排版，使之在不同平台上按照相同的方式显示。不限于文字，图片声音，动画等都支持。HTML文档需要用浏览器来解析。

2.HTML基本结构

用<>扩起来的东西叫元素。HTML文档由“元素”嵌套、组合而成。如、。其中称为根元素。元素一般以开始标签开始，到结束标签终止。如从开始标签到结束标签，是一个完整的元素。只有部分元素不用带结束标签也可以。

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>网页标题</title></head><body><h1>一个一级标题</h1><p>一个段落。</p><h2>一个二级级标题</h1><p>一个段落。</p><h2>一个二级级标题</h1><p>一个段落。</p></body>
</html>

显示效果：

如果想要学习HTML，推荐一下几个特别好的学习网站，适合新手。有不会的都可以去查。

菜鸟教程：https://www.runoob.com/html/html-tutorial.html
w3学校：https://www.w3school.com.cn/tags/tag_html.asp

html入门之用html给女朋友写封精致的情书--小白直接拿去用，一点难度都没有相关推荐

都是写进合同，说是15薪，如今真的一点办法都没有了吗？剩下的人都无心干活，都盼
年终奖写进合同,公司还能耍赖不给吗? 一位网友吐槽: 坐标小公司,公司裁员70%,自己组从20个人降到5个人.现在年底了,公司耍无赖,全员打绩效C,就为了不发年终奖!年终奖都是写进合同,说是15薪,如 ...
用加密算法给女朋友写封情书
1.常用加密算法有对称密码,公钥密码,单向散列函数,数字签名, 伪随机数生成器. 明文:是指没有加密的文字(或者字符串),加密之前的文字. 密文:加了密的的文字. MDS算法 :单向散列函数 ...
用Java写给女朋友,用加密算法给女朋友写封情书
1.常用加密算法有对称密码,公钥密码,单向散列函数,数字签名, 伪随机数生成器. 明文:是指没有加密的文字(或者字符串),加密之前的文字. 密文:加了密的的文字. MDS算法 :单向散列函数 ...
python银行利息问题_python入门教程NO.8 用python写个存款利息计算器
python入门教程 python入门教程NO.8 用python写个存款利息计算器本文涉及的python基础语法为def函数,return,函数的各参数示例,匿名函数等函数初识函数是一段组织好 ...
AI Studio 飞桨零基础入门深度学习笔记6.3-手写数字识别之数据处理
AI Studio 飞桨零基础入门深度学习笔记6.3-手写数字识别之数据处理) 概述前提条件读入数据并划分数据集扩展阅读:为什么学术界的模型总在不断精进呢? 训练样本乱序.生成批次数据校验数 ...
给女朋友写的h5（移动端）小游戏,超简单
公司今天不太忙,给女朋友写了移动端个小游戏,直接上代码! <!DOCTYPE html> <html lang="zh"><head><m ...
flask html 得到文本框 input的内容_flask入门（二）（不用写代码的前端！）
flask入门 (二)(不用写代码的前端!) 前言今天要介绍的依然是 flask 框架,前面介绍的仅仅是 flask 快速搭建最小应用的知识点,既然我们需要自己做网站,那肯定离不开前端页面的制作. ...
python存款模块_python入门教程NO.8用python写个存款利息计算器
python 入门教程 NO.8 用 python 写个存款利息计算器本文涉及的 python 基础语法为 def 函数, return ,函数的各参数示例,匿名函数等函数初识函数是一段组织好的 ...
RNN文本生成-想为女朋友写诗（一）
RNN文本生成-想为女朋友写诗(一) 一.亮出效果二.实现步骤基本流程 2.1 准备数据 2.1.1 读取文件内容 2.1.2 初步整理数据 2.1.3 数据往Tensor上靠 2.2 构建模型 ...

html入门之用html给女朋友写封精致的情书--小白直接拿去用，一点难度都没有

文章目录