html練習
你現在看到的這個頁面就可以
Ⅱ HTML.CSS練習題,有會的木有
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>check box</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<style type="text/css">
*{margin:0;padding:0;}
#checkBox label{display:block;}
#checkBox{margin:20px auto;width:100px;padding:25px 15px;border:1px solid #ccc;background-color:#eee;line-height:25px;}
</style>
<script type="text/javascript">
$(function(){
$("#checkBox :checkbox").each(function(){
$(this).on({
"click" : function(){
$(this).closest("dl").find("dd.box").each(function(){
if($(this).find(":checked").length){
$(this).addClass("checked");
} else {
$(this).removeClass("checked");
}
});
if($("#checkBox dd.box").length === $("#checkBox dd.checked").length){
$("#disi04").removeAttr("disabled");
} else {
$("#disi04").attr("disabled","disabled");
}
}
});
});
})
</script>
</head>
<body>
<div id="checkBox">
<dl>
<dt>Some text</dt>
<dd class="box"><label for="diyi"><input type="checkbox" name="diyi" id="diyi" />checkBox</label>
<label for="dier"><input type="checkbox" name="dier" id="dier" />checkBox</label>
<label for="disan"><input type="checkbox" name="disan" id="disan" />checkBox</label></dd>
<dt>Some text</dt>
<dd class="box"><label for="diyi02"><input type="checkbox" name="diyi02" id="diyi02" />checkBox</label>
<label for="dier02"><input type="checkbox" name="dier02" id="dier02" />checkBox</label>
</dd>
<dt>Some text</dt>
<dd><label for="disi04"><select name="disi04" id="disi04" disabled="disabled"><option>Common box</option>
<option value="1">val001</option>
<option value="2">val002</option></select></label>
</dd>
</dl>
</div>
</body>
</html>
Ⅲ css和HTML練習題
從網上下載一些CSS模板,搜搜就能找到;盡量簡單的頁面,先看代碼,看懂了後寫出來;然後再找一些沒看過的頁面,不看代碼直接寫,寫完了看看代碼,學習學習,很快就熟了:)
Ⅳ 初學html和css之後該如何去練習
多寫一下案例,扒一下別的網頁,寫得多了自然就簡單了。
Ⅳ html小練習
規范的做法是,你把所有圖片放在一個叫image的文件夾里,把image文件夾回與html page放在同答一目錄/文件夾下傳給別人,這時圖片的相對路徑就可以寫成<img src="/image/filename.jpg" />
絕對路徑 <img src="C;//xxx/xxx/images/filename.jpg" /> <img src="http://www.xxx.com/image/filename.jpg" />
懂?
Ⅵ 有什麼可以實戰練習html的網站嗎
火狐官方的,上面是圖片,你手動輸入,其實html離線練習挺好的
Ⅶ html的練習作業
<ul>
<li><a href=""></a></li>
<li><a href=""></a>
<ul>
<ol></ol>
<ol></ol>
<ol></ol>
</ul>
</li>
</ul>
標簽里填內容就行
Ⅷ 學習html 練習一般用哪個軟體
一般用hbiuder的。
現在學習web前端,html5開發還是很火的,缺口大,專前景好,簡單能學會的,先去網屬上找點基礎視頻看,Mars的視頻比較好講得很全面。當然學習要靠自覺性,堅持學習,興趣是最好的老師。