HTML——基本标签 ※

已于 2022-12-27 22:33:12 修改
阅读量1k 收藏
点赞数 1
分类专栏： Educoder实训 文章标签： html 前端 javascript
于 2022-12-27 22:27:05 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Junds0/article/details/128462184
版权

第1关：创建第一个 HTML 标签

任务描述
本关任务：完成编写创建第一个 HTML 标签的小程序。

相关知识

welcome

上面这行代码它表示一个HTML元素。

大多数 HTML 元素都是由开始标签和结束标签组成的，通常成对出现 。

开始标签：用尖括号<>包裹关键词，像

这样。
结束标签：用</>包裹和开始标签一样的关键词，像

这样。

可以发现： 结束标签就比开始标签多了一个斜杠/。

是不是很简单，开始你的挑战吧！

编程要求
在Begin-End区域创建你的第一个标签

，文本内容为welcome to Educoder。

实现的效果如下：

赶快试一下吧！！！

测试说明
平台会对您的代码进行运行测试，如果实际输出与预期输出相同，则算通关。

开始你的任务吧，祝你成功！

<h1>Hello</h1>
<!
了解本专栏 订阅专栏 解锁全文 超级会员免费看
Ssaty.
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 3
    评论
专栏目录
订阅专栏
HTML+CSS第一课：初识HTML-3个步骤创建自己的第一个html网页
王迪
10-14 7934
1、HTML语言 HTML 全称 Hyper Text Markup  Language，超文本标记语言。 超文本：指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。 标记语言：将文本及相关信息结合起来，展示出文档结构与数据处理细节的电脑文字编码。 2、超文本标记语言的组成 超文本标记语言由标记组成，并且成对出现。（HTML文档中标记又称为标签）HTML标签是HTML语言中最基本的单位...
html-基本标签 ※.md
01-18
html——基本标签 ※
我的第一个HTML网页
qq_59384581的博客
09-27 753
大学的HTML
头歌-HTML基础
somewon的博客
03-06 8983
四川师范大学 头歌 web应用开发
HTML--表单类的标签
qq_45823118的博客
03-18 8021
表单5.表单元素——checked属性任务描述相关知识代码文件6.表单元素——disabled 属性任务描述相关知识代码文件7.表单元素——label 标签任务描述相关知识代码文件8.表单元素——下拉列表任务描述相关知识代码文件9.表单元素——文本域任务描述相关知识代码文件10.表单元素——提交按钮任务描述相关知识代码文件11.表单元素的综合案例任务描述相关知识代码文件 5.表单元素——checked属性 任务描述 本关任务：创建一组单选框，name属性值为marry，默认选中未婚。 要求：对每一个选项使用
Educoder/头歌JAVA——HTML：基本标签
舟舟的博客
12-08 3187
HTML是超文本标记语言（HyperText Markup Language），是使用标签来描述网页的一种语言。 本实训从创建第一个标签开始学起，一步一步直到能独立完成一个网页。
头歌答案HTML——基础
m0_62476845的博客
11-12 3420
自我简介
第1章 创建一个html网页
m0_72647241的博客
11-17 756
学习前端
HTML——基本标签
Meropidae的博客
11-29 6169
第1关：创建第一个 HTML 标签 本关任务：创建你的第一个标签<h1></h1>，文本内容为welcome to Educoder。 实现的效果如下： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> </head> <body> <h1>Hello</h1> <!-- *********
创建第一个 HTML 标签
qq_45823118的博客
03-17 2637
创建第一个 HTML 标签任务描述相关知识编程要求测试说明 任务描述 本关任务：创建你的第一个标签<h1></h1>，文本内容为welcome to Educoder。 实现的效果如下： 相关知识 <h1>welcome</h1> 上面这行代码它表示一个HTML元素。 大多数 HTML 元素都是由开始标签和结束标签组成的，通常成对出现 。 开始标签：用尖括号<>包裹关键词，像<h1>这样。 结束标签：用</>包裹和开始
HTML基本标签详细介绍PDF
最新发布
01-18
html——基本标签 ※，HTML（HyperText Markup Language）是用于创建网页的标准标记语言。在HTML中，标签（Tag）用于定义文档的结构和内容，它们以尖括号包围并位于文档的各个位置。标签通常是成对出现的，包括起始...
HTML基本标签和代码示例
01-18
html——基本标签 ※ 和html代码示例
Javaweb前端——HTML常用标签.pdf
04-09
Javaweb前端——HTML常用标签.pdf
HTML第一章-基本标签
12-07
HTML第一章-基本标签 欢迎大家参考 多多提意见
【Educoder】HTML答案 （HTML入门——基础、HTML入门——基本标签、HTML——表单类的标签）
热门推荐
qq_37746855的博客
04-14 1万+
文章目录HTML入门——基础初识HTML：简单的Hello World网页制作HTML结构：自我简介网页HTML入门——基本标签创建第一个 HTML 标签创建 h2-h6标签创建 p 标签创建 a 标签创建 img 标签创建 div 标签添加注释HTML链接：带超链接的网页HTML标题与段落：网络文章网页HTML表格：日常消费账单表格展示网页HTML——表单类的标签表单元素——文本框表单元素——密码框表单元素——单选框表单元素——多选框表单元素——checked属性表单元素——disabled 属性表单元素
Educoder-HTML入门——文本（二）
qq_42212132的博客
07-31 842
HTML标题与段落：网络文章网页 分级标题 HTML 提供了六级标题用于创建网页信息的层级关系。<h1>定义重要等级最高的标题，之后<h2>到<h6>层级依次递减。 举例如下： <body> <h1>书籍标题</h1> <h2>第一章</h2> <h3>第...
html&css的简单了解
m0_50496669的博客
09-07 1204
html&css html： 常用的标签： div、p、ul li、ol li、h1-h6、a、span、b、u、i、input（属性text、number、password、radio、checkbox、submit、reset）、form、select>option、textarea h5(新标签）：header、nav、footer、main、section、video、audio、input（color、range、week、date） 标签的分类： 单双标签：单标签没有与之对
html---基本标签
qq_45823118的博客
03-17 1017
基本标签1.创建 ``-``标签1.1任务描述1.2相关知识1.3编程要求2.创建`p`标签2.1任务描述2.2相关知识3.创建`a`标签3.1任务描述3.2相关知识4.创建`img`标签4.1任务描述4.2相关知识5.创建`div`标签5.1任务描述5.2相关知识6.添加注释6.1任务描述6.2相关知识 1.创建 <h2>-<h6>标签 1.1任务描述 本关任务：依次创建<h2>-<h6>标签，文本内容为创建不同字体大小的标题，查看它们的区别。 实现的效果如
创建一个HTML标签,创建第一个 HTML 标签
weixin_32579355的博客
06-15 841
### 创建第一个 HTML 标签 ###* 任务描述* 相关知识* 编程要求* 测试说明# 任务描述 #本关任务：创建你的第一个标签``，文本内容为`welcome to Educoder`。实现的效果如下：![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0...
制作一个html文件 效果如下图,一周学会网页制作——HTML基础
05-20
很抱歉，作为 AI，我无法提供图片或者文件的上传功能。但是，我可以提供一个基本的 HTML 代码，可以帮助你完成这个效果。你可以在本地编辑器中打开 HTML 文件，将代码复制到其中，然后保存并在浏览器中打开查看效果。 下面是 HTML 代码： ```html <!DOCTYPE html> <html> <head> <title>一周学会网页制作</title> <style type="text/css"> body { background-color: #f2f2f2; font-family: Arial, sans-serif; } h1 { color: #333; text-align: center; } .container { margin: 0 auto; max-width: 800px; padding: 50px; background-color: #fff; border-radius: 5px; box-shadow: 0 0 10px rgba(0,0,0,0.3); } .row { display: flex; flex-wrap: wrap; margin: 0 -15px; } .col { flex: 1; padding: 0 15px; } .card { background-color: #fff; border-radius: 5px; box-shadow: 0 0 10px rgba(0,0,0,0.3); padding: 20px; margin-bottom: 30px; } .card h2 { color: #333; margin-top: 0; } .card p { color: #666; line-height: 1.5; } </style> </head> <body> <div class="container"> <h1>一周学会网页制作</h1> <div class="row"> <div class="col"> <div class="card"> <h2>HTML 基础</h2> <p>HTML 是网页制作的基础，掌握 HTML 可以让你搭建出简单的网页。在学习 HTML 的过程中，你需要学习 HTML 的各种标签，如标题、段落、链接等。</p> </div> </div> <div class="col"> <div class="card"> <h2>CSS 样式</h2> <p>CSS 是用来美化网页的，它可以让网页变得更漂亮、更有吸引力。在学习 CSS 的过程中，你需要学习各种样式属性，如颜色、字体、边框等。</p> </div> </div> <div class="col"> <div class="card"> <h2>JavaScript 编程</h2> <p>JavaScript 是网页交互的基础，它可以让网页变得更加动态。在学习 JavaScript 的过程中，你需要学习变量、函数、条件语句等基本概念。</p> </div> </div> </div> </div> </body> </html> ``` 你可以根据需要进行修改，比如调整背景颜色、字体样式、卡片内容等，以达到更好的效果。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Ssaty.

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值