HTML常用代码集合，背完这些基本可以自己做表白网页了

lt;marquee>...</marquee>普通卷动

<marquee behavior=slide>...</marquee>滑动

<marquee behavior=scroll>...</marquee>预设卷动

<marquee behavior=alternate>...</marquee>来回卷动

<marquee direction=down>...</marquee>向下卷动

<marquee direction=up>...</marquee>向上卷动

<marquee direction=right></marquee>向右卷动

<marquee direction=left></marquee>向左卷动

<marquee loop=2>...</marquee>卷动次数

<marquee width=180>...</marquee>设定宽度

<marquee height=30>...</marquee>设定高度

<marquee bgcolor=FF0000>...</marquee>设定背景颜色

<marquee scrollamount=30>...</marquee>设定卷动距离

<marquee scrolldelay=300>...</marquee>设定卷动时间

<!>字体效果

<h1>...</h1>标题字(最大)

<h6>...</h6>标题字(最小)

<b>...</b>粗体字

<strong>...</strong>粗体字(强调)

<i>...</i>斜体字

<em>...</em>斜体字(强调)

<dfn>...</dfn>斜体字(表示定义)

<u>...</u>底线

<ins>...</ins>底线(表示插入文字)

<strike>...</strike>横线

<s>...</s>删除线

<del>...</del>删除线(表示删除)

<kbd>...</kbd>键盘文字

<tt>...</tt> 打字体

<xmp>...</xmp>固定宽度字体(在文件中空白、换行、定位功能有效)

<plaintext>...</plaintext>固定宽度字体(不执行标记符号)

<listing>...</listing> 固定宽度小字体

<font color=00ff00>...</font>字体颜色

<font size=1>...</font>最小字体

<font style =font-size:100 px>...</font>无限增大

<!>区断标记

<hr>水平线

<hr size=9>水平线(设定大小)

<hr width=80%>水平线(设定宽度)

<hr color=ff0000>水平线(设定颜色)

<br>(换行)

<nobr>...</nobr>水域(不换行)

<p>...</p>水域(段落)

<center>...</center>置中

<!>连结格式

<base href=位址>(预设好连结路径)

<a href=位址></a>外部连结

<a href=位址 target=_blank></a>外部连结(另开新视窗)

<a href=位址 target=_top></a>外部连结(全视窗连结)

<a href=位址 target=页框名></a>外部连结(在指定页框连结)

<!>贴图/音乐

<img src=图片位址>贴图

<img src=图片位址 width=180>设定图片宽度

<img src=图片位址 height=30>设定图片高度

<img src=图片位址 alt=提示文字>设定图片提示文字

<img src=图片位址 border=1>设定图片边框

<bgsound src=MID音乐档位址>背景音乐设定

<!>表格语法

<table aling=left>...</table>表格位置,置左

<table aling=center>...</table>表格位置,置中

<table background=图片路径>...</table>背景图片的URL=就是路径网址

<table border=边框大小>...</table>设定表格边框大小(使用数字)

<table bgcolor=颜色码>...</table>设定表格的背景颜色

<table borderclor=颜色码>...</table>设定表格边框的颜色

<table borderclordark=颜色码>...</table>设定表格暗边框的颜色

<table borderclorlight=颜色码>...</table>设定表格亮边框的颜色

<table cellpadding=参数>...</table>指定内容与格线之间的间距(使用数字)

<table cellspacing=参数>...</table>指定格线与格线之间的距离(使用数字)

<table cols=参数>...</table>指定表格的栏数

<table frame=参数>...</table>设定表格外框线的显示方式

<table width=宽度>...</table>指定表格的宽度大小(使用数字)

<table height=高度>...</table>指定表格的高度大小(使用数字)

<td colspan=参数>...</td>指定储存格合并栏的栏数(使用数字)

<td rowspan=参数>...</td>指定储存格合并列的列数(使用数字)

<!>分割视窗

