一、了解Html和CSS
1、Html是网页内容的载体
包括网页的内容,文章,图片,视频等。
2、CSS为样式
包括字体样式,颜色,标题背景色,等一些外观上的表现
3.JavaScript是用来实现网页上的特效
包括图片的3D效果,有动画,鼠标滑过菜单显现的效果等。
一下为简单的例子,
<!doctype html>
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>Html与css样式效果</title>
<style type="text/css">
h1{
font-size:20px;
color:#930;
text-align:center;
}
</style>
</head>
<body>
<h1>HELLO WORLD</h1>
</body>
</html>
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>Html与css样式效果</title>
<style type="text/css">
h1{
font-size:20px;
color:#930;
text-align:center;
}
</style>
</head>
<body>
<h1>HELLO WORLD</h1>
</body>
</html>
注意:
文件保存的时候 要将文件保存为“UTF-8”的格式,因为文件默认为GBK格式,用浏览器打开文件的话,中文容易造成乱码。
浏览器打开效果如下图:
注意Hello World的字体颜色,大小,及居中样式。