网站是以页面的方式呈现的,所以要做一个网站(website),首先要做一个网页(webpage)。
页面的内容,是用一种叫html的语言描述的。
<!DOCTYPE html>
<html>
<head>
<title>Title是网页标题,显示在浏览器标签栏</title>
</head>
<body>
<h1>Heading是标题</h1>
<p>Paragraph是段落。这些都是网页中的元素</p>
<ul>
<li>Unordered-List是无序号列表</li>
<li>List-Item是列表项</li>
<li>Anchor 是<a href="https://2047.name">链接</a>的意思 </li>
</ul>
</body>
</html>
将以上文字保存为a.html
,然后用浏览器打开,就可以看到网页内容了。
不过,这样做出来的网页缺乏色彩。我们可以给网页中的元素(elements) 添加或者修改 风格(style),例如颜色、字体、边框、背景等等。在HTML里面,你需要用一种叫CSS的语言给元素添加style。
<!DOCTYPE html>
<html>
<head>
<title>Title是网页标题,显示在浏览器标签栏</title>
</head>
<body style="background-color:gray;">
<h1 style="color:red;">Heading是标题</h1>
<p>Paragraph是段落。这些都是网页中的元素</p>
<style>
li {
background-color:yellow;
border-width:1px;
border-style:solid;
border-color:blue;
}
</style>
<ul>
<li>Unordered-List是无序号列表</li>
<li>List-Item是列表项</li>
<li>Anchor 是<a href="https://2047.name">链接</a>的意思 </li>
</ul>
</body>
</html>
更多信息,请参考: