HTML5教程

2021-04-28 Web前端编程实验（三）

本文主要是介绍2021-04-28 Web前端编程实验（三），对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

Web前端编程实验（三）

前言
本次实验所用编程语言为HTML，所用编辑文本工具为记事本。

注意事项
（1）前端编程注意HTML语言的灵活运用。
（2）相关HTML语言的学习链接https://how2j.cn/k/html/html-button/197.html。
（3）具体所有实验请参考博客 Web前端编程（一）~（八）。

实验三

1、实验题目。（注：题目如下）

2、代码实现。（注：代码如下）

<html>

<head>
<meta charset="utf-8">
<title>实验三</title>
</head>

<body>


<h1><span style="text-decoration: overline">第1段文字</span></h1>
<h2><span style="text-decoration: line-through">第2段文字</span></h2>
<h3><span style="text-decoration: underline">第3段文字</span></h3>

<p>列表显示</p>

<UL>
  <LI>HTML--网页结构
  <LI>CSS--网页样式
  <LI>JS--网页交互
</UL>

<table border="1" width = "200" height = "100">
<tr>
<td bgcolor="blue" align="center"><font face="隶书" size=2 color="white">标题1</font></td>
<td bgcolor="blue" align="center"><font face="隶书" size=2 color="white">标题1</font></td>
<td bgcolor="blue" align="center"><font face="隶书" size=2 color="white">标题1</font></td>
</tr>
<tr>
<td align="center"><font face="隶书" size=2 color="black">内容11</font></td>
<td align="center"><font face="隶书" size=2 color="black">内容12</font></td>
<td align="center"><font face="隶书" size=2 color="black">内容13</font></td>
</tr>
<tr>
<td bgcolor="red" align="center"><font face="隶书" size=2 color="white">内容21</font></td>
<td bgcolor="red" align="center"><font face="隶书" size=2 color="white">内容22</font></td>
<td bgcolor="red" align="center"><font face="隶书" size=2 color="white">内容23</font></td>
</tr>
<tr>
<td align="center"><font face="隶书" size=2 color="black">内容31</font></td>
<td align="center"><font face="隶书" size=2 color="black">内容32</font></td>
<td align="center"><font face="隶书" size=2 color="black">内容33</font></td>
</tr>
<tr>
<td bgcolor="red" align="center"><font face="隶书" size=2 color="white">内容41</font></td>
<td bgcolor="red" align="center"><font face="隶书" size=2 color="white">内容42</font></td>
<td bgcolor="red" align="center"><font face="隶书" size=2 color="white">内容43</font></td>
</tr>
</table>


</body>

</html>

3、实验结果如图所示。

这篇关于2021-04-28 Web前端编程实验（三）的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！
您可能喜欢
栏目导航