网站开发基础:HTML、CSS
前端开发主要使用的技术如 HTML、CSS 和 JavaScript 等。
简单制作一个网页
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>柒毓同学网站的首页</title>
<style>
.c1{border: solid 1px green;width: 49%;height: 250px;float: left}
</style>
</head>
<body>
<h1>这是一级标题</h1>
<h2>这是二级标题</h2>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>柒毓同学网站的首页</title>
<style>
.c1{border: solid 1px green;width: 49%;height: 250px;float: left}
</style>
</head>
<body>
<h1>这是一级标题</h1>
<h2>这是二级标题</h2>
<div style="border: solid 1px red;width: 100%;height: 300px">
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>柒毓同学网站的首页</title>
<style>
.c1{border: solid 1px green;width: 49%;height: 250px;float: left}
</style>
</head>
<body>
<h1>这是一级标题</h1>
<h2>这是二级标题</h2>
<div style="border: solid 1px red;width: 100%;height: 300px">
<div class="c1">
<ol>
<li>我是第一行</li>
<li>我是第二行</li>
</ol>
</div>
<div class="c1" style="float: right">
<ul>
<li>我是第一行</li>
<li>我是第二行</li>
</ul>
</div>
</div>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>柒小毓网站的首页</title>
<style>
.c1{border: solid 1px green;width: 49%;height: 250px;float: left}
</style>
</head>
<body>
<h1>这是一级标题</h1>
<h2>这是二级标题</h2>
<div style="border: solid 1px red;width: 100%;height: 300px">
<div class="c1">
<ol>
<li>我是第一行</li>
<li>我是第二行</li>
<li>http://www.baidu.com</li>
<li>liujingwei@cueb.edu.cn</li>
<li>liu.jingwei@cueb.vip</li>
<li>liu-jingwei@teacher.cueb-2019.vip</li>
<li>liujingwei@cueb...vip</li>
</ol>
</div>
<div class="c1" style="float: right">
<ul>
<li>我是第一行</li>
<li>我是第二行</li>
<li>http://www.baidu.com</li>
<li>liujingwei@cueb.edu.cn</li>
<li>liu.jingwei@cueb.vip</li>
<li>liu-jingwei@teacher.cueb-2019.vip</li>
<li>liujingwei@cueb...vip</li>
</ul>
</div>
</div>
</body>
</html>
上一篇: 简易版问答网站开发教
下一篇: 必备!8款热门网页制