AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

对html常用知识点的总结（后端入门程序员，看这一篇就够了~）

2023-05-18 134
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 对html常用知识点的总结（后端入门程序员，看这一篇就够了~）

小引：其实对于后端程序员来讲，相对于前端人员完全掌握前端的知识，更重要和实用的是能够看懂和对部分内容进行修改，而对于繁杂的前端知识，我们在绝大多数情况下,都要根据前端手册去了解前端知识

1.标题（h1-h6）:h1到h6，字体的大小由大逐渐缩小.<h1></h1>

8f3aef73dc1764488d1253ff293085a4.png

c725989e727c0bb0ac5fa578d70a32ef.png

  1. <hr>:切入横线
  2. 87587ad617cdade1f2e95718de4b45b8.png
  3. 段落标签:<p></p>
  4. 9a4fbd728d34280611d570a9a2499e5f.png
  5. ada612e1b454230957274801cb54b282.png
  6. <br>:对输入内容进行换行操作
  7. 5fa0ee218b76ef9dcb45af849683e88a.png
  8. 对数据的格式化标签
  9. 3f7f383c07b2fa83ae7db6c8b14dffaf.png
  10. 图片标签：<img>
  11. 31c90ae1f9fb0b010b695ca8812066b1.png
  12. 超链接标签<a>
  13. f569857f63441f3695d948d41cbbea17.png
  14. 表格标签
  15. d5317953ea6bf59f5613b5f949ddea4a.png
  16. 表单标签97329010f0ebb0fa008a288c8ec90ebd.png

  18. 输入标签
  19. 57ce7f8c4ea847bcb22a6bd98316a5b0.png
  20. 1bb5abea98363dec936b4c24170099a8.png
  21. select标签
  22. ecbef40f8778c04dad8024590406932f.png
  23. textarea标签
  24. 9f27baa9e82bc02e4b4b1ed99fa9b12e.png
  25. 无语义标签
  26. 1f7441c2a2bcde743f2e50f662fe1cff.png
  27. 特殊符号
  28. 88e5202b15d3facf78e1084d86d9b023.png最后附上用html写的两个小练习吧：

1.简单简历

bb1d86df1833f7d2c8af45898691f758.png

<!DOCTYPE html>

<html lang="en">

<head>

   <meta charset="UTF-8">

   <meta http-equiv="X-UA-Compatible" content="IE=edge">

   <meta name="viewport" content="width=device-width, initial-scale=1.0">

   <title>我的简历</title>

</head>

<body>

 

</body>

</html>

<h1>陈桐</h1>

<h2>基本信息</h2>

<img src="https://img2.baidu.com/it/u=3202947311,1179654885&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=500" width="100px" height="100px">

 

<p>联系电话<strong>131-532-82278</strong></p>

<p>联系邮箱<strong>liu@163.com</strong></p>

<p>

   <a href="www.baidu.com">我的github</a>

</p>

<p>

   <a href="www.baidu.com">我的boke</a>

</p>

<h2>教育背景</h2>

<ol>

   <li>1990-2002111</li>

   <li>1990-2002111</li>

   <li>1990-2002111</li>

</ol>

<h2>专业技能</h2>

<ul>

   <li>java知识充足</li>

   <li>熟悉数据结构</li>

   <li>爱好学习</li>

</ul>

<h2>我的项目</h2>

<ol>

   <li>留言墙

       <br/>

       <p>开发时间：2002-11-2093-23</p>

       <span></span><p>功能介绍:</p>

       <ul>

           <li>支持留言查看</li>

           <li>支持留言评论</li>

       </ul>

   </li>

   <li>

      <p><strong>学习小助手</strong></p>  

      <p>开发时间：2002-2365</p>

      <p>功能介绍</p>

      <ul>

       <li>支持错题检索</li>

       <li>支持同学探讨</li>

      </ul>

   </li>

   <p>个人评价</p>

   <p>该同学在校期间学习成绩优异</p>

</ol>

2.简历模板

<!DOCTYPE html>

<html lang="en">

<head>

   <meta charset="UTF-8">

   <meta http-equiv="X-UA-Compatible" content="IE=edge">

   <meta name="viewport" content="width= es, initial-scale=1.0">

   <title>Document</title>

</head>

<body>

   <h3>请填写简历信息</h3>