<frameset cols="20%,*">左右分割,将左边框架分割大小为20%右边框架的大小浏览器会自动调整

<frameset rows="20%,*">上下分割,将上面框架分割大小为20%下面框架的大小浏览器会自动调整

<frameset cols="20%,*">分割左右两个框架

<frameset cols="20%,*,20%">分割左中右三个框架

<分割上下两个框架

<frameset rows="20%,*,20%">分割上中下三个框架

<! - - ... - -> 注解

<a href target> 指定超连结的分割视窗

<a href=#锚的名称> 指定锚名称的超连结

<a href> 指定超连结

<a name=锚的名称> 被连结点的名称

<address>....</address> 用来显示电子邮箱地址

<b> 粗体字

<base target> 指定超连结的分割视窗

<basefont size> 更改预设字形大小

<bgsound src> 加入背景音乐

<big> 显示大字体

<blink> 闪烁的文字

<body text link vlink> 设定文字颜色

<body> 显示本文

<br> 换行

<caption align> 设定表格标题位置

<caption>...</caption> 为表格加上标题

<center> 向中对齐

<cite>...<cite> 用於引经据典的文字

<code>...</code> 用於列出一段程式码

<comment>...</comment> 加上注解

<dd> 设定定义列表的项目解说

<dfn>...</dfn> 显示"定义"文字

<dir>...</dir> 列表文字标签

<dl>...</dl> 设定定义列表的标签

<dt> 设定定义列表的项目

<em> 强调之用

<font face> 任意指定所用的字形

<font size> 设定字体大小

<form action> 设定户动式表单的处理方式

<form method> 设定户动式表单之资料传送方式

<frame marginheight> 设定视窗的上下边界

<frame marginwidth> 设定视窗的左右边界

<frame name> 为分割视窗命名

<frame noresize> 锁住分割视窗的大小

<frame scrolling> 设定分割视窗的卷轴

<frame src> 将html档加入视窗

<frameset cols> 将视窗分割成左右的子视窗

<frameset rows> 将视窗分割成上下的子视窗

<frameset>...</frameset> 划分分割视窗

<h1>~<h6> 设定文字大小

<head> 标示文件资讯

<hr> 加上分格线

<html> 文件的开始与结束

<i> 斜体字

<img align> 调整图形影像的位置

<img alt> 为你的图形影像加注

<img dynsrc loop> 加入影片

<img height width> 插入图片并预设图形大小

<img hspace> 插入图片并预设图形的左右边界

<img lowsrc> 预载图片功能

<img src border> 设定图片边界

<img src> 插入图片

<img vspace> 插入图片并预设图形的上下边界

<input type name value> 在表单中加入输入栏位

<isindex> 定义查询用表单

<kbd>...</kbd> 表示使用者输入文字

<li type>...</li> 列表的项目 ( 可指定符号 )

<marquee> 跑马灯效果

<menu>...</menu> 条列文字标签

<multiple> 可同时选择多项的列表栏

<noframe> 定义不出现分割视窗的文字

<ol>...</ol> 有序号的列表

<option> 定义表单中列表栏的项目

<p align> 设定对齐方向

<p> 分段

<person>...</person> 显示人名

<pre> 使用原有排列

<samp>...</samp> 用於引用字

<select>...</select> 在表单中定义列表栏

<small> 显示小字体

<strike> 文字加横线

<strong> 用於加强语气

<sub> 下标字

<sup> 上标字

<table border=n> 调整表格的宽线高度

<table cellpadding> 调整资料栏位之边界

<table cellspacing> 调整表格线的宽度

<table height> 调整表格的高度

<table width> 调整表格的宽度

<table>...</table> 产生表格的标签

<td align> 调整表格栏位之左右对齐

<td bgcolor> 设定表格栏位之背景颜色

<td colspan rowspan> 表格栏位的合并

<td nowrap> 设定表格栏位不换行

<td valign> 调整表格栏位之上下对齐

<td width> 调整表格栏位宽度

