笔记
:
一、轮廓
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
双标签格式:< ></ >
单标签格式:< >
二、填色
1、:一个网页的头部
<body></body>:一个网页的身体
添加链接描述
2、注释格式:
3、快捷键
3.文本修饰标签:例 双标签和 加粗 斜体 来表示强调 前者的强调程度比后者强
图片标签和图片属性:单标签图片 "src"引入图片地址 "alt"当图片出错时进行提示
例 <img src=“…/html/images/195418e7desab3v47gie0e.jpg”
alt="--">
4、跳转锚点 法一:#号 id属性 法二:#号 name属性 映射形式
5、特殊符号
6、无序列表:双标签
- 和
- 组成 (必须组合出现 中间不能有其他标签) 有序列表:
- 和
- 组成(即有顺序的排列) 定义列表
(给出需要给出定义的文体)
- (解释该文体)和标题 段落的使用类似 (目前了解在
- 中可使用双标签
)
7、双标签
表标题 段落 注意:在一个网页中只有一个
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>莉可丽丝</title>
</head>
<body>
<h1>千束和泷奈</h1>
<p><em>点击<strong><span style="color:red">石蒜</span></strong>查看更多详细介绍</em></p>
<img src="https://pic2.zhimg.com/v2-f3007829b53ebd7e2d1562d03f727433_1440w.jpg?source=172ae18b"
alt="--" title="别点我"width="725" height="561">
<a href="./html/list.html">石蒜</a>
</body>
</html>
## `<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>石蒜</title>
</head>
<body>
<h1> 0.0 </h1>
<p>Lycoris Recoil是由<span style="color:blue">足立慎吾</span>、执导<span style="color:blue">朝浦</span>负责剧情原案、<span style="color:blue">A-1 Pictures</span>负责制作的原创电视动画作品,</p>
<p>于2021年12月31日宣布制作决定。该片于2022年7月2日至9月24日首播,全13集。</p>
<p>官方简称为“LycoReco”(リコリコ)。</p>
<img src="../html/images/195418e7desab3v47gie0e.jpg"
alt="--">
<a href="./detail.html">--></a>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=, initial-scale=1.0">
<title>Sakana~</title>
</head>
<body>
<a href="#1">千束</a>
<a href="#2">泷奈</a>
<a href="#3">合照</a>
<a name="1"></a>
<h2>千0</h2>
<p><span style="color:red">锦木千束</span>(錦木千束)</p>
<p>配音:安济知佳</p>
<p>年龄:17岁</p>
<p>生日:9月23日</p>
<p>血型:AB型</p>
<p>其实是被誉为历代最强的Lycoris。</p>
<p>乐于解决DA不处理的民间困扰。</p>
<p>在“LycoReco”咖啡厅自称招牌女店员,并活泼有精神地工作着。</p>
<img src="https://bbs.yamibo.com/data/attachment/forum/202207/21/220131ayob7w6ys5cyyx5s.jpg"
alt="--" width="725" height="408">
<a name="2"></a>
<h2>泷1</h2>
<p><span style="color:blue">井上泷奈</span>(井ノ上たきな)</p>
<p>配音:若山诗音</p>
<p>年龄:16岁</p>
<p>生日:8月2日</p>
<p>血型:A型</p>
<p>曾是位优秀的Lycoris,因故来到“LycoReco”咖啡厅工作。</p>
<p>个性重视合理性且讨厌无意义的行为,有时会对举止不像Lycoris的千束感到不满。</p>
<p>在“LycoReco”的工作上拿出成果。</p>
<img src="https://bbs.yamibo.com/data/attachment/forum/202207/21/220120td5da5so6fdrd61f.jpg"
alt="--" width="725" height="408">
<a name="3"></a>
<h2><span style="color:yellow">没默契 --</span></h2>
<a href="../index.html">= =</a>
<img src="../html/images/220054hu6i0ny3b4nr00td.jpg"
alt="--" width="433" height="690">
<a href="../html/更多.html"target="_blank">-----></a>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=, initial-scale=1.0">
<title>摩多摩多</title>
</head>
<body>
<img src="https://bbs.yamibo.com/data/attachment/forum/202207/21/220452t2zraz60pb7e2bbz.jpg"
alt="--"width="432" height="609">
<img src="https://bbs.yamibo.com/data/attachment/forum/202207/21/220107kd8x70fzfcfl0f9o.jpg"
alt="--"width="431" height="609">
<img src="https://bbs.yamibo.com/data/attachment/forum/202207/21/215854vs2a4v51cgassznh.jpg"
alt="--"width="431" height="609">
<img src="https://bbs.yamibo.com/data/attachment/forum/202207/21/215959nhqxpveeqd8d2f0h.jpg"
alt="--"width="441" height="609">
<img src="https://bbs.yamibo.com/data/attachment/forum/202207/21/215507dqza8qjhzuurjxq8.jpg"
alt="--"width="472" height="609">
<img src="https://bbs.yamibo.com/data/attachment/forum/202207/25/195431f2b4dp6i4od4eg41.jpg"
alt="--"width="601" height="609">
<a href="./还有.html">--></a>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>其他</title>
</head>
<body>
<ol>
<li>楠木</li>
<li>真岛</li>
</ol>
<ul>
<li>中原瑞希</li>
<li>米卡</li>
</ul>
<dl>
<dt>中原瑞希(中原ミズキ)</dt>
<dd>
<p>配音:小清水亚美</p>
<p>年龄:27岁</p>
<p>生日:6月5日</p>
<p>血型:O型</p>
<p>前DA的情报人员,跟千束认识很久。</p>
<p>特别想要结婚,为了追求邂逅而当起咖啡店店员。</p>
<p>晚上边喝点小酒边看结婚杂志是她的每日例行公事。</dd></p>
</dl>
<h2>其他人物资料</h2>
<p>请自行搜索</p>
<a href="../index.html">0</a>
</body>
</html>
## 总结:
1、练习的过程中使用快捷键敲代码的效率更高
2、对前端是做什么的怎么做的有了进一步的认识
3、对使用电脑发表文章进行文字输入 图片载入……发表文章时,电脑是怎么工作的产生兴趣