網(wǎng)站首頁 行業(yè)快訊 > 正文
html標(biāo)簽(HTML學(xué)習(xí)筆記:各種常用標(biāo)簽)
今天是劉小愛自學(xué)Java的第76天。
感謝你的觀看,謝謝你。
話不多說,繼續(xù)html的學(xué)習(xí):
昨天學(xué)習(xí)了最基礎(chǔ)的文本標(biāo)簽及屬性,除此之外還有很多其它標(biāo)簽,今天逐一學(xué)習(xí)。
一、鏈接標(biāo)簽(a標(biāo)簽)a標(biāo)簽有一個(gè)必不可少的屬性:href。href也就是超鏈接的意思。
下面編寫代碼,其中我每行之間用了兩個(gè)換行符(<br/><br/>),為了使頁面看起來相對而言更加美觀些。
①href="#"
作用是跳轉(zhuǎn)本頁面。
②href="對應(yīng)網(wǎng)頁鏈接地址"
作用是跳轉(zhuǎn)到對應(yīng)網(wǎng)頁。
③href="本地主頁"
這個(gè)呢是我自己電腦里面的一個(gè)html文件,自己可以訪問,但是別人就沒法訪問了。
②中的是只要網(wǎng)址能打開,所有人都能訪問。
④href="mailto:對應(yīng)郵箱地址"
作用是用本地的郵箱客戶端,給填寫的郵箱發(fā)送郵件。
⑤target="_self"
self,自身的意思,作用就是在當(dāng)前頁面中打開填入的網(wǎng)頁鏈接。
⑥target="_blank"
blank,空白的意思,作用就是在新窗口中打開填入的網(wǎng)頁鏈接。
⑦title="劉小愛的博客"
title,又是標(biāo)題,這里的作用是:當(dāng)我們將鼠標(biāo)放在當(dāng)前鏈接上的時(shí)候會(huì)出現(xiàn)一個(gè)標(biāo)題提示。
代碼編寫完畢,做一個(gè)測試:
其中有個(gè)小常識:
左鍵直接點(diǎn)擊,會(huì)在當(dāng)前頁面中打開對應(yīng)鏈接。
Ctrl+左鍵點(diǎn)擊,會(huì)在新的頁面中打開對應(yīng)鏈接。
二、圖片標(biāo)簽和列表標(biāo)簽1圖片標(biāo)簽
image,圖像的意思,簡寫為img,圖片標(biāo)簽也就是用img來表示。
①src="圖片地址"
如果是本地圖片,寫出圖片所在的路徑即可。
如果是網(wǎng)絡(luò)圖片,寫出其對應(yīng)的鏈接即可。
其中width為寬度,height為高度,如果只設(shè)置其中一項(xiàng),高度和寬度是等比例縮放的。
當(dāng)然也可以寬度高度同時(shí)設(shè)置不同的值。
②alt="圖片丟失了啦"
如果圖片丟失了,就會(huì)顯示alt里面的內(nèi)容。
③title="我是劉小愛"
同a標(biāo)簽一樣,當(dāng)鼠標(biāo)放在該圖片上時(shí),會(huì)顯示title里的內(nèi)容。
2列表標(biāo)簽
list,即列表的意思,其中又分為有序列表和無序列表。
有序列表:ordered list,簡寫就是ol。
①type="1"
數(shù)字排序,這也是默認(rèn)的有序排序規(guī)則,所以可以省略不寫。
②type="a"
使用小寫字母排序,詳情見上圖。
③type="A"
使用大寫字母排序,詳情見上圖。
④type="Ⅰ"
使用羅馬字母排序,詳情見上圖。
⑤type="i"
使用字母i來排序,詳情見上圖。
無序列表:unordered list,簡寫就是 ul。
①type="disc"
disc,唱片、圓盤的意思,這是無序列表的默認(rèn)屬性,所以可以省略不寫。
②type="circle"
circle,圓形的意思。
③type="square"
square,正方形的意思。
三、表格標(biāo)簽1基本介紹
table,表格的意思,這在學(xué)數(shù)據(jù)庫時(shí)就接觸過。
tr,tablerow的縮寫,表示的是表格中的行。
td,tabledata的縮寫,表示的是表格中的數(shù)據(jù)。
版權(quán)說明: 本文由用戶上傳,如有侵權(quán)請聯(lián)系刪除!
猜你喜歡:
- 2022-09-20 男人惡心是什么病的前兆(惡心是什么病的前兆)
- 2022-09-20 山東財(cái)經(jīng)大學(xué)東方學(xué)院考研率怎么樣(山東財(cái)經(jīng)大學(xué)考研率是多少)
- 2022-09-20 廣西最早的大學(xué)叫什么大學(xué)(在桂林設(shè)立的廣西最早的大學(xué)是哪所大學(xué))
- 2022-09-20 小兒肺炎有5個(gè)常見癥狀嗎(小兒肺炎有5個(gè)常見癥狀)
- 2022-09-20 m是哪個(gè)服裝品牌的標(biāo)志(標(biāo)志為M的衣服是什么牌子的)
- 2022-09-20 什么叫正比例什么叫反比例舉例說明(什么叫反比例,舉個(gè)例子說明,)
- 2022-09-20 一包煙要多少根煙絲(一包煙要多少根)
- 2022-09-20 男人吃櫻桃對身體有什么好處(男人吃櫻桃有什么好處)
最新文章:
- 2023-07-02 怎樣挑選新鮮的豬肝?(怎么挑選新鮮豬肝 挑選新鮮豬肝的小技巧)
- 2023-07-02 木地板都有哪些種類(木地板的種類有哪些)
- 2023-07-02 白蠟?zāi)炯揖叩膬?yōu)缺點(diǎn)(松木家具的優(yōu)缺點(diǎn))
- 2023-07-02 怎么清洗窗簾布上的污垢(怎么清洗窗簾)
- 2023-07-02 世界上最可愛的小倉鼠的樣子(可愛小倉鼠的種類)
- 2023-07-02 小貓拉不出來屎怎么辦(小貓拉不出屎怎么辦)
- 2023-07-02 新飛小冰箱耗電量一天多少度(小冰箱耗電量一天多少度)
- 2023-07-02 公司注銷工業(yè)房產(chǎn)怎么辦手續(xù)(公司注銷工業(yè)房產(chǎn)怎么辦)
- 2023-07-02 鳳凰層到底好還是不好(鳳凰層是哪一層)
- 2023-07-02 馬桶寬度空間留多少(馬桶兩邊的空間大小是多少)
- 2023-07-02 如何訓(xùn)練貓咪小便(如何訓(xùn)練貓大小便)
- 2023-07-02 衛(wèi)生間吊頂防潮層做法圖集(衛(wèi)生間吊頂方法是什么)
- 2023-07-02 狗狗為什么總是流口水怎么辦(狗狗為什么愛流口水)
- 2023-07-02 臥室窗戶漏水由誰負(fù)責(zé)維修(臥室窗戶漏風(fēng)怎么辦)
- 2023-07-02 世界名貓大全(世界名貓你知道幾種)
- 2023-07-02 applewatchseries7和6對比(apple watch series 7和6的區(qū)別)