2021.7.19今日小结

今天把之前学习的HTML基础和CSS基础重新熟悉了一遍,记了一些之前不熟悉的代码。

  书签链接

    创建书签<a name="书签名">[文字或者图片]</a>

    创建书签<a href="(file_URL)#书签名"></a>

  图片热点区域

    <img src="图片文件路径" usemap="#map名"/>

    <map name="map名">

      <area shape="图片热区形状" coords="热区坐标" href="链接地址">

    </map>

  行内元素有哪些?块级元素有哪些? 空(void)元素有那些?

    行内元素:a、b、span、img、input、strong、select、label、em、button、textarea

    块级元素:div、ul、li、dl、dt、dd、p、h1-h6、blockquote

    空元素:即系没有内容的HTML元素,例如:br、meta、hr、link、input、img

  框架  

    <frameset>

      <noframes>

        浏览器不支持框架结构显示页面!

      </noframes>

      <frame src="URL">

      </frame>

      </frameset>

  左右分割窗口

            <frameset cols="宽度,宽度,*意思是自动使用多余的宽度> 

      <frame src="URL">  </frame>
                 <frame src="URL">  </frame> 
                 <frame src="URL">  </frame>  
                 .......
                </frameset>                     

  上下分割窗口

  

  <frameset rows="高度,高度,*意思是自动使用多余的高度> 

      <frame src="URL">  </frame>
                 <frame src="URL">  </frame> 
                 <frame src="URL">  </frame>  
                 .......
                </frameset>    

  嵌套分割窗口

      <frameset cols="宽度,宽度,*意思是自动使用多余的宽度> 
        <frame src="URL">  </frame>
        <frame src="URL">  </frame> 
              <frame src="URL">  </frame>  
                 .......
              <frameset rows="宽度,宽度,*意思是自动使用多余的宽度> 
          <frame src="URL">  </frame>
                 <frame src="URL">  </frame> 
                 <frame src="URL">  </frame>  
                .......
               </frameset>    
                
        </frameset>        

块元素和行内元素的转换

  inline 行内元素

  block  块元素

  inline-block 行内块元素

  盒子模型

    在网页中,一个元素占有空间的大小由几个部分构成,其中包括元素的内容(content),元素的内边距(padding),元素的边框(border),元素的外边距(margin)四个部分。

  

posted @ 2021-07-19 18:54  Private!  阅读(34)  评论(0编辑  收藏  举报