头歌——Web前端课程设计——前端基础

原创 已于 2024-05-16 20:47:33 修改 · 481 阅读 · 3 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#前端 #课程设计

于 2024-05-16 20:45:31 首次发布

目录

HTML——表单类的标签

第1关 表单元素——文本框

第2关 表单元素——密码框

第3关 表单元素——单选框

第4关 表单元素——多选框

第5关 表单元素——checked属性

第6关 表单元素——disabled 属性

第7关 表单元素——label 标签

第8关 表单元素——下拉列表

第9关 表单元素——文本域

第10关 表单元素——提交按钮

HTML——表格

第1关 表格的基本构成

第2关 表格的属性——宽、高

第3关 表格的属性——cellpadding

第4关 表格的属性——cellspacing

第5关 表格的标题

第6关 表格—— 标签的 rowspan 属性 

第7关 表格——标签的colspan属性

第8关 表格的综合案例

HTML——基础

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

第2关 HTML结构：自我简介网页

HTML——文本

第1关 HTML链接：带超链接的网页

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

HTML——多媒体

第1关 HTML图片：带图片的菜谱网页

第2关 HTML音频：音乐播放网页

第3关 HTML视频：视频播放网页

HTML——表单类的标签

第1关 表单元素——文本框

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
</head>
<body>
    <!-- ********* Begin ********* -->
姓名：<input type="text" name="nickName"/>
    <!-- ********* End ********* -->
</body>
</html>

第2关 表单元素——密码框

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
</head>
<body>
    <!-- ********* Begin ********* -->
密码：<input type="password" name="check" value="123"/>
 
    <!-- ********* End ********* -->
</body>
</html>

第3关 表单元素——单选框

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

第4关 表单元素——多选框

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
</head>
<body>
    休闲方式:<br>
    <!-- ********* Begin ********* -->
<p><input type="checkbox" name="relax" />逛街</p>
<p><input type="checkbox" name="relax"/>看电影</p>
<p><input type="checkbox" name="relax"/>宅</p>
    <!-- ********* End ********* -->
</body>
</html>

第5关 表单元素——checked属性

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
</head>
<body>
    婚姻状况:<br>
    <!-- ********* Begin ********* -->
 
<p><input type="radio" name="marry"  checked="checked"/>未婚</p>
<p><input type="radio" name="marry"/>已婚</p>
    <!-- ********* End ********* -->
</body>
</html>

第6关 表单元素——disabled 属性

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
</head>
<body>
    难度系数:<br>
    <!-- ********* Begin ********* -->
<p><input type="radio" name="degree" >简单</p>
<p><input type="radio" name="degree">中等</p>
<p><input type="radio" name="degree"disabled="disabled">困难</p>
    <!-- ********* End ********* -->
</body>
</html>

第7关 表单元素——label 标签

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
</head>
<body>
    <!-- ********* 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 ********* -->
</body>
</html>

第8关 表单元素——下拉列表

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
</head>
<body>
    选择版块：
    <!-- ********* Begin ********* -->
 
<select>
    <option >问答</option>
    <option >分享</option>
    <option >招聘</option>
    <option selected="selected">客户端测试</option>
</select>
        
	<!-- ********* End ********* -->
</body>
</html>

第9关 表单元素——文本域

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <!-- ********* Begin ********* -->
    <style>
        textarea {
 width:200px; 
  height:120px;
        }
    </style>
</head>
<body>
    用一句话描述自己的特点：<textarea maxlength="15"></textarea>
    <!-- ********* End ********* -->
</body>
</html>

第10关 表单元素——提交按钮

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
</head>
<body>
 
    <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 ********* -->
</body>
</html>

HTML——表格

第1关 表格的基本构成

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
</head>
<body>
    <!-- ********* Begin ********* -->
 
<table border="5">
 
    <tr>
        <td>姓名</td>
        <td>语文</td>
        <td>数学</td>
    </tr>
 
    <tr>
        <td>李四</td>
        <td>90</td>
        <td>95</td>
    </tr>
</table>
 
    <!-- ********* End ********* -->
</body>
</html>

第2关 表格的属性——宽、高

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
</head>
<body>
    <!-- ********* Begin ********* -->
 
<table border="1" width="100%" height="200">
    <tr>
        <td>姓名</td>
        <td>语文</td>
        <td>数学</td>
        <td>英语</td>
        <td>合计</td>
    </tr>
 
    <tr>
        <td>李四</td>
        <td>90</td>
        <td>95</td>
        <td>80</td>
        <td>265</td>
    </tr>
 