<td>...</td> 定义表格的资料栏位

<textarea name rows cols> 表单中加入多少列的文字输入栏

<textarea wrap> 决定文字输入栏是自动否换行

<th>...</th> 定义表格的标头栏位

<title> 文件标题

<tr>...</tr> 定义表格美一行

<tt> 打字机字体

<u> 文字加底线

<ul type>...</ul> 无序号的列表 ( 可指定符号 )

<var>...</var> 用於显示变数

上就要到一年一度，最适合找工作的时间段：金三银四。另外一个时间段是：金九银十。金三银四的大意是：最好的时间是三月，其次是四月。同理于金九银十，最好的时间是九月，其次是十月。反正我也是在几年前，道听途说过来的。一过完年，一交流总会多些想法，就有了金三银四。金九银十则是，一些公司在年中的时候，发去年的年终奖。

今年的行情虽然没有去年火热，但是你仍应该拾掇拾掇一下你的简历，万一机会来了呢？

跳槽的 N 个原因

作为一个技术人员，如果你满足以下条件中的任意一个，你应该去看看更多的机会：

钱少了
技术空间增长太少
没有发展空间
心里委屈了

以及

老板招你的时候，和你谈理想。现在，老板问你说：理想能赚钱吗？
加班太多——都没有时间约会或者女朋友和别人跑了
你的女朋友在北京，而你在上海
这个技术公司已经没有大牛了

这不是马上就要到，传说中一年一度的狗粮节了么。回到正题，一份优秀的前端开发工程师简历是怎么样的？。

一份优秀的前端开发工程师简历

这个嘛，我觉得应该是这样的：

然后呢，HR 只需要打开这个 PDF 中的 GitHub 链接即可：

这才叫优秀嘛，你说是不是？

好了，写完段子了，让我们来看正文。

简历的 N 种错误姿势

这些年来，我也多多少少了，看了一些简历。也稍微有一些经验，让我先罗列一下问题，再说说原因：

打开姿势

简历造假。任何造假的行为都是不能容忍的，这个问题容易出现在不自信的面试者身上。还容易出现在培训机构的学生上——我并没有任何歧视培训机构培训的学生，我只歧视培训机构及其行为。即使你能幸运的通过面试，在工作的时候，你也有可能被觉察出来。

不适当的文件名。当我收到一份简历，你可以是 xxx.pdf，可以是 xx公司xx.pdf，但是不能是 all.pdf、resume.pdf 这样的文件名。我还需要帮你重新命名一下，然后存档么？在简历的文件名上，你要突出重点，谁，需要什么岗位，如：李小明Android工程师_简历.pdf

使用 PDF 以外的格式，如PPT、DOCX、HTML。PDF 是我目前看到兼容性最好的格式，要知道 Windows 上写的 TXT 在 Mac OS 上打开都会有编码问题。DOCX 就更不用说了，我司标配的 Office 是 LibreOffice，打开的文件 100% 出问题。PPT 我就不说了，虽然很帅，但是我很累——要面试的人是你，不是我。

呵呵~

Be Professional

语法问题。在平时的时候，你可以将一些技术栈的单词拼错。但是在简历上，请认真一点~，最好可以找基友帮你过一遍。该大写的时候就应该大写，如 HTML 不应该写成 html 或者 Html，Java 8 不应该写在 JAVA 8 或者 java 8，乃至 J8。

排版问题。像审美风格这样就算是其次的，该换行的时候就要换行，该对齐的时候就应该对齐。好在大家都是用模板来完成的，这个问题不大。

没有项目经验或者无用的项目经验。只是罗列技术栈，没有写你做了什么。这种感觉就好像，我在 BAT 里都干过，只不过是我是在里面扫地的。作为一个美团外卖员工，天天进百度外卖大楼去送外卖——除了没被打死，你还有什么可以自豪的？。

