如何新建一个HTML文件?
答:
1.新建一个TXT文件
2.打开TXT文件后,输入网页基本结构,另存为
可得到
回答over!下一步
html静态网页的基本结构,以及插入图片、插入超链接、分段、换行、标题号、表格标签。
<html>
<head>
<title>分页一</title>(标题号)
</head>
<body>
<h2>第二分网页</h2>
<img src="pics/pic1.png">(插入图片)
<br/>
<table border=1>(表格标签)
<caption>课程表</captiion>
<tr><th>星期一</th><th>星期二</th><th>星期三</th><th>星期四</th></tr>
<tr><td>微波技术</td<td>信号与系统</td><td>信息论与编码</td><td>通信原理</td><td>C++</td></tr>
<tr><td>信号与系统</td<td>微波技术</td><td>信息论与编码</td><td>C++</td><td>通信原理</td></tr>
</table>
<br/> <br/>(换行)
<p>.....</p>(分段)
链接:<br/>
<a href="index1.html">返回主页</a> <br/>(插入超链接)
</body>
</html>
例1:用记事本编写一个html静态网页(index.html),该网页有一个标题、一个图片、2个超链接(链接到2个分网页)。图片要放置到一个专门的子文件夹里。
代码:
<html>
<head>
<title>主页</title>
</head>
<body>
<h2>这是主页(翻转课堂一)</h2>
<img src="pics/pic0.png">
<br/>
链接:<br/>
<a href="page1.htm">第一分网页</a> <br/>
<a href="pages/page2.htm">第二分网页</a> <br/>
</body>
</html>
效果图:
例2:
两个分网页的编写。
(1)编写第一个html分网页(a1.html),该网页有一个小标题、一个图片、表格,返回主页的超链接。
(2)编写第二个html分网页(a1.html),该网页有一个小标题、一段文字(诗词)、一个图片、返回主页的超链接。图片要放置到一个专门的子文件夹里。
代码(1):
<html>
<head>
<title>分页一</title>
</head>
<body>
<h2>第二分网页</h2>
<img src="pics/pic1.png">
<br/>
<table border=1>
<caption>课程表</captiion>
<tr><th>星期一</th><th>星期二</th><th>星期三</th><th>星期四</th></tr>
<tr><td>微波技术</td><td>信号与系统</td><td>信息论与编码</td><td>通信原理</td><td>C++</td></tr>
<tr><td>信号与系统</td><td>微波技术</td><td>信息论与编码</td><td>C++</td><td>通信原理</td></tr>
</table>
<br/> <br/>
链接:<br/>
<a href="index1.htm">返回主页</a> <br/>
</body>
</html>
代码(2):
<html>
<head>
<title>分页一</title>
</head>
<body>
<h2>第一分网页</h2>
<img src="pics/pic3.png">
<br/>
<h3><p align="center">静夜思</p></h3>
<p align="center">唐 李白</p>
<p align="center">床前明月光,</br>
疑是地上霜。<br/>
举头望明月,<br/>
低头思故乡。<br/>
</p>
<br/>
链接:<br/>
<a href="index1.htm">返回主页</a> <br/>
</body>
</html>