Web 实验一 HTML列表、表格的应用 4月21日

兔子小姐_

已于 2022-05-22 15:42:14 修改

阅读量573

点赞数

分类专栏： Web 文章标签： html5

于 2022-05-17 16:03:55 首次发布

本文链接：https://blog.youkuaiyun.com/Yutouxn0/article/details/124823584

版权

本次实验旨在让学习者掌握HTML中的锚点链接、浮动框架和表格的运用。实验内容包括创建列表页面和使用表格进行产品介绍页面布局。重点和难点在于理解和操作浮动框架及表格。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

【实验目的】

1．掌握锚点链接相关标记的使用；

2．掌握浮动框架的使用。

3．掌握表格的使用。

【实验重点及难点】

掌握浮动框架和表格的使用。

【实验内容】

1.制作下图所示的列表页面。

<!DOCTYPE html>
<html>
<head>
<title>列表嵌套</title>
</head>
<body>
中国
<ol>
   <li>安徽</li>
   <ul type="

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

兔子小姐_

关注关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

HTML简单表格表单设计实验（含代码）

bruuuuuuuuno的博客

06-27

3852

目录目的和要求内容和步骤代码货品价格表用户留言表单心得体会目的和要求掌握 HTML 语言的使用，例如：TABLE、FORM、FRAME、CSS 等。必须使用到 CSS。必须有 HTML5 元素。电子邮件输入框必须有邮件格式输入验证，采用客户端验证方法。内容和步骤 1、创建如下图所示的货品价格表： 2、创建如下图所示的用户留言表单：代码货品价格表 <!DOCTYPE html> <html lang="en"> <head> <meta c

Web实验二 HTML表单的应用 4月21日

Yutouxn0的博客

04-21

759

参与评论您还未登录，请先登录后发表或查看评论

HTML列表及表格的基本应用

qq_54081982的博客

08-20

308

1、有序列表和无序列表都是在网站制作中经常使用的，有序列表标签是<ol></ol>,列表的每一行是<li></li>。 2、在<ol>中可以添加type标签，如1，A,a等便会呈现不同的编码， 3、无序列表的标签是<ul></ul>,列表的每一行也是用<li></li>来表示，它也有不同的type。 4、a标签不止有超链接的功能，还有锚点的功能，锚点可以通过点击它回到指定地点，如回到顶部是<a.

HTML(二)列表与表格的使用

小王的博客

04-22

312

一、列表标签二、表格标签三、块级标签四、网页的布局

实训篇-Html-表格练习1

gy77

01-07

530

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>表格学习</title> </head> <body> <!-- table：表格 tr：表格的行 border:表格的边框...

Web实习实验一 HTML基础

最新发布

m0_73282541的博客

07-31

856

经过了本次实习，我初步学会了利用MDN工具来了解、查询HTML中标签的作用，提高了自主学习的能力。熟悉了、、、等等标签的作用。熟练掌握了、等标签的使用，以及进行了链接跳转形式的练习。在行星表格制作中，在不断的尝试中，明白了rowspan和colspan这两个属性如何来使用。熟悉联系了中，不同type类型的作用，以及value、name属性的作用，还有对于无序列表的练习使用。

WEB应用开发设计实验报告四

j1018726071的博客

06-22

2690

一.实验课题会话技术Cookie和Session的应用二. 实验目的 1.掌握Cookie对象和常用API的运用。 2.掌握Session对象和常用API的运用。三. 实验内容 1、完成课本任务5-2。 2、完成课本任务5-3。四. 实验步骤在以下表格中给出实验内容的相应代码。 5-2 实现购物车 BOOK.java 1./** 2. * BOOK.java 3. */ 4. 5.package sessioin.shoppingcar; 6. 7./** 8. * @Tit

HTML5和CSS3 WEB技术开发

张晨光老师的播客

01-02

6947

B站视频参考：https://www.bilibili.com/video/BV1H44y1k7ze/[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Uwbid43Z-1672665963237)(asseits/image-20210831212039584.png)]HTML:超文本标记语言(Hyper Text Markup Language)，标准通用标记语言下的一个应用。 HTML 不是一种编程语言（C、Java、python、R等），而是一种标记语言 (markup

html中的列表和表格标签的使用

weixin_56025854的博客

12-16

435

列表，表格的使用

Web前端基础-HTML-列表和表格

weixin_65688406的博客

09-01

452

无序列表；有序列表；自定义列表；表格

html网页中表格的各种应用

Roben_的博客

10-30

662

第六周布置了前五周的作业复杂程度循序渐进，没听课的我根据一些博客做了一下。作业1 <!DOCTYPE html> <html lang="en"> <meta charset="UTF-8"> <title>作业1</title> </head> <body> <table border="2" width="400" cellpadding="30" bordercolor="#7ff

实训09.10:HTML简单表格设计

beyond谚语的博客

09-11

447

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>燕雨简历</title> </head> <body> <ta

Html简单制作

xxyez的博客

04-25

1015

保健、冲调粮油、生鲜母婴、纸品家居百货进口食品休闲零食地方特产美容洗护清洁洗涤

Web学习---列表和表格

qq_42862581的博客

07-29

304

一、列表类型介绍标签有序列表列表项的标记有顺序，用数字或者字母表示顺序。 <ol></ol> 无序列表列表项是无序的，用小黑点或者小方框，小圆圈表示。 <ul></ul> list-style-type可以制定列表项标记的类型例子 <!DOCTYPE html> <html lang="en"&...

一文搞懂HTML中的表格、表单、列表

一个非常Cool的人

01-21

2923

讲述了表格、表单、列表的语法,举例了代码如何使用,并对其适合做什么工作进行了分析。

web表格与表单

一个无聊的前端写点无聊的东西

11-07

861

表格与表单表格是由单元格的矩形框构成，从左到右、从上到下的顺序的结构按照一定的格式来摆放数据。关于创建表格定义表格<table></table> 创建行<tr></tr> 创建单元格<td></td> 表格的属性 table属性： border cellpadding 单元格的内边距（单元格边框与内容的距离） c...

web前端结构_HTML入门(四)_表格、列表、表单

qq_53760978的博客

11-23

450

HTML表格、列表、表单（四）文章目录HTML表格、列表、表单（四）

web应用基础 HTML & CSS 学习总结

mikumiku5的博客

07-10

330

标题是通过h1~h6来定义的展现出来的效果是从大到小的文字，且每句话单独一行。展现出来的效果是两行正常大小的文字。展现出来的效果默认是带下划线的文字，点击可跳转到href指定站点。 a标签还可以设置target属性，target属性默认值为_self，即在本浏览器标签打开，可以设置为_blank在新的标签中打开。默认会显示出图片的原本大小，src是图片的地址，alt是图片加载失败时出现的文字，title是鼠标移上去时显示的文字，且src地址以#开头，若后面跟的值存在元素id与之对应，则会跳转到该元素

HTML教程：Tutoria_17-Abril-21的深入分析

通常，“Tutoria”这个词暗示了这可能是一个教程文件，而日期“17-Abril-21”则表明它是在 2021 年 4 月 17 日编写的。由于这是一个压缩包子文件，我们可以进一步推测该文件可能包含了有关 HTML 教学的多媒体资料、...