</table>
        
    <!-- ********* End ********* -->
</body>
</html>

第3关 表格的属性——cellpadding

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
</head>
<body>
    <!-- ********* Begin ********* -->
 
<table border="2" cellpadding="6">
    <tr>
        <td>姓名</td>
        <td>语文</td>
        <td>数学</td>
        <td>英语</td>
        <td>合计</td>
    </tr>
 
    <tr>
        <td>李四</td>
        <td>90</td>
        <td>95</td>
        <td>80</td>
        <td>265</td>
    </tr>
 
</table>
 
    <!-- ********* End ********* -->
</body>
</html>

第4关 表格的属性——cellspacing

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
</head>
<body>
    <!-- ********* Begin ********* -->
 
<table border="1" cellspacing="0" cellpadding="10">
    <tr>
        <td>姓名</td>
        <td>语文</td>
        <td>数学</td>
        <td>英语</td>
        <td>合计</td>
    </tr>
 
    <tr>
        <td>李四</td>
        <td>90</td>
        <td>95</td>
        <td>80</td>
        <td>265</td>
    </tr>
 
</table> 
 
    <!-- ********* End ********* -->
</body>
</html>

第5关 表格的标题

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
</head>
<body>
    <table border="1" cellpadding="10" cellspacing="0">
        <!-- ********* Begin ********* -->
 
        <caption>科目成绩</caption>
 
        <!-- ********* End ********* -->
        <tr>
            <td>姓名</td>
            <td>语文</td>
            <td>数学</td>
            <td>英语</td>
            <td>合计</td>
        </tr>
 
        <tr>
            <td>李四</td>
            <td>90</td>
            <td>95</td>
            <td>80</td>
            <td>265</td>
       </tr>
 
    </table>
</body>
</html>

第6关 表格——<td> 标签的 rowspan 属性 

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
</head>
<body>
    <table border="2" cellspacing="0" width="200">
    <!-- ********* Begin ********* -->
        <tr>
            <td>商品</td>
            <td>数量</td>
            <td>单价</td>
            <td>备注</td>
        </tr>
 
        <tr>
            <td>短袖</td>
            <td>70</td>
            <td>30</td>
            <td rowspan="2">无</td>
        </tr>
 
        <tr>
            <td>裤子</td>
            <td>50</td>
             <td>30</td>
        </tr>
 
    <!-- ********* End ********* -->
    </table>
</body>
</html>

第7关 表格——<td>标签的colspan属性

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
</head>
<body>
    <table border="2" cellspacing="0" width="200">
    <!-- ********* Begin ********* -->
        <tr>
            <td>商品</td>
            <td>数量</td>
            <td>单价</td>
        </tr>
 
        <tr>
            <td>短袖</td>
            <td>70</td>
            <td>30</td>
        </tr>
 
        <tr>
            <td>裤子</td>
            <td>50</td>
            <td>30</td>
        </tr>
 
        <tr>
            <td>合计</td>
            <td colspan="2">3600</td>  <!--合并-->
        </tr>
    <!-- ********* End ********* -->
    </table>
</body>
</html>

第8关 表格的综合案例

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
</head>
<body>
    <!-- ********* Begin ********* -->
    <style>
    body{
       margin:30px;
    }
    table{
       /*居中对齐*/
       text-align: center;
    }
    </style>
    <!--设置表格-->
    <table border="2" width="100%" cellspacing="0" cellpadding="6">
        <caption>本周财政计划</caption>
        <tr>
            <td rowspan="2" colspan="2">项目</td>
            <td colspan="2">本周发生</td>
            <td rowspan="2">备注</td>
        </tr>
 
        <tr>
            <td>收入</td>
            <td>支出</td>
        </tr>
 
        <tr>
             <td rowspan="3">收入</td>
             <td>贷款收回</td>
             <td>8700</td>
             <td>0</td>
             <td></td>
        </tr>
 
        <tr>
             <td>内部转款</td>
             <td>6000</td>
             <td>0</td>
             <td></td>
        </tr>
 
        <tr>
             <td>收入合计</td>
             <td>14700</td>
             <td>0</td>
             <td></td>
        </tr>
 
        <tr>
             <td rowspan="3">支出</td>
             <td>采购支出</td>
             <td>0</td>
             <td>5000</td>
             <td></td>
        </tr>
 
        <tr>
             <td>工资支出</td>
             <td>0</td>
             <td>7000</td>
             <td></td>
        </tr>
 
        <tr>
             <td>支出合计</td>
             <td>0</td>
             <td>12000</td>
             <td></td>
        </tr>
 
      </table>
    <!-- ********* End ********* -->
