html基礎之(章節元素,章節元素,超連結,錨點)詳細

來源:互聯網
上載者:User

標籤:第四天

章節元素

<body></body> 文檔內容 只能一個<body>元素

<header></header>頭部標籤 logo  導航

<main></main>網站中重要內容 一個文檔中只能有一個<main>在<body>標籤中

<footer></footer>網站中顯示底部的內容,著作權內容資訊等連結

<nav></nav>導航連結 首頁 論壇 部落格 個人中心等 nav的主要元素放置在包含連結的章節

<article></article>文章部落客題內容放在article元素中

<h></h>定義文章標題 大小有變化 1-6

<section></section>定義文章一個小塊,或者一個專題

<aside></aside>廣告刪掉跟主題沒什麼影響內容度低

<address></address>定義一篇文章的聯絡資訊

文本元素

<em></em> 代表強調文字

<strong></strong> 代表重要文字

<sub></sub>上標

<sup></sup>下標

<i></i>一些特別的引用 傾斜

<u></u>錯誤的注釋加底線

<mark></mark> 高亮引用的文字加底色

<del></del>刪除 中線

<br>換列標籤 單個 一個換一行

<a></a>串連  <a href="">文字</a>

<span></span> 普通文本 結合css 使用 進行美化排版

超連結

超連結屬性

herf

<a herf="">名字</a>

開啟文本

<a herf="本地地址">名字</a>

訪問郵件地址

<a herf="milto:郵箱">名字</a>

target ="_self"目前的目錄開啟 用在<a herf="">名字</a>

新的標籤開啟 “_blank”

相對路徑和絕對路徑

完整路徑就是絕對路徑

相對路徑是相對目前的目錄來說的./ 跟超連結一起<a herf="./">名字</a>

<a herf="../">名字</a>返回上次目錄 

還可以<a herf="../..//">名字</a>上次目錄

錨點

定位到網頁的某個元素

<a name=""></a>

訪問錨點 <a herf="錨點">名字</a>


本文出自 “大李子” 部落格,謝絕轉載!

html基礎之(章節元素,章節元素,超連結,錨點)詳細

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.