【Educoder】HTML答案 （HTML入门——基础、HTML入门——基本标签、HTML——表单类的标签）

已于 2022-04-14 14:50:20 修改
阅读量1.2w 收藏 176
点赞数 40
分类专栏： Educoder 文章标签： educoder html
于 2022-04-14 13:38:05 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_37746855/article/details/124169920
版权

文章目录

HTML入门——基础

初识HTML：简单的Hello World网页制作

  • 编程要求
    请在右侧的编辑器中的Begin - End区域内直接编辑修改HTML页面，具体要求是：

  1. 在<h1></h1>标签之间输入"Hello World"；

  2. 在<p></p>标签之间输入"动手改变世界"；

  3. 在<h1>和<p>元素的开始标签中输入align=“center”；

  4. 再在<body>开始标签中输入bgcolor=“F6F3D6”，将背景设置为浅黄色。

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Hello world</title>
  </head>  
    <!--------- Begin-------->
 <body bgcolor="F6F3D6">
    <!--用HTML语言向世界打声招呼吧！-->
    <h1 align="center">Hello World</h1>
    <p align="center">动手改变世界</p>
  </body>
    <!--------- End-------->
</html>

HTML结构：自我简介网页

  • 编程要求
    请在右侧的编辑器中的Begin - End区域内直接编辑修改HTML页面，具体要求是：

  1. 在第5行中，添加title元素，内容为“自我简介”；

  2. 在第7行中，完善关键词标签；

  3. 修改第13行的自我简介信息和关于你自己的三个关键词。

<!DOCTYPE html>
<html>
    <!--------- Begin-------->

  <head>
    <meta charset="utf-8">
    <title>自我简介</title>
    <meta name="description" content="XXX的自我简介网站">
    <meta name="keywords" content="自我简介,关键词一,关键词二,关键词三">
  </head>
  <body>
    <h1 align="center">自我简介</h1>

    <h2>简介</h2>
    <p>在这里简单的描述一下你自己吧。</p>

    <h2>三个与你最有关的词</h2>
    <p>这三个词可以是一种形容，也可以是一种运动或者是一种独特的爱好，等等。</p>
    <ul>
        <li>第一个词</li>
        <p>选择第一个词的原因</p>
        <li>第二个词</li>
        <p>选择第二个词的原因</p>
        <li>第三个词</li>
        <p>选择第三个词的原因</p>
    </ul>
</body>
  <!--------- End-------->
</html>

HTML入门——基本标签

创建第一个 HTML 标签

  • 编程要求
    请仔细阅读右侧代码，结合相关知识，在 Begin-End 区域内进行代码补充，完成第一个标签<h1></h1>，文本内容为welcome to Educoder的创建。
<h1>Hello</h1>
<!-- ********* Begin ********* -->
<h1>welcome to Educoder</h1>    
<!-- ********* End ********* -->

创建 h2-h6标签

  • 编程要求
    请仔细阅读右侧代码，结合相关知识，在 Begin-End 区域内进行代码补充，完成依次创建<h2>-<h6>标签的任务。
<h1>创建不同字体大小的标题</h1>
<!-- ********* Begin ********* -->
<h2>创建不同字体大小的标题</h2>
<h3>创建不同字体大小的标题</h3>
<h4>创建不同字体大小的标题</h4>
<h5>创建不同字体大小的标题</h5>
<h6>创建不同字体大小的标题</h6>  
<!-- ********* End ********* -->

创建 p 标签

  • 编程要求
    请仔细阅读右侧代码，结合相关知识，在 Begin-End 区域内进行代码补充，完成第一个p标签的创建。
<!-- ********* Begin ********* -->
<p>我是一个段落 </p>
<!-- ********* End ********* -->

创建 a 标签

  • 编程要求
    请仔细阅读右侧代码，结合相关知识，在 Begin-End 区域内进行代码补充，完成第一个a标签， 跳转的地址是https://www.educoder.net，文本内容是Educoder平台的创建任务。
