HTML练习合集

最新推荐文章于 2024-04-22 03:14:20 发布
最新推荐文章于 2024-04-22 03:14:20 发布
阅读量789 收藏 7
点赞数
文章标签： html 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Sladecousin/article/details/129946928
版权

文章目录

一、菱形代码图

在这里插入图片描述

<!DOCTYPE html>
<html lang="zh">
 <head>
  <meta charset="UTF-8">
  <title>Document</title>
 </head>
 <body>
  <script>

   layer = parseInt(prompt("请输入层数"))
   up_layer = Math.ceil(layer / 2)
   for (let i = 1; i <= up_layer; i++){
     
    str = ""
    space_num = up_layer - i;
    for(let j = 1;j <= space_num; j++){
     
     str += " "
    }
    star_num = i * 2 -1
    for(let j = 1; j <= star_num; j++){
     
     str += "*"
    }
    console.log(str)
   }
   down_layer =1
   for (let i =down_layer; i<=3; i++)
   {
        let space_num = i
	   let star_num = layer - space_num*2
	   let str=""
	   for(let j=0; j<space_num; j++)
	   {
     str +=''}
	   for(let j=0; j<star_num; j++)
	   {
     str += '*'}
	   console.log(str)
   }
  </script>
 </body>
</html>

二、三位水仙花数

