當前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

Html 教程（3）元素

發(fā)布時間：2025/3/21 编程问答 15 豆豆

生活随笔收集整理的這篇文章主要介紹了 Html 教程（3）元素小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

< !DOCTYPE>
聲明不是 HTML 標簽；它是指示 web 瀏覽器關于頁面使用哪個 HTML 版本進行編寫的指令。<!DOCTYPE>聲明必須是 HTML 文檔的第一行，位于<html>標簽之前。
<html >
一個 HTML 文檔。
<head >
定義文檔的頭部，它是所有頭部元素的容器。文檔的頭部描述了文檔的各種屬性和信息，包括文檔的標題、在 Web 中的位置以及和其他文檔的關系等。絕大多數文檔頭部包含的數據都不會真正作為內容顯示給讀者。

<head> 中的元素可以引用腳本、指示瀏覽器在哪里找到樣式表、提供元信息等等。
下面這些標簽可用在 head 部分：<base>, <link>, <meta>, <script>, <style>, <title>。

<title>定義文檔的標題，它是 head 部分中唯一必需的元素。

eg.

<html> <head> <style type="text/css"> h1 {color: red} p {color: blue} </style> </head> <body> <h1>header 1</h1> <p>A paragraph.</p> </body> </html>

img圖像

<a> 鏈接

eg.

<a href="https://www.runoob.com">這是一個鏈接使用了 href 屬性</a>

不打開新的頁面

<hr>分割

eg.

<h1> - <h6>
六個不同的 HTML 標題：

<p> 換行

<p>這個<br>段落<br>演示了分行的效果</p>

<section>

<section><h1>WWF</h1><p>The World Wide Fund for Nature (WWF) is an international organization working on issues regarding the conservation, research and restoration of the environment, formerly named the World Wildlife Fund. WWF was founded in 1961.</p> </section> <section><h1>WWF's Panda symbol</h1><p>The Panda has become the symbol of WWF. The well-known panda logo of WWF originated from a panda named Chi Chi that was transferred from the Beijing Zoo to the London Zoo in the same year of the establishment of WWF.</p> </section>

<nav> 元素

定義導航鏈接的部分區(qū)域，但是，不是所有的鏈接都需要包含在<nav>元素中
eg.

<nav> <a href="/html/">HTML</a> | <a href="/css/">CSS</a> | <a href="/js/">JavaScript</a> | <a href="/jquery/">jQuery</a> </nav>

<footer> 元素

描述了文檔的底部區(qū)域.，一個頁腳通常包含文檔的作者，著作權信息，鏈接的使用條款，聯(lián)系信息等

注：文檔中你可以使用多個<footer>元素.

<footer><p>Posted by: Hege Refsnes</p><p><time pubdate datetime="2012-03-01"></time></p> </footer>

<figure> 和 <figcaption> 元素

定獨立的流內容（圖像、圖表、照片、代碼等等）

<figure><img loading="lazy" src="img_pulpit.jpg"alt="The Pulpit Rock" width="304" height="228"><figcaption>Fig1. - The Pulpit Pock, Norway.</figcaption> </figure>

總結

以上是生活随笔為你收集整理的Html 教程（3）元素的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。

编程问答

Html 教程 （3）元素

總結

Html 教程（3）元素