<!-- ********* Begin ********* -->
<a href="https://www.educoder.net">Educoder平台</a>
<!-- ********* End ********* -->

创建 img 标签

  • 编程要求
    请仔细阅读右侧代码，结合相关知识，在 Begin-End 区域内进行代码补充，完成第一个标签img标签， 图片的地址是https://www.educoder.net/attachments/download/207801，提示文字是小狗走路的创建任务。
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
</head>
<body>
    <!-- ********* Begin ********* -->
 	<img src="https://www.educoder.net/attachments/download/207801" alt="小狗走路"/>
    <!-- ********* End ********* -->
</body>
</html>

创建 div 标签

  • 编程要求
    请仔细阅读右侧代码，结合相关知识，在 Begin-End 区域内进行代码补充，完成第一个标签div标签， 文本内容是我是div标签的创建任务。
<h2>我是h2标签</h2>
<p>我是p标签</p>
<!-- ********* Begin ********* -->
<div>我是div标签</div>
<!-- ********* End ********* -->

添加注释

  • 编程要求
    注释掉 div 标签，同时给p标签添加说明一带一路。
    请仔细阅读右侧代码，结合相关知识，在 Begin-End 区域内进行代码补充，完成本关任务。
<h2>习……致贺信</h2>
<!-- ********* Begin ********* -->
 <!-- <div> 
    新华社北京8月28日电　……信。
 </div> -->
 
<!-- 一带一路 -->
<p>
	习……………………………………精神发扬光大。
</p>
<!-- ********* End ********* -->

HTML链接：带超链接的网页

  • 编程要求
    请在右侧的编辑器中的Begin - End区域内直接编辑修改HTML页面，具体要求是：

  1. 补全第17行href属性值和第27行id属性值，使得点击第1关和第2关之后，可以导航到相应内容位置；

  2. 为第22、23和24行的的三个<a>标签添加target属性，使得链接在新标签中打开；

  3. 完善第32行<a>标签，使得邮箱链接起作用；

  4. 完善第33行<a>标签，使得点击回到顶部之后，可以导航到页面顶部。

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>HTML链接</title>
    <meta name="description" content="HTML链接知识讲解">
    <meta name="keywords" content="HTML, Link">
</head>
  <!--------- Begin-------->

<body>
    <h1>HTML 入门</h1>
    <h2>本页目录</h2>
    <ul>
        <li><a href="#toc1">简介</a></li>
        <li><a href="#toc2">第1关</a></li>
        <li><a href="#toc3">第2关</a></li>
    </ul>

    <h2 id="toc1">简介</h2>
    <p>
        <a href="https://en.wikipedia.org/wiki/HTML" target='_blank'>HTML</a>(Hypertext Markup Language，超文本标记语言)是一种用于创建Web页面和Web应用的标准化标记语言。在
        <a href="https://en.wikipedia.org/wiki/CSS" target="_blank">CSS</a>(Cascading Style Sheets，级联样式表单)和
        <a href="https://en.wikipedia.org/wiki/JavaScript" target="_blank">JavaScript</a>的帮助下，HTML已经成功构建了一整套面向Web的开发与应用平台。</p>
    <p>自1995年HTML2.0面世，HTML陆续推出了得到广泛应用的HTML3.2和HTML4.0标准，2014年HTML5标准的面世使其在多媒体和移动性方面得到了全面提升，使HTML迎来了新的爆发式发展。</p>
    
    <h2 id="toc2">第1关</h2>
    <p>初识HTML：简单的Hello World网页</p>
    <h2 id="toc3">第2关</h2>
    <p>HTML链接：带超链接的网页</p>
    <hr>
    <p>若需帮助，请发送问题到<a href="mailto:someone@email.com">E-Mail</a>。</p>
    <p><a href="#">回到顶部</a></p>
</body>
  <!--------- End-------->

</html>

