【前端】2. HTML综合案例

最新推荐文章于 2024-06-14 11:01:38 发布
最新推荐文章于 2024-06-14 11:01:38 发布
阅读量709 收藏 10
点赞数 10
分类专栏： 前端 文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_60915103/article/details/137866699
版权

1. 展示简历信息

在这里插入图片描述
代码如下：可自行发挥

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人简历</title>
</head>

<body>
    <h2>哈茶</h2>
    <div>
        <h3>基本信息</h3>
        <img src="./微信图片_20230724174659.jpg" title="这是个人简历照片" height="400px" width="500px">
        <h5>求职意向：C++工程师</h5>
        <h5>联系电话：1234567890</h5>
        <h5>邮箱：1234567890@163.com</h5>
        <h5>
            <a href="https://blog.csdn.net/weixin_60915103?type=blog" target="_blank">我的博客：</a>
        </h5>
        <h5>
            <a href="https://gitee.com/hacha" target="_blank">我的Gitee：</a>
        </h5>
    </div>
    <div>
        <h3>教育背景</h3>
        <h6>幼儿园</h6>
        <h6>小学</h6>
        <h6>初中</h6>
        <h6>高中</h6>
        <h6>大学</h6>
    </div>
    <div>
        <h3>专业技能</h3>
        <ul>
            <li>C/C++基础语法扎实</li>
            <li>熟练掌握常见数据结构</li>
            <li>了解计算机网络知识</li>
            <li>掌握HTML/CSS/JS等前端技能</li>
            <li>熟练掌握MySQL/SQL Sever的使用，熟练常见的SQL语句</li>
        </ul>
    </div>
    <div>
        <h3>我的项目</h3>
        <ol>
            <li>
                <h4>项目1：</h4>
                <h5>开发时间：2024/4/1 -2024/4/17</h5>
                <h5>功能介绍：无</h5>
            </li>
            <li>
                <h4>项目2：</h4>
            </li>
        </ol>
    </div>
    <div>
        <h3>个人评价</h3>
        <h6>在校期间，学习成绩优良，自我感觉良好</h6>
    </div>

</body>

</html>

在这里插入图片描述

2. 填写简历信息

代码如下：可自行发挥

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>填写简历信息</title>
</head>

<body>
    <table width="600px" cellspacing="0">
        <thead>
            <h3>请填写简历信息</h3>
        </thead>
        <tbody>
            <tr>
                <td>
                    <label for="name">姓名:</label>
                </td>
                <td>
                    <input type="text" id="name">
                </td>
            </tr>
            <tr>
                <td>
                    性别:
                </td>
                <td>
                    <label for="male">男</label>
                    <input id="male" type="radio" name="sex">
                    <label for="female">女</label>
                    <input id="female" type="radio" name="sex">
                </td>
            </tr>
            <tr>
                <td>
                    出生日期：
                </td>
                <td>
                    <select>
                        <option selected="selected">--请选择年份--</option>
                        <option>2000</option>
                        <option>2001</option>
                        <option>2002</option>
                        <option>2003</option>
                        <option>2004</option>
                    </select>
                    <select>
                        <option selected="selected">--请选择月份--</option>
                        <option>1</option>
                        <option>2</option>
                        <option>3</option>
                        <option>4</option>
                        <option>5</option>
                    </select>
                    <select>
                        <option selected="selected">--请选择日期--</option>
                        <option>1</option>
                        <option>2</option>
                        <option>3</option>
                        <option>4</option>
                        <option>5</option>
                    </select>
                </td>
            </tr>
            <tr>
                <td>
                    就读学校：
                </td>
                <td>
                    <input type="text">
                </td>

            </tr>
            <tr>
                <td>
                    应聘岗位：
                </td>
                <td>
                    <input type="checkbox"> 前端开发
                    <input type="checkbox"> 后端开发
                    <input type="checkbox"> 测试开发
                    <input type="checkbox"> 运维开发
                </td>
            </tr>
            <tr>
                <td>
                    掌握的技能：
                </td>
                <td>
                    <textarea rows="6" cols="50">
                    </textarea>
                </td>
            </tr>
            <tr>
                <td>
                    项目经历：
                </td>
                <td>
                    <textarea rows="6" cols="50">
                    </textarea>
                </td>
            </tr>
            <tr>
                <td>
                </td>
                <td>
                    <input type="checkbox"> 我已仔细阅读过公司的招聘要求
                </td>
            </tr>
            <tr>
                <td>
                    <h3>请应聘者确认：</h3>
                </td>
            </tr>
            <tr>
                <td>
                    
                </td>
                <td>
                    <ul>
                        <li>以上信息真实有效</li>
                        <li>能尽早进入公司实习</li>
                        <li>能接受公司的加班文化</li>
                    </ul>
                </td>
            </tr>
        </tbody>
    </table>
