js href跳轉 jsp href 跳轉



文章插圖
js href跳轉 jsp href 跳轉

文章插圖
昨天學習了最基礎的文本標簽及屬性 , 除此之外還有很多其它標簽 , 今天逐一學習 。
一、鏈接標簽(a標簽)
a標簽有一個必不可少的屬性:href 。href也就是超鏈接的意思 。
下面編寫代碼 , 其中我每行之間用了兩個換行符(<br/><br/>) , 為了使頁面看起來相對而言更加美觀些 。
①href=http://www.mnbkw.com/jxjc/188677/”#”
作用是跳轉本頁面 。
②href=http://www.mnbkw.com/jxjc/188677/”對應網頁鏈接地址”
作用是跳轉到對應網頁 。
③href=http://www.mnbkw.com/jxjc/188677/”本地主頁”
這個呢是我自己電腦里面的一個html文件 , 自己可以訪問 , 但是別人就沒法訪問了 。
②中的是只要網址能打開 , 所有人都能訪問 。
④href=”mailto:對應郵箱地址”
作用是用本地的郵箱客戶端 , 給填寫的郵箱發送郵件 。
⑤target=”_self”
self , 自身的意思 , 作用就是在當前頁面中打開填入的網頁鏈接 。
⑥target=”_blank”
blank , 空白的意思 , 作用就是在新窗口中打開填入的網頁鏈接 。
⑦title=”劉小愛的博客”
title , 又是標題 , 這里的作用是:當我們將鼠標放在當前鏈接上的時候會出現一個標題提示 。
代碼編寫完畢 , 做一個測試:
其中有個小常識:
左鍵直接點擊 , 會在當前頁面中打開對應鏈接 。
Ctrl+左鍵點擊 , 會在新的頁面中打開對應鏈接 。
二、圖片標簽和列表標簽
1圖片標簽
image , 圖像的意思 , 簡寫為img , 圖片標簽也就是用img來表示 。
①src=http://www.mnbkw.com/jxjc/188677/”圖片地址”
如果是本地圖片 , 寫出圖片所在的路徑即可 。
如果是網絡圖片 , 寫出其對應的鏈接即可 。
其中width為寬度 , height為高度 , 如果只設置其中一項 , 高度和寬度是等比例縮放的 。
當然也可以寬度高度同時設置不同的值 。
②alt=”圖片丟失了啦”
如果圖片丟失了 , 就會顯示alt里面的內容 。
③title=”我是劉小愛”
同a標簽一樣 , 當鼠標放在該圖片上時 , 會顯示title里的內容 。
2列表標簽
list , 即列表的意思 , 其中又分為有序列表和無序列表 。
有序列表:ordered list , 簡寫就是ol 。
①type=”1″
數字排序 , 這也是默認的有序排序規則 , 所以可以省略不寫 。
②type=”a”
使用小寫字母排序 , 詳情見上圖 。
③type=”A”
使用大寫字母排序 , 詳情見上圖 。
④type=”Ⅰ”
使用羅馬字母排序 , 詳情見上圖 。
⑤type=”i”
使用字母i來排序 , 詳情見上圖 。
無序列表:unordered list , 簡寫就是 ul 。
①type=”disc”
disc , 唱片、圓盤的意思 , 這是無序列表的默認屬性 , 所以可以省略不寫 。
②type=”circle”
circle , 圓形的意思 。
③type=”square”
square , 正方形的意思 。
三、表格標簽
1基本介紹
table , 表格的意思 , 這在學數據庫時就接觸過 。
tr , tablerow的縮寫 , 表示的是表格中的行 。
td , tabledata的縮寫 , 表示的是表格中的數據 。
①單元格:cell:細胞的意思 , 在表格中就表示為一個單元格 。
②表格外邊框:border , 邊界的意思 , 用其可以設置外邊框的粗細 。
③單元格外間距:cellspacing , 用其設定外間距 。
④單元格內間距:cellpadding , 用其設定內間距 。
其中width表示表格的寬度 , 并且外間距一般都會設定為0 , 不然都不像是個表格的樣子 。
①caption標簽
標題的意思 , 用以說明表格的標題 , 我這邊還用了一個b標簽將其給加粗了 。
②th標簽
table head的簡寫 , 也就是表格的表頭 , 它是默認居中加粗的 。
當然我們也可以根據align屬性來設定排序位置(居左 , 居中 , 居右) 。
此外 , 其中也可以使用thead、tbody、tfoot標簽來劃分表格 。
thead表示表格的頭部 。tbody表示表格的主體 。tfoot表示表格的腳部 。
這個稍作了解即可 , 感覺使用這些標簽和不使用這些標簽對表格本身沒有影響 。
2表格快速模板設置
看到左上角那個黃燈后點擊 , 選擇Language Injection Settings , 最后選擇html即可 。
【js href跳轉 jsp href 跳轉】這樣設置后就可以使用表格快速創建模板了 。
先輸入table>tr*4>td*4 , 再加上Tab鍵 , 即可快速創建一個4*4的表格 。
3合并單元格
①rowspan
合并行的意思 , 相同的列不同的行 。
“2”的意思就是表示是跨兩行 , 從第1行開始將第1行和第2行合并起來了 。
既然如此 , 那么第2行總共也就只需要3列了 , 所以將其第2行第1列刪除 。
②colspan
合并列的意思 , 相同的行不同的列 。
“3”的意思就是表示是跨3列 , 從第2列開始將第2列第3列和第4列合并起來了 。
既然如此 , 那么第3行總共也就只需要2列了 , 所以將第3行中第3列第4列刪除 。