</body>
</html>

HTML——基础

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

<!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>

第2关 HTML结构：自我简介网页

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

  <head>
    <meta charset="utf-8">
    <title>自我简介</title>
    <meta name="description" content="gxq的自我简介网站">
    <meta name="keywords" content="自我简介,1,2,3">
  </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——文本

第1关 HTML链接：带超链接的网页

<!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 target="_blank" href="https://en.wikipedia.org/wiki/HTML">HTML</a>(Hypertext Markup Language，超文本标记语言)是一种用于创建Web页面和Web应用的标准化标记语言。在
        <a target="_blank" href="https://en.wikipedia.org/wiki/CSS">CSS</a>(Cascading Style Sheets，级联样式表单)和
        <a target="_blank" href="https://en.wikipedia.org/wiki/JavaScript">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>

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

<!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——多媒体

第1关 HTML图片：带图片的菜谱网页

<!DOCTYPE html>
<head>
    <meta charset="UTF-8" />
    <title>HTML - 图片</title>
</head>
<body>
    <h1>带图片的菜谱——酸辣藕带</h1>
    <h2>食材：</h2>
    <p>蒜头3瓣、姜一小块、葱2根、藕带250g、红辣椒3个、花椒1大勺、米醋1大勺、盐适量、糖一小撮、香油一小勺。</p>
    <img src="https://data.educoder.net/api/attachments/171680" alt="食材准备" width="400">
    <h2>步骤：</h2>
    <ol>
        <li>蒜头、姜切片。红辣椒用滚刀切条，小葱切葱花。
            <br><br>
            <img src="https://www.educoder.net/attachments/download/171681/3.gif" alt="步骤1" width="200"></li>
        <li>藕带斜切成段
            <br><br>
            <img src="https://www.educoder.net/attachments/download/171682/4.jpg" alt="步骤2" width="200"></li>
        <li>起油锅，下花椒，待轻微冒烟、香气溢出，捞出花椒。下藕带翻炒，加白米醋和盐，炒1~2分钟。
            <br><br>
            <img src="https://www.educoder.net/attachments/download/171683/5.jpg" alt="步骤3" width="200"></li>
        <li>放糖提鲜，撒香油和葱花，翻匀出锅
            <br><br>
            <img src="https://www.educoder.net/attachments/download/171684/8.gif" alt="步骤4" width="200"></li>
        <li>完成。
            <br><br>
    </ol>
    <hr>
    <small><p>转自<a href="https://www.xiachufang.com/recipe/102430733/">下厨房-酸辣藕带</a></p></small>
    </p>
</body>
</html>

第2关 HTML音频：音乐播放网页

<!DOCTYPE html>

<head>
    <meta charset="UTF-8" />
    <title>HTML - 音频</title>
</head>

<body>
    <h1 align="center">青石巷</h1>
    <br>
    <div align="center">
    <audio controls="controls" height="100" width="100" autoplay="autoplay" loop="loop">
        <source src="https://www.educoder.net/attachments/download/171686/青石巷.wav" type="audio/wav"/>
        <source src="https://www.educoder.net/attachments/download/171685/青石巷.ogg" type="audio/ogg"/>
        <source src="https://www.educoder.net/attachments/download/171679/青石巷.mp3" type="audio/mp3"/>
        <embed height="100" width="100" />
        你的浏览器不支持该音频格式。 Your browser does not support this audio format.
    </audio>
    </div>
    <br>
    <p align="center" style="color:grey;">HTML5 audio 播放示例</p>
    <p align="center" style="color:grey;"><small>注意：音频控件显示效果在不同浏览器中有些许差别。</small></p>
</body>

第3关 HTML视频：视频播放网页

<!DOCTYPE html>

<head>
    <meta charset="UTF-8" />
    <title>HTML - 视频</title>
</head>