<table>

   <tr>

       <td>姓名</td>

       <td><input type="text"></td>

   </tr>

   <tr>

       <td>性别</td>

       <td><input type="radio" name="gender" id="male">

           <label for="male">男</label>

       <input type="radio"name="gender" id="female">

       <label for="female">女</label>

   </td>

     

   </tr>

   <tr>

       <td>出生日期</td>

       <td>

           <select name="" id="">

               <option value="">--请选择年份--</option>

               <option>1998</option>

               <option>1999</option>

               <option>2000</option>

               <option>2001</option>

           </select>

           <select name="" id="">

               <option value="">--请选择月份--</option>

               <option value="">1</option>

                       <option value="">2</option>

                       <option value="">3</option>

                       <option value="">4</option>

                       <option value="">5</option>

                       <option value="">6</option>

                       <option value="">7</option>

                       <option value="">8</option>

                       <option value="">9</option>

                       <option value="">10</option>

                       <option value="">11</option>

                       <option value="">12</option>

           </select>

           <select name="" id="">

               <option value="">--请选择日期--</option>

               <option value="">1</option>

                       <option value="">2</option>

                       <option value="">3</option>

                       <option value="">4</option>

                       <option value="">5</option>

                       <option value="">6</option>

                       <option value="">7</option>

                       <option value="">8</option>

                       <option value="">9</option>

                       <option value="">10</option>

                       <option value="">11</option>

                       <option value="">12</option>

                       <option value="">13</option>

                       <option value="">14</option>

                       <option value="">15</option>

                       <option value="">16</option>

                       <option value="">17</option>

                       <option value="">18</option>

                       <option value="">19</option>

                       <option value="">20</option>

                       <option value="">21</option>

                       <option value="">22</option>

                       <option value="">23</option>

                       <option value="">24</option>

                       <option value="">25</option>

                       <option value="">26</option>

                       <option value="">27</option>

                       <option value="">28</option>

                       <option value="">29</option>

                       <option value="">30</option>

                       <option value="">31</option>

           </select>

       </td>

     

   </tr>

   <tr>

       <td>应聘岗位</td>

       <td><input type="checkbox">前端开发

        <input type="checkbox">后端开发

        <input type="checkbox">测试开发

        <input type="checkbox">运维开发

       </td>

   </tr>

   <tr>

       <td>就读学校</td>

       <td><input type="text"></td>

   </tr>

   <tr>

       <td>掌握的技术</td>

       <td><textarea name="" id="" cols="30" rows="10"></textarea></td>

   </tr>

   <tr>

       <td>项目经历</td>

       <td><textarea name="" id="" cols="30" rows="10"></textarea></td>

   </tr>

   <tr>

       <td>

       </td>

       <td><input type="checkbox">我已经仔细阅读过公司的招聘要求</td>

   </tr>

   <tr>

       <td>

 

       </td>

       <td><a href="www.baidu.com">查看我的状态</a></td>

   </tr>

   <tr>

       <td></td>

       <td>

           <h3>请应聘者确认</h3>

           <ul>

               <li>以上信息真实有效</li>

               <li>能够尽早去公司实力</li>

               <li>可以接受公司的加班文化</li>

           </ul>

       </td>

   </tr>

 

</table>

 

</body>

</html>




