HTML5+CSS3+JavaScript从入门到精通-01

原创

qiqi_fu

修改于 2021-12-03 09:45:47

5940

修改于 2021-12-03 09:45:47

文章被收录于专栏：CQ品势CQ品势

HTML5+CSS3+JavaScript从入门到精通

作者：王征，李晓波

第一章案例

01-01 這是第一個HTML5程序！

<!--web01-01-->
<!DOCTYPE html>
<html>
<head>
	<meta charset="gb2312">
	<title>這是第一個HTML5程序！</title>
</head>
<body text="#990000" bgcolor="#FFFFCC">
	開始學習HTML5!
</body>
</html>

01-02 第一個CSS程序！

<!--web01-02-->
<!DOCTYPE html>
<html>
<head>
	<style type="text/css">
		H1.style {border-width:1; border:solid;
							text-align:center; color:blue}
	</style>
	<title>第一個CSS程序！</title>
</head>
<body text="#990000" bgcolor="#FFFFCC">
	<H1 class="style"> 使用了CSS樣式！</H1>
	<H1 > 沒有使用CSS樣式！</H1>
</body>
</html>

01-03 第一個JavaScript程序！

<!--web01-03-->
<!DOCTYPE html>
<html>
<head>
	<meta charset="gb2312">
	<title>第一個JavaScript程序！</title>
	<script language="JavaScript">
	    var x;
		x=prompt("請輸入變量x的值:", "10");//10是默認值
		if(x>0)
		{
			document.write("x=", x, ", 是正數 ！");
		}
		else if(x<0)
		{
			document.write("x=", x, ", 是負數 ！");
		}
		else
		{
			document.write("x是零！");
		}
	</script>
</head>
<body>
</body>
</html>

原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。

如有侵权，请联系 cloudcommunity@tencent.com 删除。

html