写了一些无关紧要的废话。谁 TM 想知道你和你家大伯的女儿关系，以及你在中小学的时候去哪玩了。除此，你在大学的时候做的家教、兼职也不重要。你要来面试的是一份技术工作、技术工作、技术工作，不是销售，也不是大家老师。如果你是党员，你也不用突出你是有多爱党。毕竟，作为一个普通人，我们都拥互党的领导的。

不作死

罗列技术栈。不要在简历上，写上太多的无关技术栈。写到简历上的东西，都会成为你的呈堂证供。如我毕业的时候，准备了三种不同类型的简历，嵌入式工程师的、Web 工程师的、包含两者的。然后在专业技能上，我列举了我玩过的各个东西。在现在看来，简直是。。。

简直是作死。当年，我写在简历上的每一个内容，都被一一过问了一遍。

程序员该如何去写自己的简历

简历就是简单的介绍一下你自己有多 NB。所以，你需要介绍以下的内容：

我是谁。
我会什么。
做过什么。
结果如何。

然后把这些内容放到一个模子里，就可以了。

选择一套模板

如果你并非设计师，或者想要相关的求职岗位，那么请不要在简历的样式上花时间。你应该将更多的时间花费在简历的内容上吧。作为一个技术岗位，面试官想看的是你能干什么，而不是漂亮不漂亮。你又不是要面试鼓励师程序员 = 鼓励师 + 程序员。

然后推荐下我用的模板，LaTex 里的 modercv 模板。就是这样的效果：

这个模板最大的优点是，写废话的地方很少。最大的缺点是：你需要学习 LaTex。你可以轻松地写上你的各种经历，并且排版出来的效果很不错。

首屏加载：在第一页尽可能突出自己

这里有一个突出自己的，最好例子：

本人学识渊博、经验丰富，代码风骚、效率恐怖，c/c++、java、php无不精通，熟练掌握各种框架，深山苦练20余年，一天只睡4小时，千里之外定位问题，瞬息之间修复上线。身体强壮、健步如飞，可连续编程100小时不休息，讨论技术方案5小时不喝水，上至带项目、出方案，下至盗账号、威胁pm，啥都能干。泡面矿泉水已备好，学校不支持编程已辍学，家人不支持编程已断绝关系，老婆不支持编程已离婚，小孩不支持编程已送孤儿院，备用电源万兆光纤永不断电断网，门口已埋雷无人打扰

因此，你要保证 HR 可以轻松地打开你的简历，并且可以看到他们想要看的内容。如果你使用 GitHub Pages 和网页的时候，就要注意这个问题。并不是所有的 HR 都会翻墙的，并不是所有公司访问外网都会很轻松的。

你刚毕业不久的时候，你应该突出你在学校的成果：

工作的时候，便是突出你的公司，和 NB 的项目。

毕业到工作：从看学校到看公司

校招的时候，你可以把你在学校玩过的各种东西都写在上面，如下：

就是要把你玩过的、觉得很 High 的东西都往上写。毕竟大部分人都是玩游戏过来的，然后你还玩过这么多东西，面试官对你的印象一定特定好。不过，还是那一点，不要造假——写到简历上的东西，都会成为你的呈堂证供。作为一个 Play for Fun 的程序员，谁的大家不是这么玩过来的。

除了这种玩可以为你加分之后，还有：

211 985高校加分
硕士学历加分
大公司实习经验加分
GitHub、博客加分
ACM 等比赛加分
项目经验加分
等等

而，等你工作多年后，教育经历就变成无关经历了。这时候加分的内容就变成：

BAT 等大公司加分
NB 的开源项目加分
与本公司相关的项目经验加分
行业大牛，自带光环
技术栈完全匹配加分
GitHub、博客加分
认识 Phodal 加分 （我的意思：内推）
等等

这个世界就会从看学校到看公司。所以，如果你毕业的时候遇到这样一个选择：大公司还是创业公司。请考虑上这一点因素，如果这家创业公司倒了，那么你的下家就不好找了。反之，你从大公司要进入小公司，则是轻轻松松地一件事。

