码农知识堂 - 1000bd
  •   Python
  •   PHP
  •   JS/TS
  •   JAVA
  •   C/C++
  •   C#
  •   GO
  •   Kotlin
  •   Swift

  • 头歌答案HTML——基础

    目录

    HTML——基础

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

    任务描述

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

    任务描述

    HTML——基本标签

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

    任务描述

    第2关：创建

    任务描述

    第3关：创建 p 标签 

    任务描述

    第4关：创建 a 标签 

    任务描述

    第5关：创建 img 标签

    任务描述

    第6关：创建 div 标签

    任务描述

    HTTP基础 

     第1关：HTTP 标准

    任务描述

    第2关：开发者工具的基本使用

    任务描述

    HTML——基础

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

    任务描述

    本关的任务是编写一个简单的HTML页面，这个网页包含一个标题和一个段落。

    1. html>
    2. <html>
    3.   <head>
    4.     <meta charset="utf-8">
    5.     <title>Hello worldtitle>
    6.   head>  
    7.     
    8.  
    9.   <body bgcolor="F6F3D6">
    10.     
    11.     <h1 align="center">Hello Worldh1>
    12.     <p align="center">动手改变世界p>
    13.   body>
    14.     
    15.  
    16. html>

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

    任务描述

    本关任务是编写一个自我简介网页，你将通过本任务理解一个HTML网页的完整结构，并了解如何让搜索引擎更好的找到你的网页。

    1. html>
    2. <html>
    3.     
    4.  
    5.   <head>
    6.     <meta charset="utf-8">
    7.     <title>自我简介title><meta name="keywords">
    8.     <meta name="keywords" content="XXX的自我简介网站">
    9.     <meta name="" content="自我简介,关键词一,关键词二,关键词三">
    10.   head>
    11.   <body>
    12.     <h1 align="center">自我简介h1>
    13.  
    14.     <h2>简介h2>
    15.     <p>在这里简单的描述一下你自己吧。p>
    16.  
    17.     <h2>三个与你最有关的词h2>
    18.     <p>这三个词可以是一种形容，也可以是一种运动或者是一种独特的爱好，等等。p>
    19.     <ul>
    20.         <li>第一个词li>
    21.         <p>选择第一个词的原因p>
    22.         <li>第二个词li>
    23.         <p>选择第二个词的原因p>
    24.         <li>第三个词li>
    25.         <p>选择第三个词的原因p>
    26.     ul>
    27. body>
    28.   
    29.  
    30. html>

    HTML——基本标签

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

    任务描述

    本关任务：创建你的第一个标签

    ，文本内容为welcome to Educoder。

    1. html>
    2. <html>
    3. <head>
    4.     <meta charset="UTF-8">
    5. head>
    6. <body>
    7.     <h1>Helloh1>
    8.     
    9.     <h1> welcome to Educoderh1>
    10.  
    11.         
    12.     
    13. body>
    14. html>

    第2关：创建

    -

    标签
    任务描述

    本关任务：依次创建

    -
    标签，文本内容为创建不同字体大小的标题，查看它们的区别。

    1. html>
    2. <html>
    3. <head>
    4.     <meta charset="UTF-8">
    5. head>
    6. <body>
    7.     <h1>创建不同字体大小的标题h1>
    8.     
    9.     <h2>创建不同字体大小的标题h2>
    10.     <h3>创建不同字体大小的标题h3>
    11.     <h4>创建不同字体大小的标题h4>
    12.     <h5>创建不同字体大小的标题h5>
    13.     <h6>创建不同字体大小的标题h6>
    14.  
    15.     
    16. body>
    17. html>

    第3关：创建 p 标签 

    任务描述

    本关任务:创建一个p标签，文本内容为我是一个段落。

    1. html>
    2. <html>
    3. <head>
    4.     <meta charset="UTF-8">
    5. head>
    6. <body>
    7.     
    8. <p>我是一个段落p>
    9.  
    10.     
    11. body>
    12. html>

    第4关：创建 a 标签 

    任务描述

    本关任务：创建一个a标签， 跳转的地址是https://www.educoder.net，文本内容是Educoder平台。

    1. html>
    2. <html>
    3. <head>
    4.     <meta charset="UTF-8">
    5. head>
    6. <body>
    7.     
    8. <a href="https://www.educoder.net" >Educoder平台a>
    9.  
    10.     
    11. body>
    12. html>

    第5关：创建 img 标签

    任务描述

    本关任务：创建一个img标签， 图片的地址是https://www.educoder.net/attachments/download/207801，提示文字是小狗走路。

    1. html>
    2. <html>
    3. <head>
    4.     <meta charset="UTF-8">
    5. head>
    6. <body>
    7.     
    8. <img src="https://www.educoder.net/attachments/download/207801" alt="小狗走路">
    9.  
    10.     
    11.  
    12. body>
    13. html>

    第6关：创建 div 标签

    任务描述

    本关任务：创建一个div标签， 文本内容是我是div标签。

    1. html>
    2. <html>
    3. <head>
    4.     <meta charset="UTF-8">
    5. head>
    6. <body>
    7.     <h2>我是h2标签h2>
    8.     <p>我是p标签p>
    9.     
    10.  
    11. <div>我是div标签div>
    12.  
    13.     
    14. body>
    15. html>

    HTTP基础 

     第1关：HTTP 标准

    任务描述

    本关任务：掌握 HTTP 的相关知识，完成相关选择题。

    1、以下哪个是爬虫爬取数据的用途？

    数据分析

    2、如果表单中带有图片，一般用什么请求方式？

    POST

    3、请求成功的响应状态码是什么？

    200

    第2关：开发者工具的基本使用

    任务描述

    本关任务：了解开发者工具对于爬虫的用途。

    1、Elements中的选择元素的功能是什么？

    模拟不同设备的显示效果，且可以模拟带宽。

    2、当要获取什么样的数据要使用Network功能?

    那些通过异步请求获取到的数据

  • 相关阅读:
    【LeetCode】C++：新手村题单记录-重在解出问题
    IBDP学生怎么写PS？
    上手之Python之文件操作
    ESP32（一）：使用记录
    Vue——全局事件总线
    循序渐进介绍基于CommunityToolkit.Mvvm 和HandyControl的WPF应用端开发(10) -- 在DataGrid上直接编辑保存数据
    八股文总结
    弱口令(Weak Password)总结和爆破工具
    An工具介绍之钢笔工具、铅笔工具与画笔工具
    【Spring Boot 】JPA 的基本使用
  • 原文地址：https://blog.csdn.net/m0_62476845/article/details/134357844
  • 最新文章
  • 攻防演习之三天拿下官网站群
    数据安全治理学习——前期安全规划和安全管理体系建设
    企业安全 | 企业内一次钓鱼演练准备过程
    内网渗透测试 | Kerberos协议及其部分攻击手法
    0day的产生 | 不懂代码的"代码审计"
    安装scrcpy-client模块av模块异常，环境问题解决方案
    leetcode hot100【LeetCode 279. 完全平方数】java实现
    OpenWrt下安装Mosquitto
    AnatoMask论文汇总
    【AI日记】24.11.01 LangChain、openai api和github copilot
  • 热门文章
  • 十款代码表白小特效 一个比一个浪漫 赶紧收藏起来吧！！！
    奉劝各位学弟学妹们，该打造你的技术影响力了！
    五年了，我在 CSDN 的两个一百万。
    Java俄罗斯方块，老程序员花了一个周末，连接中学年代！
    面试官都震惊，你这网络基础可以啊！
    你真的会用百度吗？我不信 — 那些不为人知的搜索引擎语法
    心情不好的时候，用 Python 画棵樱花树送给自己吧
    通宵一晚做出来的一款类似CS的第一人称射击游戏Demo！原来做游戏也不是很难，连憨憨学妹都学会了！
    13 万字 C 语言从入门到精通保姆级教程2021 年版
    10行代码集2000张美女图，Python爬虫120例，再上征途
Copyright © 2022 侵权请联系2656653265@qq.com    京ICP备2022015340号-1
正则表达式工具 cron表达式工具 密码生成工具

京公网安备 11010502049817号