HTML标题与段落：网络文章网页

  • 编程要求
    请在右侧的编辑器中的Begin - End区域内直接编辑修改HTML页面，具体要求是：

  1. 补全第17行strong标签，使“超文本系统”文本重点显示；

  2. 在第31和第32行中新添一项HTML 5.1历史定义，

     <dt>内容为：“2016年11月1日”
 <dd>内容为：“HTML 5.1发布。”；

  3. 完善35和41行标签，使其中内容成为有序列表。

<!DOCTYPE html>

<head>
    <meta charset="UTF-8" />
    <title>HTML – 维基百科</title>
</head>
  <!--------- Begin-------->

<body>
    <h1>HTML</h1>
    <p>超文本标记语言(HTML)是一种标准化的用来创建Web页面和Web应用的标准化的
        <a href="https://en.wikipedia.org/wiki/Markup_language" title="Markup language" target="_blank">标记语言</a>。 在级联样式表单(CSS)和JavaScript的帮助下，HTML已经成功构建了一整套面向Web的开发与应用平台<sup><a href="#ref1">[1]</a></sup>。
    </p>
    <h2>历史</h2>
    <h3>开发过程</h3>
    <p>1980年，物理学家<a href="https://en.wikipedia.org/wiki/Tim_Berners-Lee" title="Tim Berners-Lee" target="_blank">Tim Berners-Lee</a>，
        <a href="https://en.wikipedia.org/wiki/CERN" title="CERN" target="_blank">CERN</a>的一位项目负责人，提出并实现了<a href="https://en.wikipedia.org/wiki/ENQUIRE" title="ENQUIRE" target="_blank">ENQUIRE</a>系统。该系统的目的是为CERN研究人员提供一种使用和分享文档。1989年， Berners-Lee写了一个备忘录，提出了基于Internet-based
        <strong>超文本系统</strong><sup><a href="#ref2">[2]</a></sup>。
    </p>
    <h3>HTML里程碑</h3>
    <dl>
        <dt>1995年11月24日</dt>
        <dd>HTML2.0发布，对应的IETF文档为<a class="external mw-magiclink-rfc" rel="nofollow" href="https://tools.ietf.org/html/rfc1866" target="_blank">RFC 1866</a>。</dd>
        <dt>1997年1月14日</dt>
        <dd>HTML 3.2以
            <a href="https://en.wikipedia.org/wiki/W3C_Recommendation" class="mw-redirect" title="W3C Recommendation" target="_blank">
                <abbr title="World Wide Web Consortium">W3C</abbr>推荐标准</a>的形式发布。 随后的HTML标准都由W3C组织发布。</dd>
        <dt>1997年12月18日</dt>
        <dd>HTML 4.0发布<sup><a href="#ref3">[3]</a></sup>。</dd>
        <dt>2014年10月28日</dt>
        <dd>HTML5 发布。</dd>
        <dt>2016年11月1日</dt>
        <dd>HTML 5.1发布。</dd>


    </dl>
    <h2>参考文献</h2>
        <ol>
        <small>
            <li id='ref1'>Flanagan, David. <i>JavaScript - The definitive guide</i> (6 ed.). p.&#160;1. "JavaScript is part of the triad of technologies that all Web developers must learn: HTML to specify the content of web pages, CSS to specify the presentation of web pages, and JavaScript to specify the behaviour of web pages."</li>
            <li id="ref2">Tim Berners-Lee, "Information Management: A Proposal." CERN (March 1989, May 1990). </li>
            <li id="ref3">"HTML 4.0 Specification — W3C Recommendation — Conformance: requirements and recommendations". World Wide Web Consortium. December 18, 1997. Retrieved July 6, 2015.</li>
        </small>
        </ol>
</body>
  <!--------- End-------->

</html>

