我要投稿

html空标签-超文本标记语言

bendan520 html

2023-08-28 0 6,199 百度已收录

进不了网站？换个网络试试！

1
2
3

<address>
    <p>Page written by <a href="URL">SDYZZY</a>.</p>
</address>

5. 超链接

统一资源定位器（UniformResourceLocator，URL）定义了资源在网络上的位置，用于连接网络上的任何其他资源（html、文本、视频等），当然就是URL。

(1) 创建超链接

使用元素创建超链接：link

(2) 块级链接

除了将文本转换为链接外，还可以将图片等块级元素转换为链接，只需将相应的块级元素加载到标签中即可。

(3) 链接文档片段

除了链接到 Internet 上的资源之外，您还可以链接到文档中的内容。

您需要首先为链接元素分配一个 id 属性（这样您就知道要链接到谁），然后在 URL 末尾使用井号来指向该 id，例如：

<a href="#linktest">linktest</a>  
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>二次元俱乐部</title>
    <link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|Sonsie+One" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=ZCOOL+KuaiLe" rel="stylesheet">
    <link href="style.css" rel="stylesheet">
  </head>

  <body>
    <header> 
      <h1>聆听电子天籁之音</h1>
    </header>

    <nav> 
      <ul>
        <li><a href="#">主页</a></li>
        
      </ul>

      <form> 
        <input type="search" name="q" placeholder="要搜索的内容">
        <input type="submit" value="搜索">
      </form>
    </nav>

    <main> 
      <article>
        
      </article>

      <aside> 
        <h2>相关链接</h2>
        <ul>
          <li><a href="#">这是一个超链接</a></li>
          
        </ul>
      </aside>
    </main>

    <footer> 
      <p>© 2050 某某保留所有权利</p>
    </footer>
  </body>
</html>

（二）网站结构

# 规划一个简单的网站

7.HTML调试

2.多媒体与嵌入式

了解如何嵌入图像、视频、其他网页等。

1. HTML中的图片（1）借助

元素

该元素可以简单地将图像放置在页面上html空标签，并具有以下属性：

(2) 图片及说明文字

使用嵌套元素添加带标题的图像，figcaption 告诉浏览器其丰富的内容描述了figure 元素上方的内容。其中，图形元素可以是图片、代码、音视频、表格、方程等任何内容。

<figure>
    <img src=""
         alt=""
         width=""
         height="">
    <figcation>这段文字描述了上面的内容</figcation>  
</figure>

(3) 用CSS添加背景图片

CSS添加的背景图片只是为了装饰，没有任何语义信息html空标签，具体在CSS章节中。

2. HTML 中的视频和音频

3、在HTML中嵌入网页、PDF、Flash等（1）网页中嵌入的元素

您可以在当前网页中嵌入地图、视频、广告等页面，属性如下：

<iframe src=""
        width=""
        height=""
        frameborder=""
        allowfullscreen=""
        sandbox>
    <p>
        若浏览器不支持iframe，则可以使用普通的链接
        <a href="">https://</a>
    </p>
</iframe>

(2) Flash中嵌入的元素

闪存早已过时。

(3) PDF中嵌入的元素

PDF 更喜欢使用链接而不是嵌入。

<object data="文件名.pdf"
        type="application/pdf"
        width="800"
        height="1200"
        typemustmatch>
  <p>
      若浏览器不支持object，则可以使用普通的链接
      <a href="文件名.pdf"></a>
   </p>
</object>