#WEB安全基礎 : HTML/CSS | 0x5a標簽拓展和class、id屬性的使用

tunny 發布于2019-04-23 11:53 / 2766人閱讀

摘要：標簽不只是能鏈接到其他網頁，也能鏈接到網頁中的元素屬性讓你用對特定的元素進行修飾這些是一個網頁設計者的有力武器黑體這節課還是一個文件黑體以下是代碼菜鳥教程插入外鏈菜鳥教程尋找綠色標題在文件內部就不用寫地址了

a標簽不只是能鏈接到其他網頁，也能鏈接到網頁中的元素

class屬性讓你用CSS對特定的元素進行修飾

這些是一個網頁設計者的有力武器

這節課還是一個index.html文件

以下是代碼

 1 <html>
 2 <head>
 3 <title>TESTtitle>
 4 head>
 5 <style>
 6 h1.mh1{
 7 color: green;
 8 }
 9 style>
10 <body>
11 <a href = "http://www.runoob.com/" title = "菜鳥教程" target = "_blank">插入外鏈:菜鳥教程a>
12 <br>
13 <a href = "#myh1">尋找綠色標題a>        
14 <h1>我是標題h1>
15 <br>
16 <br>
17 <br>
18 <h1>我是標題h1>
19 <br>
20 <br>
21 <br>
22 <h1>我是標題h1>
23 <br>
24 <br>
25 <br>
26 <h1>我是標題h1>
27 <br>
28 <br>
29 <br>
30 <h1>我是標題h1>
31 <br>
32 <br>
33 <br>
34 <h1>我是標題h1>
35 <br>
36 <br>
37 <br>
38 <h1>我是標題h1>
39 <br>
40 <br>
41 <br>
42 <h1>我是標題h1>
43 <br>
44 <br>
45 <br>
46 <h1>我是標題h1>
47 <br>
48 <br>
49 <br>
50 <h1>我是標題h1>
51 <br>
52 <br>
53 <br>
54 <h1 id = "myh1" class = "mh1">我是標題h1>        
55 
56 <br>
57 <br>
58 <br>
59 <h1>我是標題h1>
60 body>
61 html>
62

如你所見我們把class屬性叫做類，class屬性的值叫做類名

它的顯示效果

點擊"尋找綠色標題" ?

class讓指定的h1變成綠色，id讓a元素能鎖定到這個特定的h1

要熟練運用這些東西

//本系列教程基于《Head First HTML與CSS(第二版)》,此書國內各大購物網站皆可購買

轉載請注明出處? by:M_ZPHr

最后修改時間：2019-01-17

云服務器 GPU云服務器 js標簽的class html+css基礎 html標簽的屬性 js取a標簽的id值

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/1306.html

#WEB安全基礎 : HTML/CSS | 文章索引

摘要：黑體本系列講解安全所需要的和黑體安全基礎我的第一個網頁黑體安全基礎初識黑體安全基礎初識標簽黑體安全基礎文件夾管理網站黑體安全基礎模塊化黑體安全基礎嵌套列表黑體安全基礎標簽拓展和屬性的使用黑體安全基礎嵌套本系列講解WEB安全所需要的HTML和CSS #WEB安全基礎 : HTML/CSS | 0x0 我的第一個網頁 #WEB安全基礎 : HTML/CSS | 0x1初識CSS #WEB安全基...

EscapedDog 2019-04-23 11:53 評論0 收藏0
使用純粹的JS構建 Web Component

摘要：它賦予了僅僅使用純粹的就可以創建可重用組件的能力。我們會用到的來創建我們的用戶卡片。在較早版本的瀏覽器中，我們不能使用來隔離組件。這可以部分歸咎于對的影響很大的。你可以在這里閱讀第二部分的教程使用純粹的構建原文鏈接：https://ayushgp.github.io/htm...譯者：阿里云 - 也樹 Web Component 出現有一陣子了。 Google 費了很大力氣去推動它更...

Luosunce 2019-08-01 18:13 評論0 收藏0
使用純粹的JS構建 Web Component

摘要：它賦予了僅僅使用純粹的就可以創建可重用組件的能力。我們會用到的來創建我們的用戶卡片。在較早版本的瀏覽器中，我們不能使用來隔離組件。這可以部分歸咎于對的影響很大的。你可以在這里閱讀第二部分的教程使用純粹的構建原文鏈接：https://ayushgp.github.io/htm...譯者：阿里云 - 也樹 Web Component 出現有一陣子了。 Google 費了很大力氣去推動它更...

RayKr 2019-08-22 11:18 評論0 收藏0
使用純粹的JS構建 Web Component

摘要：它賦予了僅僅使用純粹的就可以創建可重用組件的能力。我們會用到的來創建我們的用戶卡片。在較早版本的瀏覽器中，我們不能使用來隔離組件。這可以部分歸咎于對的影響很大的。你可以在這里閱讀第二部分的教程使用純粹的構建原文鏈接：https://ayushgp.github.io/htm...譯者：阿里云 - 也樹 Web Component 出現有一陣子了。 Google 費了很大力氣去推動它更...

yuxue 2019-08-29 14:04 評論0 收藏0