HTML表格：日常消费账单表格展示网页

  • 编程要求
    请在右侧的编辑器中直接编辑修改HTML页面，具体要求是：

  1. 设置表格总体宽度(width)为400；

  2. 在第33行设置表标题，内容为“日常消费账单”；

  3. 在表格头部，第37-39行中添加，scope属性，值设置为col；

  4. 补全表80-82数据行的标签内容；

  5. 添加<tfoot>元素，将总计一行作为表尾。

<!DOCTYPE html>
<html>
  <!--------- Begin-------->

<head>
    <meta charset="utf-8">
    <title>HTML表格</title>
    <meta name="description" content="HTML表格知识讲解">
    <meta name="keywords" content="HTML,表格, Table">
    <style type="text/css">
    table {
        border-collapse: collapse;
       
    }

    caption {
        font-weight: bold;
        margin-bottom: .5em;
    }

    th,
    td {
        padding: .5em .75em;
        border: 1px solid #000;
    }

    tfoot {
        font-weight: bold;
    }
    </style>
</head>

<body>
    <table border="1" style="margin:auto" width="400">
        <caption>日常消费账单</caption>
        <thead>
            <!-- 表格头部 -->
            <tr>
                <th align="left" scope="col">消费项目</th>
                <th align="right" scope="col">一月</th>
                <th align="right" scope="col">二月</th>
            </tr>
        </thead>
        <tbody>
            <!-- 表格主体 -->
            <tr>
                <th align="left" scope="row">食品烟酒</th>
                <td align="right">￥1241.00</td>
                <td align="right">￥1250.00</td>
            </tr>
            <tr>
                <th align="left" scope="row">衣物</th>
                <td align="right">￥330.00</td>
                <td align="right">￥594.00</td>
            </tr>
            <tr>
                <th align="left" scope="row">居住</th>
                <td align="right">￥2100</td>
                <td align="right">￥2100</td>
            </tr>
            <tr>
                <th align="left" scope="row">生活用品及服务</th>
                <td align="right">￥700.00</td>
                <td align="right">￥650.00</td>
            </tr>
            <tr>
                <th align="left" scope="row">医疗保健</th>
                <td align="right">￥150.00</td>
                <td align="right">￥50.00</td>
            </tr>
            <tr>
                <th align="left" scope="row">教育、文化和娱乐</th>
                <td align="right">￥1030.00</td>
                <td align="right">￥1250.00</td>
            </tr>
            <tr>
                <th align="left" scope="row">交通和通信</th>
                <td align="right">￥230.00</td>
                <td align="right">￥650.00</td>
            </tr>
            <tr>
                <th align="left" scope="row">其他用品和服务</th>
                <td align="right">￥130.40</td>
                <td align="right">￥150.00</td>
            </tr>
        </tbody>
        <tfoot>
            <!-- 表格尾部 -->
            <tr>
                <th align="left" scope="row">总计</th>
                <td align="right">￥5911</td>
                <td align="right">￥6694</td>
            </tr>
        </tfoot>
    </table>
</body>
  <!--------- End-------->

</html>

HTML——表单类的标签

表单元素——文本框

  • 编程要求
    创建一个input标签， type类型为text，name属性值为nickName。
    请仔细阅读右侧代码，结合相关知识，在 Begin-End 区域内进行代码补充，完成一个input标签的创建任务。
<!-- ********* Begin ********* -->
<input type="text" name="nickName"/>
<!-- ********* End ********* -->

表单元素——密码框

  • 编程要求
    创建一个input标签， type类型为password，name属性值为check，value值为123。
    请仔细阅读右侧代码，结合相关知识，在 Begin-End 区域内进行代码补充，完成密码框的创建任务。
<!-- ********* Begin ********* -->
<input type="password" name="check" value="123"/>
<!-- ********* End ********* -->

表单元素——单选框

创建一组单选框，name属性值为question。

