HTML初学
创建简单文档
代码如下(示例):
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="utf-8">
<title>三章十题</title>
<style type="text/css">
li.img1{
list-style-image: url(tv01.jpg);}
li.img2{
list-style-image: url(tv02.jpg);}
li.img3{
list-style-image: url(tv03.jpg);}
li.img4{
list-style-image: url(tv04.jpg);}
li.img5{
list-style-image: url(tv05.jpg);}
</style>
</head>
<body>
<ul>
<li class="img1">平凡的世界</li>
<li class="img2">老人与海</li>
<li class="img3">爱的教育</li>
<li class="img4">接力1800</li>
<li class="img5">C程序设计</li>
</ul>
</body>
</html>
添加照片
代码如下(示例):
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="utf-8">
<title>二章二题</title>
</head>
<body>
<img src="同级图片.png" >
</body>
</html>
链接与多段文本
代码如下(示例):
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="utf-8">
<title>二章三题</title>
</head>
<body>
<a href="链接与多段文本.html">经历</a>
<p>自我介绍:我是一名共产主义者,<br/>
我为自己而骄傲。</p>
<p>工作经历:<br/>
2020-2021任北京市委书记
<p>2022-2023任中宣部部长</p>
</body>
</html>
无序列表
代码如下(示例):
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="utf-8">
<title>二章四题</title>
</head>
<body>
<h3>my grocery</h3>
<ul>
<li>apple</li>
<li>pear</li>
<li>orange</li>
</ul>
</body>
</html>
无序列表嵌套
代码如下(示例):
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="utf-8">
<title>二章五题</title>
</head>
<body>
<ul>
<li>
山西省
<ul>
<li>太原市</li>
<li>大同市</li>
<li>运城市</li>
</ul>
</li>
<li>
山东省
<ul>
<li>济南市</li>
<li>青岛市</li>
<li>聊城市</li>
</ul>
</li>
</ul>
<ul>
<li>
河南省
<ul>
<li>郑州市</li>
<li>洛阳市</li>
<li>商丘市</li>
</ul>
</li>
</ul>
<ul>
<li>
河北省
<ul>
<li>保定市</li>
<li>邯郸市</li>
<li>石家庄市</li>
</ul>
</li>
</ul>
</body>
</html>
有序列表
代码如下(示例):
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="utf-8">
<title>二章六题</title>
</head>
<body>
<ol>
<li>我和我的祖国</li>
<li>我和我的家乡</li>
<li>我和我的姐姐</li>
<li>夏洛特烦恼</li>
<li>肖申克救赎</li>
</ol>
</body>
</html>
有序套无序
代码如下(示例):
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="utf-8">
<title>二章七题<