html元素部分

最新推荐文章于 2024-10-07 17:45:00 发布

super小龙3w

最新推荐文章于 2024-10-07 17:45:00 发布

阅读量38

点赞数

分类专栏：前端学习总结文章标签： html 前端

本文链接：https://blog.csdn.net/m0_73968967/article/details/134560513

版权

前端学习总结专栏收录该内容

11 篇文章 0 订阅

订阅专栏

1.a元素（行内元素）：

 <!--a元素默认是行内元素不能设置宽高等属性-->
  <!--默认值，在当前窗口打开url-->
  <a href="url" target="_self"></a>

  <!--在一个新的窗口打开url-->
  <a href="url" target="_blank"></a>

  <!--在父窗口打开url-->
  <a href="url" target="_parent"></a>
  <!--parent与top效果差不多-->
  <!--在顶层窗口打开url-->
  <a href="url" target="_top"></a>

  <!--a元素的锚点链接-->
  <div id="one"></div>
  <div  id="two"></div>
  <a href="#one" target="_blank"></a>
  <a href="#two" target="_parent"></a>
   

  <!--a元素的图片链接-->
  <a href="图片地址">...</a>

  <!--a元素和img元素的嵌套-->
  <a href="">
    <img src="" alt="">
  </a>

  <!--a元素的链接只要是url地址都可以-->

2.img(行内可替换元素）：

可以设置宽高一些块级元素可以设置的属性

 <style>
    img{
      height: 200px;
      width: 200px;
    }
  </style>
</head>
<body>
  <span>哈哈哈</span>
  <img src="https://pic.baike.soso.com/ugc/baikepic2/0/ori-20221129095705-1877028675_jpeg_460_460_106483.jpg/800" alt="加载失败">
  <p>嘿嘿嘿嘿</p>

3.iframe：

 <!--iframe元素的基本使用,在一个html元素中嵌套另一个html文档，frameborder用于规定是否显示边框0，1,也可以设置width和height属性-->
  <iframe src="" width="..." height="..." frameborder="0"></iframe>
  <iframe src="" width="..." height="..." frameborder="1"></iframe>

  <!--iframe元素与a元素的结合使用-->
  <a href="baidu.com">打开百度</a>
  <iframe src="打开百度的html文档" frameborder="0"></iframe>