<meta charset="UTF-8">
1. HTML是什么语言？(单选题)<br>
<!-- ********* Begin ********* -->
<p><input type="radio" name="question"/>A：高级文本语言</p>
<p><input type="radio" name="question"/>B：超文本标记语言</p>
<p><input type="radio" name="question"/>C：扩展标记语言</p>  
<p><input type="radio" name="question"/>D：图形化标记语言</p>
<!-- ********* End ********* -->

表单元素——多选框

  • 编程要求
    请仔细阅读右侧代码，结合相关知识，在 Begin-End 区域内进行代码补充，创建一组多选框，name属性值为relax。具体效果如下：

    休闲方式: 逛街 看电影 宅

休闲方式:<br>
<!-- ********* Begin ********* -->
<input type="checkbox" name="relax" />逛街<br>  
<input type="checkbox" name="relax"/>看电影 <br>  
<input type="checkbox" name="relax"/>宅
<!-- ********* End ********* -->

表单元素——checked属性

创建一组单选框，name属性值为marry，默认选中未婚。

婚姻状况:<br>
<!-- ********* Begin ********* -->
<input type="radio" name="marry"  checked="checked" />未婚 <br>  
<input type="radio" name="marry" />已婚 
<!-- ********* End ********* -->

表单元素——disabled 属性

创建一组单选框，type属性值为radio，name属性值为degree，禁用难度系数为困难的选项。
在这里插入图片描述

难度系数：<br>
<!-- ********* Begin ********* -->
<input type="radio" name="degree"/>简单 <br>  
<input type="radio" name="degree"/>中等 <br>  
<input type="radio" name="degree" disabled="disabled"/>困难
<!-- ********* End ********* -->

表单元素——label 标签

实现当点击

<label>标签的for属性值为user，创建一个文本框，name属性的值为user；

<label>标签的for属性值为pwd，创建一个密码框，name属性的值为password。

input标签的id注意要和label标签的for属性值一致哦。

注： 属性的先后顺序为：type – id – name 。
在这里插入图片描述

<!-- ********* Begin ********* -->
<label for="user">用户：</label>    
<input type="text" id="user" name="user"  /> <br>
<label for="pwd">密码：</label>
<input type="password" id="pwd" name="password"  />
<!-- ********* End ********* -->

表单元素——下拉列表

创建一个下拉列表，默认选中客户端测试，没有value值
在这里插入图片描述

选择版块：
<!-- ********* Begin ********* -->
<select>
    <option>问答</option>
    <option>分享</option>
    <option>招聘</option>
    <option selected="selected">客户端测试</option>
</select>
<!-- ********* End ********* -->

表单元素——文本域

创建一个文本域，最多能输入的字符数为15。
在<style></style>标签里设置宽度为200px，高度为120px

<!-- ********* Begin ********* -->
<style>
textarea{
width:200px;
height:120px;
}
</style>

用一句话描述自己的特点：<textarea maxlength="15"></textarea>
<!-- ********* End ********* -->

表单元素——提交按钮

创建一个提交按钮，其value值为submit。

<label for="user">用户：</label><input type="text" id="user" name="user"/><br>

<label for="pwd">密码：</label><input type="password" id="pwd" name="password" style="margin-bottom: 10px;"/><br>

<!-- ********* Begin ********* -->
<input type="submit" value="submit"/>    
<!-- ********* End ********* -->

表单元素的综合案例

完成一个表单的创建任务。

这里标签要按照规定格式来写，因为有 <div> 标签，会自动换行，就不用<br>标签了。

属性的先后顺序为： type – id – class – name – value ，其他需要添加的属性最后写。

其他要求如下：

用户名：添加类.common；

昵称：添加类.common；

性别：name属性的值为sex，禁用保密；

男：<label>标签的for属性的值为male；

女：<label>标签的for属性的值为female；

保密：<label>标签的for属性的值为other；

教育程度：添加类.common，默认选中本科；

选项有：高中，中专，大专，本科，硕士，博士，其他；
婚姻状况：name属性的值为state，默认选中未婚；

