-
<span>標簽沒有語義，是為了單獨的樣式使用
查看全部 -
HeIIo WorId查看全部
-
Hello word查看全部
-
a標簽有的target屬性，代表打開網頁的方式。可選值為”_self和_blank”，默認值為_self，代表在當前頁面打開鏈接，_blank代表在新窗口打開鏈接。
查看全部 -
<a >? ?</a> 是超鏈接? ?
查看全部 -
<img >?標簽代表圖片?
查看全部 -
在第9行輸入color:blue，為<span>元素設置文本顏色為藍色。查看全部
-
選擇器的優先級依次是: 內聯樣式 > id選擇器 > 類選擇器 > 標簽選擇器 > 通配符選擇器
標簽選擇器：
標簽名{
}
ID選擇器：
#ID名{
}
類選擇器：
.類名{
}
子選擇器：
.類選擇器>標簽選擇器{
}
后代選擇器：
.類選擇器 標簽選擇器{
}
通用選擇器：
*{
}
偽類選擇器:
a：hover{
}
分組選擇器：
標簽名,標簽名{
}
查看全部 -
<!DOCTYPE?html> <html> <head> ????<meta?charset="UTF-8"> ????<title>學習表格標簽</title> </head> <body> ????<table?border=1> ????????<caption>前段三劍客</caption> ????????<tr> ????????????<td>知識點</td> ????????????<td>重要程度</td> ????????????<td>難度</td> ????????????<td>學習周期</td> ????????</tr> ????????<tr> ????????????<td>html</td> ????????????<td>5星</td> ????????????<td>3星</td> ????????????<td>7天</td> ????????</tr> ????????<tr> ????????????<td>css</td> ????????????<td>5星</td> ????????????<td>4星</td> ????????????<td>10天</td> ????????</tr> ????????<tr> ????????????<td>js</td> ????????????<td>5星</td> ????????????<td>5星</td> ????????????<td>20天</td> ????????</tr> ????</table> </body> </html>
查看全部 -
<img src="圖片地址" alt="下載失敗時的替換文本" title = "提示文本">
查看全部 -
無序列表
<ul> ????????<li> ????????????Java ????????</li> ????????<li> ????????????JavaScript ????????</li> </ul>
有序列表
<ol> ????????<li> ????????????Java ????????</li> ????????<li> ????????????JavaScript ????????</li> </ol>
查看全部 -
<!DOCTYPE html>
<html>
<head>
? ? <meta charset="UTF-8">
? ? <title>使用thead、tbody、tfoot標簽</title>
</head>
<body>
? ? <table border="1">
? ? <thead >
? ? ? ? <thead><strong>成績表</strong></thead>
? ? ? ? <hr/>
? ? ? ? ?<tr>
? ? ? ? ? ? <th>科目</th>
? ? ? ? ? ? <th>分數</th>
? ? ? ? ?</tr>
? ? ? ? ? <tr>
? ? ? ? ? ? <td>語文</td>
? ? ? ? ? ? <td>99</td>
? ? ? ? ?</tr>
? ? ? ? ? <tr>
? ? ? ? ? ? <td>數學</td>
? ? ? ? ? ? <td>60</td>
? ? ? ? ?</tr>
? ? ? ? ? <tr>
? ? ? ? ? ? <td>總分</td>
? ? ? ? ? ? <td>159</td>
? ? ? ? ?</tr>
? ? </thead>
? ? </table>
</body>
</html>
查看全部 -
<!DOCTYPE html>
<html>
<head>
? ? <meta charset="UTF-8">
? ? <title>學習表格標簽</title>
</head>
<body>
? ? <table border="1">
? ? ? ? <caption><strong>前端三劍客</strong></caption>
? ? ? ? <tr>
? ? ? ? ? ? <th>知識點</th>
? ? ? ? ? ? <th>重要程度</th>
? ? ? ? ? ? <th>難度</th>
? ? ? ? ? ? <th>學習周期</th>
? ? ? ? </tr>
? ? ? ? <tr>
? ? ? ? ? ? <td>html</td>
? ? ? ? ? ? <td>5星</td>
? ? ? ? ? ? <td>3星</td>
? ? ? ? ? ? <td>7天</td>
? ? ? ? </tr>
? ? ? ? <tr>
? ? ? ? ? ? <td>css</td>
? ? ? ? ? ? <td>5星</td>
? ? ? ? ? ? <td>4星</td>
? ? ? ? ? ? <td>10天</td>
? ? ? ? </tr>
? ? ? ? <tr>
? ? ? ? ? ? <td>js</td>
? ? ? ? ? ? <td>5星</td>
? ? ? ? ? ? <td>5星</td>
? ? ? ? ? ? <td>20天</td>
? ? ? ? </tr>
? ? </table>
</body>
</html>
查看全部 -
<!DOCTYPE html>
<html>
<head>
? ? <meta charset="UTF-8">
? ? <title>a標簽</title>
? ? <style>
? ? ? ? a{color:#980}
? ? </style>
</head>
<body>
? ? <ul>
? ? ? ? <li><a href="#" title="前端開發面試心法">前端開發面試心法</a> </li>
? ? ? ? <li><a href="#" title="零基礎學習html">零基礎學習html</a></li>
? ? ? ? <li><a href="#" title="JavaScript全攻略">JavaScript全攻略</a></li>
? ? </ul>
? ? <p>1922年的春天，一個想要成名名叫尼克?卡拉威（<a title="點擊查看視頻介紹" target="_blank">托比?馬奎爾Tobey Maguire</a> 飾）的作家，離開了美國中西部，來到了紐約。那是一個道德感漸失，爵士樂流行，走私為王，股票飛漲的時代。為了追尋他的美國夢，他搬入紐約附近一海灣居住。</p>
? ? <p>菲茨杰拉德，二十世紀美國文學巨擘之一，兼具作家和編劇雙重身份。他以詩人的敏感和戲劇家的想象為"爵士樂時代"吟唱華麗挽歌，其詩人和夢想家的氣質亦為那個奢靡年代的不二注解。</p>
</body>
</html>
查看全部 -
<!DOCTYPE html>
<html>
<head>
? ? <meta charset="UTF-8">
? ? <title>ol列表</title>
</head>
<body>
? ? <ol>
? ? ? ? <li>我的第一個列表信息</li>
? ? ? ? <li>我的第二個列表信息</li>
? ? </ol>
</body>
</html>
查看全部
舉報