推荐JAVA架构师学习路线

针对下面的技术我特意整理了一下，有很多技术不是靠几句话能讲清楚，所以干脆找朋友录制了一些视频，要做到知其然还要知其所以然。如果想学习Java工程化、高性能及分布式、深入浅出。性能调优、Spring，MyBatis，Netty源码分析的朋友可以加我的Java进阶群：575745314 ，群里有阿里大牛直播讲解技术，以及Java大型互联网技术的视频免费分享给大家。

进群：可以领取免费的架构师学习资料。

进群：了解最新的学习动态

进群：了解最新的阿里，京东招聘资讯

进群：获取更多的面试资料

1、具有1-5工作经验的，面对目前流行的技术不知从何下手，需要突破技术瓶颈的可以加群。

2、在公司待久了，过得很安逸，但跳槽时面试碰壁。需要在短时间内进修、跳槽拿高薪的可以加群。

3、如果没有工作经验，但基础非常扎实，对java工作机制，常用设计思想，常用java开发框架掌握熟练的，可以加群。

4、觉得自己很牛B，一般需求都能搞定。但是所学的知识点没有系统化，很难在技术领域继续突破的可以加群。

5.群号：高级架构群：575745314 备注好信息！

6.阿里Java高级架构师直播讲解知识点，分享知识，多年工作经验的梳理和总结，带着大家全面、科学地建立自己的技术体系和技术认知！

　很多想要找web前端开发工作的小伙伴都不知道简历该如何制作，特别是对于才从重庆it培训学习完的小伙伴，虽然积累了一些项目开发经验，但始终没有企业的工作经验，而不知道该如何包装自己的简历。千锋重庆培训就告诉大家无经验小白的web前端面试简历该怎么写。

　　web前端面试简历该怎么写?我们可以先从企业的招聘要求出发，先来看看企业对前端开发岗位的要求大致是什么：

　　1. 三年以上Web前端工作经验，能够独立完成中小型网站的页面和交互设计;

　　2. 熟练编写html、CSS、JavaScript代码，了解相关技术的最新标准;

　　3. 熟悉jQuery、Ajax、bootstrap、响应式网页设计，了解canvas、WebGL;

　　4. 熟悉至少一种Web前端开发框架，例如: AngularJS/React/Vue;

　　5. 技能/经验加分项：Node.js;Electron/NW.js; Android/iOS App设计;数据可视化。

　　一、web前端面试简历该怎么写?——职业技能

　　不难看出，除了简历的个人基本信息外，职业技能和项目经验是企业非常看重的。职业技能包括基本的前端三要素html、CSS、JavaScript、前端开发框架、前端技术等。

　　二、web前端面试简历该怎么写?——项目工作经验

　　如果是应届生可以写一些前端开发相关的经验，工作经验本来就没有。而从it培训毕业的肯定会有一些项目经验，挑选自己做得比较好的1-2个着重写，可以根据企业具体的技术要求来选择。工作经验当然就只能先构造，只要技术达标，企业也是不会深究的。

　　三、web前端面试简历该怎么写?——关于面试

　　多去看看一些面试题目。面试题目网上很多的，一搜一大把。如果是在重庆it培训班，也会有专门的就业指导的。我们需要调整好自己的心态和状态，不要在面试时因为胆怯而与工作失之交臂。

如果你对web前端开发开发学习感兴趣想要免费教程可私信，还可阅读：閲嶅簡Web鍓嶇寮€鍙戠殑灏变笟鍓嶆櫙鎬庝箞鏍凤紵鍙互閫夋嫨鍝簺宀椾綅锛� - 鍗冮攱鏁欒偛

在线咨询

上一篇：手把手教你前端的各种文件上传攻略和大文件断点续传
下一篇：CSS-设置水平居中总结

您的项目需求

*请认真填写需求信息，我们会在24小时内与您取得联系。

整合营销服务商

HTML常用代码集合，背完这些基本可以自己做表白网页了

您的项目需求