未婚：<label>标签的for属性的值为single；

已婚：<label>标签的for属性的值为married；

保密：<label>标签的for属性的值为secret；

兴趣爱好：name属性的值为hobby，默认选中看电影；

踢足球：<label>标签的for属性的值为football；

打篮球：<label>标签的for属性的值为basketball；

看电影：<label>标签的for属性的值为film；

描述自己的特点：添加类.common，字符最大长度为20；

提交：添加空<span></span>，用来占位，添加类.common，value值为提交。

要求：像“用户名、昵称”这些采用<span>标签包裹文本，而‘男、女’这些单选框和多相框采用<label>标签包裹文本。

效果如下：

在这里插入图片描述
下拉框：

在这里插入图片描述

<meta charset="UTF-8">
<style>
	.container {
		width: 40%;
		margin: 20px auto;
	}

	.common {
		width: 230px;
		height: 30px;
	}

	span {
		display: inline-block;
		width: 150px;

		text-align: right;
	}

	div {
		margin-bottom: 10px;
	}
</style>


<form class="container">
	<!-- ********* Begin ********* -->
	<div>
		<span>用户名：</span>
		<input type="text" class="common"/>
    </div>
	<div>
		<span>昵称：</span>
		<input type="text" class="common"/>
    </div>
    <div>
		<span>性别：</span>
        <label for="male"><input type="radio" id="male" name="sex"/>男</label>
		<label for="female"><input type="radio" id="female" name="sex"/>女</label>
		<label for="other"><input type="radio" id="other" name="sex" disabled="disabled" />保密</label>
	</div>
    <div>
		<span>教育程度：</span>
        <select class="common"/>
            <option class="common">高中</option>
            <option class="common">中专</option>
            <option class="common">大专</option>  
            <option class="common" selected="selected">本科</option>
            <option class="common">硕士</option>
            <option class="common">博士</option>
            <option class="common">其他</option>
        </select>
	</div>
    <div>
		<span>婚姻状况：</span>
		<label for="single"><input type="radio" id="single" name="state" checked="checked"/>未婚</label>
		<label for="married"><input type="radio" id="married" name="state"/>已婚</label>
		<label for="secret"><input type="radio" id="secret" name="state"  />保密</label>
	</div>
	<div>
		<span>兴趣爱好：</span>
		<label for="football"><input type="checkbox" id="football" name="hobby" />踢足球</label>
		<label for="basketball"><input type="checkbox" id="basketball" name="hobby"/>打篮球</label>
		<label for="film"><input type="checkbox" id="film" name="hobby" checked="checked" />看电影</label>
	</div>
	<div>
		<span>描述自己的特点：</span>
        <textarea class="common" maxlength="20"></textarea>
	</div>
	<div>
		<span></span>
		<input type="submit" class="common" value="提交"/>
    </div>
	<!-- ********* End ********* -->
