e 2 meses atrás
pai
commit
97866d729c
3 arquivos alterados com 47 adições e 7 exclusões
  1. 0 0
      1.html/html/1.文档流.html
  2. 47 7
      1.html/html/2.标签.html
  3. BIN
      1.html/images/1.png

+ 0 - 0
1.html/文档流.html → 1.html/html/1.文档流.html


+ 47 - 7
1.html/2.标签.html → 1.html/html/2.标签.html

@@ -7,11 +7,14 @@
   </head>
   <body>
     <!-- 
+    双标签:由开始标签与结束标签组成,中间允许放置元素或者嵌套
+    单标签:由开始标签组成并且可以自动闭合的标签
         https://www.w3school.com.cn/
         标签:
             1.文档标签(文档流)
             2.按照是否换行分:
                 换行:块级元素
+                宽高可修改 换行展示
                     h标签(标题)
                         h1~h6 逐级递减 字体加粗
                     p 放置文本段落内容
@@ -31,18 +34,54 @@
                     dl dt dd 图文混排列表
                         dt 图片
                         dd 文字
-                不换行
-            3.按照是否闭合分
+                不换行:行内元素
+                宽高不可修改 在一行展示
+                    b 加粗 单纯的加粗
+                    strong 加粗 语义上的加粗
+                    i 倾斜 单纯的倾斜
+                    em 倾斜  语义上的倾斜
+                    u 下划线
+                    sub 下标
+                    sup 上标
+                    span 划分区域
+                    a 跳转  超链接
+                        href:
+                         1.跳转的网址
+                         2.# 回到顶部
+                         3."" 空字符串 刷新页面
+                行内块元素:
+                  具备块元素及行内元素的特点 但是行内块元素中间有间隔
+                  即可以一行展示 也可设置宽高
+
+                img 图片
+                属性:
+                src:图片的地址
+                    1.从网上获取的 绝对路径
+                    2.从本地获取的 相对路径
+                        同级 ./
+                        上级 ../
+                alt:当图片无法展示时 所显示的替换文字
+                图片什么情况无法展示?
+                网速过慢
+                图片侵权或违禁
+            3.按照是否闭合分:
+                
+                闭合标签:由开始标签与结束标签组成,中间允许放置元素或者嵌套
+                空标签:由开始标签组成并且可以自动闭合(可选)的标签
             4.H5新标签(暂时不讲)
     -->
-    <h1>你好</h1>
+            <!-- <img src="" alt=""> -->
+            <!-- <hr> -->
+    <img  style="width: 100px;height: 100px;" src="https://tse2-mm.cn.bing.net/th/id/OIP-C.VC96IQ53w1EhF5yR442lGAHaNK?rs=1&pid=ImgDetMain" alt="">
+    <img  style="width: 100px;height: 100px;" src="../images/1.png" alt="这个是雪山的图片">
+    <h1 style="width: 100px;height: 100px;background-color: #ff0;">你好</h1>
     <h2>你好</h2>
     <h3>你好</h3>
     <h4>你好</h4>
     <h5>你好</h5>
     <h6>你好</h6>
     <p>
-      今天天气真好今天天气真好今天天气真好今天天气真好今天天气真好今天天气真好今天天气真好今天天气真好今天天气真好今天天气真好今天天气真好
+      今天 <i>天气</i> <em> 真好</em> <u> 今天</u> 5<sub>2</sub> 真好6 <sup>3</sup> 真好今天天气真好今天天气真好今天天气真好今天天气真好今天天气真好今天天气真好今天天气真好今天天气真好
     </p>
     <div style="color: aqua;">
       <p>
@@ -53,13 +92,14 @@
       </p>
     </div>
     <p style="color: red">
-      今天星期三今天星期三今天星期三今天星期三今天星期三今天星期三今天星期三今天星期三今天星期三今天星期三今天星期三今天星期三
+      今天 <b  style="width: 100px;height: 100px;background-color: #ff0;">星期三</b> 今天 <strong>星期三</strong> 今天星期三今天星期三今天星期三今天星期三今天星期三今天星期三今天星期三今天星期三今天星期三今天星期三
     </p>
     <p style="color: red">
-      今天星期四今天星期四今天星期四今天星期四今天星期四 <hr><hr> 今天星期四今天星期四今天星期四今天星期四今天星期四今天星期四今天星期四
+      <span style="color: blue;">今天星期四</span>今天星期四<span style="color: blueviolet;">今天星期四</span><b>今天星期四</b>今天星期四 <hr><hr> 今天星期四今天星期四今天星期四今天星期四今天星期四今天星期四今天星期四
     </p>
     <p style="color: red">
-      今天星期五今天星期五今天星期五今天星期五今天星期五 <br><br> 今天星期五今天星期五今天星期五今天星期五 <br> 今天星期五今天星期五今天星期五
+      <br/>
+      今天星期五<a href="http://www.baidu.com">今天星期五</a>今天星期五 <a href="#">今天</a> 星期五今天星期五 <br><br> 今天星期五<a href="">今天</a> 星期五今天星期五今天星期五 <br> 今天星期五今天星期五今天星期五
     </p>
     <div>
         <h2>新闻</h2>

BIN
1.html/images/1.png