fengchuanyu 9 månader sedan
förälder
incheckning
e2af2ebaf4
3 ändrade filer med 129 tillägg och 0 borttagningar
  1. 4 0
      1_html/2_标签.html
  2. 59 0
      2_css/14_文本控制.html
  3. 66 0
      2_css/练习2_歌曲播放页面.html

+ 4 - 0
1_html/2_标签.html

@@ -29,5 +29,9 @@
     <img src="./logo.png">
 
     <a href="https://www.baidu.com">百度</a>
+
+    <div>hello <br>world!</div>
+    <p>hello world!</p>
+    <p>你好世界!</p>
 </body>
 </html>

+ 59 - 0
2_css/14_文本控制.html

@@ -0,0 +1,59 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <style>
+        div{
+            text-align: center;
+        }
+    </style>
+</head>
+<body>
+    <div>hello</div>
+    <div>
+        乌云在我们心里搁下一块阴影
+        我聆听沉寂已久的心情
+        清晰透明 就像美丽的风景
+        总在回忆里才看得清
+        被伤透的心能不能够继续爱我
+        我用力牵起没温度的双手
+        过往温柔 已经被时间上锁
+        只剩挥散不去的难过
+        缓缓飘落的枫叶像思念
+        我点燃烛火温暖岁末的秋天
+        极光掠夺天边
+        北风掠过想你的容颜
+        我把爱烧成了落叶
+        却换不回熟悉的那张脸
+        缓缓飘落的枫叶像思念
+        为何挽回要赶在冬天来之前
+        爱你穿越时间
+        两行来自秋末的眼泪
+        让爱渗透了地面
+        我要的只是你在我身边
+        被伤透的心能不能够继续爱我
+        我用力牵起没温度的双手
+        过往温柔 已经被时间上锁
+        只剩挥散不去的难过
+        在山腰间飘逸的红雨
+        随着北风凋零 我轻轻摇曳风铃
+        想唤醒被遗弃的爱情
+        雪花已铺满了地
+        深怕窗外枫叶已结成冰
+        缓缓飘落的枫叶像思念
+        我点燃烛火温暖岁末的秋天
+        极光掠夺天边
+        北风掠过想你的容颜
+        我把爱烧成了落叶
+        却换不回熟悉的那张脸
+        缓缓飘落的枫叶像思念
+        为何挽回要赶在冬天来之前
+        爱你穿越时间
+        两行来自秋末的眼泪
+        让爱渗透了地面
+        我要的只是你在我身边
+    </div>
+</body>
+</html>

+ 66 - 0
2_css/练习2_歌曲播放页面.html

@@ -0,0 +1,66 @@
+<!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 style="background-color: #f5f5f5; font-family: Arial, sans-serif;">
+
+  <h1 style="color: #007bff; text-align: center;">《枫》</h1>
+  <h2 style="color: #666; text-align: center;">歌手:周杰伦</h2>
+  <h3 style="color: #666; text-align: center;">作词人:弹头(宋健彰)</h3>
+  <h3 style="color: #666; text-align: center;">作曲人:周杰伦</h3>
+
+  <img src="https://i2.hdslb.com/bfs/archive/041b97a7e12aa6f37885540e53e3d963f88a9d2f.jpg" alt="周杰伦 - 枫 封面" height="300" style="display: block; margin: 0 auto; border: 2px solid #007bff; border-radius: 5px;">
+
+  <p style="color: #333; text-align: center; font-size: 18px;">歌词:</p>
+  <p style="color: #555; text-align: center; font-size: 16px;">乌云在我们心里搁下一块阴影<br>
+    我聆听沉寂已久的心情<br>
+    清晰透明 就像美丽的风景<br>
+    总在回忆里才看得清<br>
+    被伤透的心能不能够继续爱我<br>
+    我用力牵起没温度的双手<br>
+    过往温柔 已经被时间上锁<br>
+    只剩挥散不去的难过<br>
+    缓缓飘落的枫叶像思念<br>
+    我点燃烛火温暖岁末的秋天<br>
+    极光掠夺天边<br>
+    北风掠过想你的容颜<br>
+    我把爱烧成了落叶<br>
+    却换不回熟悉的那张脸<br>
+    缓缓飘落的枫叶像思念<br>
+    为何挽回要赶在冬天来之前<br>
+    爱你穿越时间<br>
+    两行来自秋末的眼泪<br>
+    让爱渗透了地面<br>
+    我要的只是你在我身边<br>
+    被伤透的心能不能够继续爱我<br>
+    我用力牵起没温度的双手<br>
+    过往温柔 已经被时间上锁<br>
+    只剩挥散不去的难过<br>
+    在山腰间飘逸的红雨<br>
+    随着北风凋零 我轻轻摇曳风铃<br>
+    想唤醒被遗弃的爱情<br>
+    雪花已铺满了地<br>
+    深怕窗外枫叶已结成冰<br>
+    缓缓飘落的枫叶像思念<br>
+    我点燃烛火温暖岁末的秋天<br>
+    极光掠夺天边<br>
+    北风掠过想你的容颜<br>
+    我把爱烧成了落叶<br>
+    却换不回熟悉的那张脸<br>
+    缓缓飘落的枫叶像思念<br>
+    为何挽回要赶在冬天来之前<br>
+    爱你穿越时间<br>
+    两行来自秋末的眼泪<br>
+    让爱渗透了地面<br>
+    我要的只是你在我身边<br>
+  </p>
+
+</body>
+
+</html>