文章标签：
Java
前端开发
运维
程序员
关键词：
HTML入门
HTML知识点
后端入门
后端html
HTML后端
游客cumdsexolybe4
目录
相关文章
三三是该溜子
|
2天前
|
移动开发 前端开发 Java
【HTML】——VSCode 基本使用入门和常见操作
html，前端，VSCode使用
三三是该溜子
16 5
进步`于辰
|
1月前
|
移动开发 前端开发 JavaScript
[HTML、CSS]知识点
本文涵盖前端知识点扩展、HTML标签（如video、input、canvas）、datalist和details标签的使用方法，以及CSS布局技巧（如margin、overflow: hidden和动态height）。文章旨在分享作者的学习经验和实用技巧。
进步`于辰
36 1
[HTML、CSS]知识点
lqj_本人
|
1月前
|
JavaScript API 开发工具
＜大厂实战场景＞ ~ Flutter&鸿蒙next 解析后端返回的 HTML 数据详解
本文介绍了如何在 Flutter 中解析后端返回的 HTML 数据。首先解释了 HTML 解析的概念，然后详细介绍了使用 `http` 和 `html` 库的步骤，包括添加依赖、获取 HTML 数据、解析 HTML 内容和在 Flutter UI 中显示解析结果。通过具体的代码示例，展示了如何从 URL 获取 HTML 并提取特定信息，如链接列表。希望本文能帮助你在 Flutter 应用中更好地处理 HTML 数据。
lqj_本人
122 1
叫个什么名字
|
2月前
|
缓存 架构师 数据库
后端开发的艺术：从入门到精通的旅程####
本文旨在探索后端开发的本质与魅力，通过一段段深入浅出的故事，串联起后端技术的精髓。不同于传统的技术总结，这里我们将以一位普通开发者的成长轨迹为线索，展现从初识编程到成为后端架构师的心路历程。每个阶段都伴随着挑战、学习与突破，最终揭示了技术背后的人文关怀与创新精神。 ####
叫个什么名字
56 2
丰宝宝
|
1月前
|
监控 API 持续交付
后端开发中的微服务架构：从入门到精通
【10月更文挑战第26天】 在当今的软件开发领域，微服务架构已经成为了众多企业和开发者的首选。本文将深入探讨微服务架构的核心概念、优势以及实施过程中可能遇到的挑战。我们将从基础开始，逐步深入了解如何构建、部署和管理微服务。无论你是初学者还是有经验的开发者，这篇文章都将为你提供有价值的见解和实用的建议。
丰宝宝
46 0
派大鑫的工作室
|
2月前
|
Web App开发 前端开发 搜索推荐
HTML一些基础知识点
HTML一些基础知识点
派大鑫的工作室
27 3
nanshaws
|
2月前
|
JavaScript 前端开发
vue3教程，如何手动获取后端数据（入门到精通3，新人必学篇）
本文提供了一个Vue 3教程，讲解了如何使用axios库手动从后端获取数据，包括安装axios、配置后端访问地址、编写路由地址、发起HTTP请求以及在组件中读取和打印响应数据的步骤。
nanshaws
495 0
vue3教程，如何手动获取后端数据（入门到精通3，新人必学篇）
周一同学Zelina
|
3月前
|
存储 移动开发 前端开发
「offer来了」面试中必考的15个html知识点
该文章汇总了前端面试中常见的15个HTML知识点，涵盖了从HTML文档的规范书写、doctype声明的作用到新兴的HTML5标签应用及移动端viewport设置等内容，旨在帮助求职者更好地准备相关技术面试。
周一同学Zelina
46 0
「offer来了」面试中必考的15个html知识点
小徐在进步
|
3月前
|
前端开发 程序员
【前端web入门第二天】01 html语法实现列表与表格_合并单元格
本文介绍了HTML中的列表与表格的使用方法。列表包括无序列表（`&lt;ul&gt;`嵌套`&lt;li&gt;`）、有序列表（`&lt;ol&gt;`嵌套`&lt;li&gt;`）和定义列表（`&lt;dl&gt;`嵌套`&lt;dt&gt;`和`&lt;dd&gt;`）。
小徐在进步
71 19
杀死一只知更鸟debug
|
3月前
|
SQL JSON Java
springboot 如何编写增删改查后端接口，小白极速入门，附完整代码
本文为Spring Boot增删改查接口的小白入门教程，介绍了项目的构建、配置YML文件、代码编写（包括实体类、Mapper接口、Mapper.xml、Service和Controller）以及使用Postman进行接口测试的方法。同时提供了SQL代码和完整代码的下载链接。
杀死一只知更鸟debug
374 0
springboot 如何编写增删改查后端接口，小白极速入门，附完整代码

热门文章

最新文章

  • 1
    构建高效后端服务：微服务架构的深度解析与实践
  • 2
    后端服务架构的微服务化转型
  • 3
    深入理解后端服务的负载均衡技术
  • 4
    构建高效后端服务：从理论到实战
  • 5
    构建高效后端服务：微服务架构的深度剖析与实践####
  • 6
    后端开发中的缓存机制：深度解析与最佳实践####
  • 7
    后端开发中的性能优化策略
  • 8
    后端性能优化：从理论到实践
  • 9
    slb后端服务器故障
  • 10
    实现跨域请求：Spring Boot后端的解决方案
  • 1
    html在线预览CAD（手机小程序浏览DWG）二次开发图层表的方法
    141
  • 2
    HTML5 Canvas 提供丰富的绘图API，支持绘制图形、文本、渐变和图像，助力游戏开发
    76
  • 3
    好看的html网站维护源码
    247
  • 4
    html+echars图表加日期检索
    62
  • 5
    html+echars的统计报表
    70
  • 6
    【CSDN创作优化1】个人简介优化 html font属性
    67
  • 7
    一种pug与html相互转换的工具
    105
  • 8
    android TextView HTML 的效果
    48
  • 9
    BeautifulSoup 是一个 Python 库，用于从 HTML 和 XML 文件中提取数据
    149
  • 10
    HTML5/CSS3粒子效果进度条代码
    72

    • 相关课程

    更多
  • HTML 入门与实战
  • HTML基础入门学习
  • HTML5 新特性教程
  • 零基础学前端HTML+CSS
  • JavaScript入门与实战
  • JavaScript 自学手册文档教程

    • 相关电子书

    更多
  • 十分钟上线-使用函数计算构建支付宝小程序服务
  • 机器学习在互联网后端技术中的应用
  • 天猫HTML5互动技术实践

    • 相关实验场景

    更多
  • Html5和Webpack3：Webpack5的常见用法
  • Html5和Webpack2：Webpack5打包JS和样式表
  • Html5和Webpack1：Webpack5打包工具介绍
  • 前端开发基础1：前端开发环境的安装和配置
  • HTML及前端框架
    • 下一篇
    手把手教你白嫖阿里云服务器(免费领服务器)