</form>
eeenkidu
关注
  • 40
    点赞
  • 踩
  • 176
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
专栏目录
第4关：创建 a 标签
weixin_45784564的博客
05-22 3201
目录任务描述编程要求测试说明源码 任务描述 本关任务：创建一个a标签， 跳转的地址是https://www.educoder.net，文本内容是Educoder平台。 编程要求 请仔细阅读右侧代码，结合相关知识，在 Begin-End 区域内进行代码补充，完成第一个a标签， 跳转的地址是https://www.educoder.net，文本内容是Educoder平台的创建任务。 测试说明 平台会对你的代码进行运行测试，如果实际输出结果与预期结果相同，则通关；反之，则 GameOver。 赶快试一下吧！！！
第1关：初识HTML：简单的Hello World网页制作
weixin_45784564的博客
05-21 3919
任务描述 本关的任务是编写一个简单的HTML页面，这个网页包含一个标题和一个段落。显示效果如下： 编程要求 请在右侧的编辑器中的Begin - End区域内直接编辑修改HTML页面，具体要求是： 在<h1></h1>标签之间输入”Hello World”； 在<p></p>标签之间输入”动手改变世界”； 在<h1>和<p>元素的开始标签中输入align="center"； 再在<body>开始标签中输入bgcolor="F
jquery操作checked属性以及disabled属性的多种方法
10-25
主要介绍了jquery控制checked属性以及disabled属性的多种方法,下面只提到checked,其实disabled在jquery里的用法和checked是一模一样的,需要的朋友可以参考下
HTML链接：带超链接的网页
qq_45823118的博客
03-15 7597
HTML链接：带超链接的网页任务描述相关知识概念属性href属性锚 URL实例：创建网页内导航相对 URL实例：跳转到同一网站的另一个网页绝对 URL实例：跳转到另一网页发送电子邮件target属性：在何处打开链接编程要求测试说明 任务描述 本关的任务是编写一个带超链接的HTML页面，链接包含页面内导航链接和跳转其他网页的链接。显示效果如下： 相关知识 概念 超链接是网页互连的核心，网页之间通过超链接连接在一起。 我们使用<a> 标签定义超链接。 一个简单的例子如下： <a href
第2关：HTML结构：自我简介网页
weixin_45784564的博客
05-21 6580
任务描述 本关任务是编写一个自我简介网页，你将通过本任务理解一个HTML网页的完整结构，并了解如何让搜索引擎更好的找到你的网页。 显示效果如下图所示： 编程要求 请在右侧的编辑器中的Begin - End区域内直接编辑修改HTML页面，具体要求是： 在第5行中，添加title元素，内容为“自我简介”； 在第7行中，完善关键词标签； 修改第13行的自我简介信息和关于你自己的三个关键词。 测试说明 补充完代码后，点击测评，平台会对你编写的代码进行测试，当你的结果与预期输出一致时，即为通过； 生活充实的含义，应
HTML标题与段落：网络文章网页
weixin_45784564的博客
05-21 2085
目录任务描述编程要求测试说明源码 任务描述 本关任务是完成一个格式丰富的文章网页，你将通过本关学习标题、段落、文本格式化和引用等，与文本相关的标签。 本关网页显示效果如下图所示： 编程要求 请在右侧的编辑器中的Begin - End区域内直接编辑修改HTML页面，具体要求是： 补全第17行strong标签，使“超文本系统”文本重点显示； 在第31和第32行中新添一项HTML 5.1历史定义， <dt>内容为：“2016年11月1日” <dd>内容为：“HTML 5.1发布。”； 完
第3关：表单元素——单选框
m0_64562382的博客
12-06 602
表单元素
HTML基础学习（1）——HTML基本标签
ITMonkeyKing的博客
02-02 307
HTML基本标签学习
【HTML】HTML详解——标签
喜欢你,像风走了八千里 不问归期
07-02 1010
HTML标签
头歌教学实践平台 Web前端开发基础 HTML-表单类的标签
最新发布
01-20
在HTML中，表单类的标签是构建用户交互界面的关键元素，它们允许用户输入数据并发送到服务器进行处理。本教程将深入讲解这些重要的标签及其用法。 1. `<form>`标签：这是所有表单的容器，定义了用户输入数据的区域...
狂神Java学习笔记————前端入门——html、css、JavaScript学习代码
06-17
【狂神Java学习笔记——前端入门——HTML、CSS、JavaScript学习代码】是针对初学者的一份详实的学习资料，这份笔记记录了跟随B站知名up主“遇见狂神说”的java系列视频中关于前端开发的基础内容。笔记内容不仅与视频...
CSS3 +HTML5入门到精通
07-01
【标题】"CSS3 +HTML5入门到精通"与【描述】"《HTML+5+从入门到精通》-中文学习教程"所涵盖的知识点主要围绕着Web开发的基础技术——HTML5和CSS3展开，这两者是现代网页设计与开发不可或缺的组成部分。以下是关于这...
HTML标记语言——表单
01-19
表单使我们能够有组织的,使用同一方式的从使用者那里收集资料,因此在设计网站时总是属于任何状况都能拿来用的那一类,举例来说,我们发现大概有10000种标记表单的不同方式.好吧,或许没有那么多,但是我们仍能思考几种...
从入门到精通HTML5——PDF——网盘链接
02-27
　9.1　使用表单标签——form 182 　9.1.1　处理动作——action 182 　9.1.2　表单名称——name 183 　9.1.3　传送方法——method 183 　9.1.4　编码方式——enctype 184 　9.1.5　目标显示方式——target 185 　9.2...
HTNL——表单
三三木木七的博客
05-11 983
🌳🌳🌳前言：本篇文章简单的总结了一下表单的基本元素。 本文摘自：HTML——表单类的标签 (educoder.net) 🍄input——引入 一般在网站上填写个人信息的时候，会输入姓名、昵称等信息，这里用到的就是<input>标签。 你可以使用<input>标签来创建一个输入框，使用type属性来指定input元素的类型，使用name属性来规定input元素的名称，它可以对提交到服务器后的表单数据进行标识。 🌰举个例子 姓名：<input type="text" n
头歌-HTML基础
somewon的博客
03-06 9973
四川师范大学 头歌 web应用开发
HTML--表单类的标签
qq_45823118的博客
03-18 3833
HTML--表单类的标签1.表单元素——文本框1.1任务描述1.2相关知识代码文件2.表单元素——文本框2.1任务描述2.2相关知识代码文件3.表单元素——单选框3.1任务描述3.2相关知识代码文件4.表单元素——多选框4.1任务描述4.2相关知识代码文件 1.表单元素——文本框 1.1任务描述 本关任务：创建一个input标签， type类型为text，name属性值为nickName。 效果如下： 1.2相关知识 一般在网站上填写个人信息的时候，会输入姓名、昵称等信息，这里用到的就是<input
educoder——面向对象程序设计java——第三阶段-Java 高级特性——Java 集合框架
zj5566778899的博客
01-27 4407
第1关：集合的基本使用 编程要求 请仔细阅读右侧代码，根据方法内的提示，在Begin - End区域内进行代码补充，创建ArrayList集合并且向集合中添加数据，具体要求如下： 添加字符串类型数据：https:www.educoder.net； 添加double类型数据：2018.423； 在方法中返回你创建的集合对象。 测试说明 补充完代码后，点击测评，平台会对你编写的代码进行测试，当你的结果与预期输出一致时，即为通过。 预期输出： https:www.educod
HTML表单元素汇总
tangtian_yes的博客
03-25 768
表单元素——label 标签 <label>标签的作用主要是提高用户体验性，点击文本也能选择表单元素。 需要注意的是：<label>标签的for属性的值要和相应表单元素的id的值相同。这样才能把<label>标签和表单元素绑定到一起。 --------------------------------------------------------------------- 表单元素——下拉列表 <select>标签用来创建下拉列表，<option&g
mysql给添加字段同时添加字段注释
05-11
可以使用 ALTER TABLE 语句来给 MySQL 数据库表添加字段同时添加字段注释，具体步骤如下： ```sql ALTER TABLE table_name ADD column_name data_type comment 'column_comment'; ``` 其中，`table_name` 是要添加字段的表名，`column_name` 是要添加的字段名，`data_type` 是字段的数据类型，`column_comment` 是要添加的字段注释。 例如，如果要给 `users` 表添加一个名为 `age` 的字段，类型为 `INT`，注释为“用户年龄”，可以使用以下 SQL 语句： ```sql ALTER TABLE users ADD age INT comment '用户年龄'; ``` 执行完毕后，可以使用 `DESC table_name;` 命令来查看表结构，确认新字段和注释已经成功添加。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

eeenkidu

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

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

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

打赏作者

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

抵扣说明：

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

余额充值