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

最新推荐文章于 2024-04-28 17:33:36 发布

Phunsukh_Wangdu

最新推荐文章于 2024-04-28 17:33:36 发布

阅读量224

点赞数

分类专栏： Web前端编程文章标签： html

本文链接：https://blog.csdn.net/APPDREAMER/article/details/116229354

版权

Web前端编程专栏收录该内容

10 篇文章 2 订阅

订阅专栏

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、实验结果如图所示。

Phunsukh_Wangdu

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
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"..
复制链接

扫一扫