在这里插入图片描述

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
			for(let i =
最低0.47元/天 解锁文章
江湖里的yu
关注
  • 0
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
HTML简介和标签练习（一）
haha的博客
03-11 512
HTML简介和常见的文本标签练习
从零开始学WEB前端——HTML实战练习，推荐一个GitHub项目
m0_60452070的博客
03-20 891
项目 1描述项目 1项目 2描述项目 2。
html的简单例子练习（6个）
小黄呀呀呀的博客
04-19 6282
1、楚乔传 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <h1>楚乔传</h1> <p>中国大陆 67集（TV版）/58集（DVD版）&l...
HTML快速入门
cool_tao6的博客
04-13 2077
html 的子标签是 head 和 body，相反的，head 和 body 的父标签是 html，而title 的父标签是 head，head 的子标签是 title，head 和 body 则是兄弟关系。target 属性是可选的，如果不加这个属性，默认_self（在当前页面打开href里写入的地址），如果是_blank则用新的标签页打开。在HTML中，段落、换行符、空格都会失效，如果需要分成段落，需要专门的标签，p标签表示是一个段落。结果如下，可以点击，但不会出现任何效果，需要搭配JS使用。
HTML练习题：
qq_50692350的博客
09-21 354
HTML
HTML面试题：50道含答案和代码示例的练习题
三拾的博客
05-31 4865
答案：meta标签用于向浏览器提供网页的元数据，包括网页的描述、关键词和编码等信息。答案：块级元素是独立的元素，会独占一行，并且可以设置宽度、高度、边距和填充等属性。答案：表单中的输入框可以是文本输入框、密码输入框、单选框、复选框、下拉列表框等。行内元素是内联的元素，不会独占一行，并且只能设置字体、颜色、背景等属性。答案：iframe标签用于在网页中嵌入另一个网页，创建一个内嵌框架。答案：属性是HTML标签的特性，用于描述标签的行为和外观。答案：标签是HTML中的元素，用于描述网页的结构和内容。
HTML综合案例练习
moteandsunlight的博客
02-26 1163
可以首先看一下我们的效果，之后再思考怎么实现总的来说，这个练习不算难。这里关于这个简历的代码编写我们不说太多，只注意以下几个内容即可：注意及时查看我们的代码是否符合预期，即一段一段测基本信息那里的内容应该是普通文字，但是注意加换行符项目那里注意不同级别的划分功能介绍是二级的无序话不多说，直接看效果和源码！！ 二、简历内容填写 首先可以看一下我们最终的效果：接下来，我们思考怎么实现。这里由于这个练习代码相对更多，更琐碎，所以这里列了一个思维导图，帮助理解。 三、总结 关于HTML 总的来讲，html还是比较简
html小练习.docx
08-27
HTML 小练习文档解读 本文档旨在指导初学者掌握 HTML 基础知识，并通过实践练习熟悉 HTML 编程。本文档共分为四页，涵盖 HTML 基础概念、表单设计、图片显示、样式设置等内容。 页 1：块级元素、内联元素和内联块...
html 练习素材
01-02
这个"HTML练习素材"压缩包提供了一系列实例，旨在帮助学习者深入理解和掌握HTML5的相关技术。 在HTML5中，我们看到了一些重要的改进和新特性。首先，语义化标签的引入使得代码更具有可读性，例如`<header>`, `<nav>...
html练习
02-22
这个"html练习"的压缩包很可能是为了帮助学习者提升HTML技能而设计的一系列实践项目或练习。下面，我们将深入探讨HTML的基本概念、常用标签以及如何通过练习来提升HTML能力。 HTML由一系列元素组成，每个元素都是...
Html初学练习.zip
01-01
Html初学练习Html初学练习Html初学练习Html初学练习 Html初学练习Html初学练习Html初学练习Html初学练习 Html初学练习Html初学练习Html初学练习Html初学练习 Html初学练习Html初学练习Html初学练习Html初学练习 Html...
HTML习题（大概有5套吧）
06-22
手中有几套HTML试题，考试前搜索的，和大家分享一下，觉得做了之后基础比以前扎实多了，看来还要多下载点题目做做啊，另外也得多上机才行~~希望大家一起进步！！
HTML实战案例
01-09
HTML+CSS各阶段实战案例代码，适合html初学者实战练习，绝对正确无误！
html css 练习素材
01-02
1. HTML练习文件：这些文件可能包含各种HTML5标签的示例，用于学习和实践如何创建网页结构。通过修改和运行这些文件，你可以了解每个元素的功能和用法。 2. CSS样式表：这些文件可能包含了CSS3的样式规则，涵盖了...
Html入门练习
热门推荐
道亦无名
06-28 2万+
开始学些Html的时候主要进行一些简单的静态网页的处理： 1、HTML 标题 HTML 标题（Heading）是通过 - 等标签进行定义的。 2、HTML 段落 HTML 段落是通过 标签进行定义的。 3、HTML 链接 HTML 链接是通过 标签进行定义的。 4、HTML 图像 HTML 图像是通过 标签进行定义的。 5、HTML 元素 HTML 元素指的是从开始标签
HTML核心+CSS基础（练习）
2301_80441013的博客
11-19 290
学习语言练习是必不可少，重中之重的，这一周我进行了常规流，浮动，定位以及表单元素的练习下面就让我们一起看看这周的分享吧！
前端提高篇(六十四)：HTML5练习1：个性音乐播放器
最新发布
2401_84091663的博客
04-22 728
设置播放图标垂直居中：top: 50%;(高度一半的负数)，因为top50%代表往下挪了容器高度的一半，此时图标与容器1/2高处平齐，这不是视觉上的居中，因此我们要再往上挪图标高度的1/2，才是垂直居中。一开始小圆点在黑色条的下边，设置绝对定位，right为0，黑色条高度2px，小圆点高度8px，(8-2)/2 = 3，所以小圆点的top设置成-3px。的垂直居中了，这个选择器筛选了.tool下一级的所有div，包括btn，process，volume，所以设置宽高30px之后，垂直居中就已经搞定了。
html相关案例练习题
卓卓卓
10-16 1222
案例一 <!doctype html> <html> <head> <meta charset="utf-8"> <title>H5,200行代码实现粒子漩涡特效</title> <style> html, body { margin: 0px; width: 100%; height: 100%; overflow: hidden; background
html注册页面综合练习以及CSS初始学习
weixin_53317758的博客
03-19 376
下午开始了第二次隔离人员的采样，应该离回去不远了吧，真的好想回寝室回到自己的小窝呀好想和室友同学上食堂吃饭好想去浴星湖散步，现在连小小的愿望都成了奢侈，还得知赣州的感染人员在第三次检查的时候才查出阳性，还挺紧张的这次的采样后天才能查到吧，太恨病毒了藏那么深三番五次的打扰我们的生活节奏。好在傍晚有老师给我们送温暖，原来江西应用科技还有人情味的，最后附上一张美食照^^ 学的东西还要反复的复习和练习，才能成为自己的知识呢，在注册页面综合练习中花了挺长时间的，老师一讲啥啥我都要翻笔记才想起来--！今天学到用W3C
html 练习题和答案
07-07
### 回答1： HTML 练习题和答案 1. 编写一个 HTML 文件，并在其中添加一个段落标签（<p>），在段落中写下你的姓名和年龄。 答案： ```html <html> <head> <title>练习题</title> </head> <body> <p>我的姓名是张三，年龄是20岁。</p> </body> </html> ``` 2. 创建一个 HTML 表格，并在表格中添加两行两列的数据。 答案： ```html <html> <head> <title>练习题</title> </head> <body> <table> <tr> <td>姓名</td> <td>年龄</td> </tr> <tr> <td>张三</td> <td>20岁</td> </tr> </table> </body> </html> ``` 3. 在 HTML 页面中插入一张图片。 答案： ```html <html> <head> <title>练习题</title> </head> <body> <img src="image.jpg" alt="图片描述"> </body> </html> ``` 4. 创建一个有序列表，并在列表中添加三个项目。 答案： ```html <html> <head> <title>练习题</title> </head> <body> <ol> <li>项目1</li> <li>项目2</li> <li>项目3</li> </ol> </body> </html> ``` 5. 创建一个链接，链接到另一个网页。 答案： ```html <html> <head> <title>练习题</title> </head> <body> <a href="https://www.example.com">点击这里访问另一个网页</a> </body> </html> ``` ### 回答2： HTML 练习题和答案是为帮助学习者巩固和提升他们在HTML方面的知识，以下为一些常见的HTML练习题和答案： 1. 创建一个HTML文件，包含一个标题为"我的第一个网页"的标题标签。 ```html <!DOCTYPE html> <html> <head> <title>我的第一个网页</title> </head> <body> </body> </html> ``` 2. 在第一个网页中，添加一个段落标签，内容为"欢迎来到我的网页！"。 ```html <!DOCTYPE html> <html> <head> <title>我的第一个网页</title> </head> <body> <p>欢迎来到我的网页！</p> </body> </html> ``` 3. 在第一个网页中，添加一个链接，链接到www.example.com网站。 ```html <!DOCTYPE html> <html> <head> <title>我的第一个网页</title> </head> <body> <p>欢迎来到我的网页！</p> <a href="http://www.example.com">点击这里访问www.example.com</a> </body> </html> ``` 4. 创建一个无序列表，包含三个列表项：“苹果”，“香蕉”和“橙子”。 ```html <!DOCTYPE html> <html> <head> <title>我的第一个网页</title> </head> <body> <p>欢迎来到我的网页！</p> <a href="http://www.example.com">点击这里访问www.example.com</a> <ul> <li>苹果</li> <li>香蕉</li> <li>橙子</li> </ul> </body> </html> ``` 5. 在第一个网页中嵌入一张图片，图片名称为"example.jpg"，宽度为300像素，高度为200像素。 ```html <!DOCTYPE html> <html> <head> <title>我的第一个网页</title> </head> <body> <p>欢迎来到我的网页！</p> <a href="http://www.example.com">点击这里访问www.example.com</a> <ul> <li>苹果</li> <li>香蕉</li> <li>橙子</li> </ul> <img src="example.jpg" alt="示例图片" width="300" height="200"> </body> </html> ``` 这些练习题和答案可以帮助学习者熟悉HTML的基本语法和标签，并且通过练习提升实践能力。随着练习的深入，学习者可以尝试更复杂的HTML练习题，以拓宽自己的HTML知识。 ### 回答3： HTML练习题和答案可以根据不同的难度和主题来设计。以下是一个简单的例子： 练习题1： 假设我们要创建一个简单的网页，其中包含一个标题和一个段落。请使用HTML代码编写这个网页。 答案1： ```html <!DOCTYPE html> <html> <head> <title>我的第一个网页</title> </head> <body> <h1>欢迎来到我的网页</h1> <p>这是一个段落。</p> </body> </html> ``` 练习题2： 在上面的网页基础上，我们想要在段落中添加一个链接，链接到另一个网页。请添加这个链接的HTML代码。 答案2： ```html <!DOCTYPE html> <html> <head> <title>我的第一个网页</title> </head> <body> <h1>欢迎来到我的网页</h1> <p>这是一个段落，你可以访问 <a href="https://www.example.com">另一个网页</a>。</p> </body> </html> ``` 这些练习题旨在帮助初学者熟悉HTML标记语言的基础语法和常用元素。对于更高级的HTML练习题和答案，可以参考相关教程、书籍和在线资源。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值