</body>

</html>

在这里插入图片描述

哈茶真的c
关注
  • 10
    点赞
  • 踩
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
第二十七章HTML.CSS综合案例
J3259392566的博客
06-04 517
666
（22）Vue.js 综合案例：TodoMVC
Java田根旺
02-04 965
一、TodoMVC介绍 TodoMVC 是一个经典项目，让开发者快速实践到框架开发方式。 官网地址：http://todomvc.com/ TodoMVC一句话评价：功能完备不冗余，多样实现引深思。 其实就说的是我们可以再内容中去使用到Vue.js的语法，但不会为了去练习语法而练习语法，再不同的场景体会语法带来的不同效果，对语法进行更深刻的理解。 二、TodoMVC准备工作 安装git版本控制工具：https://git-scm.com/ Git是一个开源的分布式版本控制系统，用于敏捷高效地.
HTML综合案例练习
moteandsunlight的博客
02-26 1159
可以首先看一下我们的效果，之后再思考怎么实现总的来说，这个练习不算难。这里关于这个简历的代码编写我们不说太多，只注意以下几个内容即可：注意及时查看我们的代码是否符合预期，即一段一段测基本信息那里的内容应该是普通文字，但是注意加换行符项目那里注意不同级别的划分功能介绍是二级的无序话不多说，直接看效果和源码！！ 二、简历内容填写 首先可以看一下我们最终的效果：接下来，我们思考怎么实现。这里由于这个练习代码相对更多，更琐碎，所以这里列了一个思维导图，帮助理解。 三、总结 关于HTML 总的来讲，html还是比较简
HTML+CSS基础综合案例
qq_53847322的博客
07-04 3088
1.尚合 效果图​​​​​​HTML代码如下： css代码如下： 成果图： 2.腾讯云 效果图html代码如下： css代码如下： 成果图如下：
第二十七章HTML.CSS综合案例（二）
J3259392566的博客
06-06 330
【代码】第二十七章HTML.CSS综合案例（二）
Web前端一套全部清晰 ③ day2 HTML.2 标签综合案例
m0_73983707的博客
04-26 501
分析内容 ——> 写代码 ——>保存——>刷新浏览器，看效果。从上到下，先整体到局部，逐步分析制作。
【网页前端】CSS进阶综合案例
专注于Java领域开发 关注我 带你玩转Java
07-27 297
列车时刻表、分块展示板 、商品广告页、信息介绍版
【前端】html综合案例：圣诞节的那些事、小说排行榜案例、注册页面
karshey的博客
09-15 2285
html综合案例：圣诞节的那些事、小说排行榜案例、注册页面
30个HTML+CSS前端开发案例（完结篇）
热门推荐
终成大师的博客
02-14 1万+
30个HTML+CSS前端开发案例（完结篇）
Web前端----Html基础的综合案例
软件测试的坑，让我来踩吧
08-03 754
随着计算机的不断发展，Web前端这门技术也越来越重要，很多人都开启了前端的学习，本篇文章就是简单的写了一下Html的语法，用来对Html进行基础的学习。一、Html是什么？HTML的全称为超文本标记语言，是一种标记语言。它包括一系列标签，通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。...
综合案例.html基础
06-12
先讲解HTML5常用标签，接着讲解CSS3常见样式，主要学习盒子模型，浮动，定位还有高级布局技巧，之后讲解HTML5和CSS3提高，讲解新增加的新特性，新语法，最后讲解PC端品优购项目。以及CSS3动画 2d 3d效果。
21秋《Web前端综合案例开发》离线作业1.docx
12-16
本文档总结了 Web 前端综合案例开发离线作业1 的相关知识点，涵盖 HTML、CSS、JavaScript、jQuery 等技术领域。 1. HTML 基础知识 HTML（HyperText Markup Language）是一种用于创建网页的标记语言。该文档中的 ...
Web前端学习项目，HTML+CSS+JS，学习过程中的一些小案例和综合项目.zip
01-02
Web前端学习项目，HTML+CSS+JS，学习过程中的一些小案例和综合项目 Web前端学习项目，HTML+CSS+JS，学习过程中的一些小案例和综合项目 Web前端学习项目，HTML+CSS+JS，学习过程中的一些小案例和综合项目 Web前端学习...
web前端开发综合实例
06-10
响应式页面
js进阶知识点梳理练习综合案例.html
08-18
测试一下js的api阶段学的怎么样
Web前端网站设计案例：深入剖析创意与技术的完美融合
liyrbtqe_66w的博客
06-12 453
在性能优化方面，设计师通过压缩代码、减少HTTP请求、使用CDN等技术手段，提升了网站的加载速度和响应性能，为用户提供了更加流畅的访问体验。综上所述，本Web前端网站设计案例通过视觉设计、用户体验、技术实现、性能优化、创意表达、响应式设计和跨平台兼容等方面的综合考量，成功打造了一款既美观又实用的网站。这个案例充分展示了Web前端设计的魅力和潜力，为未来的网站设计提供了有益的借鉴和启示。设计师通过独特的视觉元素和创意构思，将品牌理念和文化内涵融入其中，使得整个网站在传达信息的同时，也展现出品牌的独特魅力。
HTML入门教程：深度解析HTML，开启你的前端技术之旅
最新发布
zhangwenok的博客
06-14 1449
HTML（HyperText Markup Language，超文本标记语言）是前端开发的基础，它负责构建网页的结构和内容。作为前端技术栈的基石，HTML的掌握程度直接影响到网页的开发效率和用户体验。本教程将带你从零开始，逐步深入了解HTML的各个方面，帮助你打下坚实的前端技术基础。HTML是一种用于创建网页的标准标记语言，它通过一系列的元素（elements）和标签（tags）来定义网页的结构和内容。HTML文档由一系列的元素组成，这些元素通过标签来标识。
Web前端设计大赛：创意与技术的碰撞
huejiaqwerty888的博客
06-12 561
在这场竞赛中，参赛者们不仅需要展现出独特的创意，还需要运用精湛的技术将创意转化为实际作品。本文将从四个方面、五个方面、六个方面和七个方面，深入剖析Web前端设计大赛的魅力和挑战。交互设计是Web前端设计的核心环节。参赛者需要关注页面的加载速度、响应速度以及操作的便捷性等方面，确保用户在使用过程中能够获得良好的体验。参赛者需要敢于突破传统的设计理念和技术限制，尝试新的设计手法和技术应用。参赛者需要在创意构思、视觉呈现、交互设计、用户体验、技术实现、性能优化以及创新性和可实践性等方面进行全面考虑和精心打造。
同时实现前端和后台的综合案例
05-29
好的，我可以为您提供一个综合的案例：一个在线购物网站。这个网站需要实现以下功能： 1. 用户注册和登录：用户可以注册一个账号，并且登录到网站上。 2. 商品展示：网站需要展示商品的信息，包括商品的名称、价格...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值