<body>    
    <h1 align="center">扬帆起航</h1>
    
    <video width="550"  autoplay loop control="control">
        <source src="./video/Sail-Away.mp4" type="video/mp4" />
        <source src="./video/Sail-Away.ogv" type="video/ogv" />
        <source src="./video/Sail-Away.webm" type="video/webm"/>
        <object data="./video/Sail-Away.mp4" width="320" height="240">
        <embed src="./video/Sail-Away.swf" width="320" height="240" />
            你的浏览器不支持该视频格式。Your browser does not support this video format.
        </object>
    </video>
    <br>
    <p align="center" style="color:grey;">HTML5 video 播放示例</p>
    <p align="center" style="color:grey;"><small>注意：视频控件显示效果在不同浏览器中有些许差别。</small></p>
</div>
</body>

【EduCoder答案】HTML——表单类的标签
weixin_44505587的博客
09-05 6198
简介 其他各类实训答案的目录见这里 答案查询的入口网页版 答案获取的方法简介见这里 并不是所有的关卡都有答案，有些只有部分关卡有 HTML——表单类的标签 >>>查看 第1关:表单元素——文本框 第2关:表单元素——密码框 第3关:表单元素——单选框 第4关:表单元素——多选框 第5关:表单元素——checked属性 第6关:表单元素——disabled 属性 第7关:表单元素——label 标签 第8关:表单元素——下拉列表 第9关:表单元素——文本域 第10关:表
头歌（Educoder）——Web前端课程设计——前端基础答案
weixin_60732009的博客
05-16 308
Bootstrap入门 第1关Bootstrap入门 第2关Bootstrap按钮的样式及状态 第3关Bootstrap按钮组 Bootstrap 基础组件 第1关Bootstrap下拉菜单 第2关Bootstrap导航 第3关Bootstrap字体图标 Bootstrap 基础组件（二） 第1关Bootstrap 表格 第2关Bootstrap 路径导航、徽章、警告框 第3关Bootstrap 进度条
HTML--表单类的标签
qq_45823118的博客
03-18 1万+
表单5.表单元素——checked属性任务描述相关知识代码文件6.表单元素——disabled 属性任务描述相关知识代码文件7.表单元素——label 标签任务描述相关知识代码文件8.表单元素——下拉列表任务描述相关知识代码文件9.表单元素——文本域任务描述相关知识代码文件10.表单元素——提交按钮任务描述相关知识代码文件11.表单元素的综合案例任务描述相关知识代码文件 5.表单元素——checked属性 任务描述 本关任务：创建一组单选框，name属性值为marry，默认选中未婚。 要求：对每一个选项使用
Javaweb的HTML的表单标签
qq_56299755的博客
12-13 773
Javaweb的HTML的表单标签 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <!--需求：创建一个个人信息注册的表单页面，包含用户名，密码，性别（单选），兴趣爱好（多选），国籍（下拉列表） 隐藏域，自我评价（多行文本域），重置，提交 -
头歌-HTML基础
somewon的博客
03-06 1万+
四川师范大学 头歌 web应用开发
HTML表格、表单标签
岁岁岁平安的博客
07-15 1785
本篇博客的主要内容是关于html前端部分的表格和表单的学习和总结。
精选资源
毕业论文——WEB前端页面设计
06-13
毕业论文——WEB前端页面设计 本文是关于WEB前端页面设计的毕业论文，涵盖了前端开发工具、技术、布局分析、设计、实现等方面的内容。 一、前端开发工具及相关技术 在WEB前端页面设计中，选择合适的开发工具和...
精选资源
《Web前端设计基础——HTML5、CSS3、JavaScript》课后答案整理.pdf
06-10
根据提供的文件内容，我们可以整理出以下Web前端设计基础的知识点： 1. HTML5、CSS3、JavaScript概述 - HTML5是最新版本的超文本标记语言，用于创建网页的标准标记语言。它具有更快的访问速度、更好的搜索引擎优化...
头歌（Educoder）——Web前端课程设计——JavaScript运算符答案
weixin_60732009的博客
05-16 402
【代码】头歌（Educoder）——Web前端课程设计——JavaScript运算符答案。
头歌（Educoder）——Web前端课程设计——Vue基础
weixin_60732009的博客
05-16 828
Vue 是一个框架，也是一个生态。VUE是一套前端框架，免除了原生 JavaScript 中的 DOM 操作，简化了很多书写内容，其功能覆盖了大部分前端开发常见的需求。但 Web 世界是十分多样化的，不同的开发者在 Web 上构建的东西可能在形式和规模上会有很大的不同。考虑到这一点，Vue 的设计非常注重灵活性和“可以被逐步集成”这个特点。无需构建步骤，渐进式增强静态的 HTML在任何页面中作为 Web Components 嵌入单页应用 (SPA)全栈 / 服务端渲染 (SSR)
头歌答案HTML——基础
m0_62476845的博客
11-12 7988
自我简介
TYUT头歌HTML实训题答案2
m0_74086486的博客
12-11 1536
还有哪位大佬能把那两关闯一下，小编实在是心累的不行啦，可以的话写在评论区吧！好了，今天就先跟新到这里了，不喜勿喷。
HTML上部分--头歌（educoder）实训作业题目及答案
热门推荐
qq_35353972的博客
10-09 1万+
HTML--头歌（educoder）实训作业题目及答案
【HTML】html基本标签-3（表单，其他，头标签）
你今天真好看呀
08-13 552
文章目录10.表单标签11.表单标签案例12.其他常用标签13.头标签 10.表单标签 表单标签： 语法： <form></form>:表示表单的范围 action：提交到地址，默认提交到当前页面中 1.普通输入项：<input type="text"> 2.密码输入项：<input type="password"> 3.单选输入项：&...
字节校招面试题分享，别人已经开始面试了，你不会还没有准备吧？
QIANDXX的博客
03-05 8150
字节面试题分享，了解校招，还有前端校招面试题分享，不容错过。 字节跳动（校招） 一面： TCP、UDP是什么，区别，应用 什么是字节流，什么是数据报 TCP为啥可靠 超时重传、累计确认的过程 HTTP跟TCP的联系 http通信过程 http头部字段，平时在项目中有应用过吗，具体说一说 Cookie、localStorage、sessionStorage用过吗？说一说他们的联系区别与应用 每次请求都会带cookie吗？什么时候会带 cookie维持登录态是怎么做到的 你用cookie干过什么 cook.
《Web应用开发》(头歌)
m0_58186089的博客
03-01 1万+
这里写目录标题实验一HTML——表单类的标签第1关 表单元素——文本框第2关 表单元素——密码框第3关 表单元素——单选框第4关 表单元素——多选框第5关 表单元素——checked属性第6关 表单元素——disabled 属性第7关 表单元素——label 标签第8关 表单元素——下拉列表第9关 表单元素——文本域第10关 表单元素——提交按钮第11关 表单元素的综合案例HTML入门——基础第1关 初识HTML：简单的Hello World网页制作第2关 HTML结构：自我简介网页HTML入门——文本第1
头歌HTML实训笔录
k1elvin的博客
11-26 2765
头歌实训笔录HTML前端基础第2关 创建 - 标签 HTML前端基础 你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。 ##第1关 创建第一个 HTML 标签 // An highlighted block <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> </hea
React大模型网站-流式推送markdown转换问题以及开启 rehype-raw,rehype-sanitize,remark-gfm等插件的使用
m0_61998604的博客
12-04 1143
本文介绍了在React大模型网站中实现流式推送Markdown转换的方法，重点讲解了ReactMarkdown库及其配套插件的使用。主要内容包括：1）ReactMarkdown基础用法；2）通过rehype-raw插件支持HTML标签渲染；3）使用rehype-sanitize防止XSS攻击；4）利用remark-gfm支持GitHub风格的Markdown语法；5）给出了完整的流式渲染实现方案，包含SSE推送、内容累积和实时更新等关键技术。文章还提供了完整的代码示例，帮助开发者快速实现安全可靠的Markd
50、【Ubuntu】【Gitlab】拉出内网 Web 服务：http.server 单/多线程分析（二）
最新发布
HIT_Weston的博客
12-04 1384
本文分析了Python的http.server模块在单线程和多线程模式下的性能表现。通过测试发现，单线程模式下（Python<3.7）并发请求会被阻塞，后发请求需要等待前一个请求完成；而多线程模式下（Python≥3.7）可以同时处理多个请求。作者通过slow_server.py脚本模拟耗时操作，使用time curl命令测试响应时间，验证了线程模型的差异。文章还指出Python 3.7是一个重要分水岭，官方将默认命令行服务器升级为多线程以提升用户体验。技术细节参考了CPython源码，并提供了Git
Web前端实验设计——Studeon页面制作
Studeon页面设计是指在Web前端开发中创建和实现一个具有特定功能和外观的网页。这通常涉及使用HTML (HyperText Markup Language) 来构建网页的结构，CSS (Cascading Style Sheets) 来控制页面的样式和布局，以及...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

小柒_02

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

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

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

打赏作者

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

抵扣说明：

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

余额充值