How to Create a Resume in HTML

Growth Trends for Related Jobs

Preparing an online version of your CV or resume is one of the easiest ways to edge ahead of the pack in your job-hunt pursuits. Not only will it show that you are technologically savvy, but it also shows that you have taken the time to go the extra mile with your resume presentation. Using HTML, and in some cases CSS style sheets, is the best method to creating your online resume. Don’t worry about implementing Adobe Flash, Java or Javascript in your resume. You want a simple, sleek and easy-to-read resume.

Open your saved resume on your computer. If you don't have a resume completed, first type it up in a word processor, then save it.

Copy the entire text from your resume. Select all by pressing "CTRL" and "A" simultaneously. Copy the selected area by pressing "CTRL" and "C" simultaneously. The selection is copied to the Clipboard.

Open your HTML editor.

Paste the copied text into the editor. Pressing "CTRL"and "V" simultaneously on your keyboard completes this task.

Select all the text and apply a left alignment, so everything is flush left.

Highlight your name at the top of your resume. Change the selected text style to a heading. Choose "H1" or "Heading 1" from the formatting styles.

Style your contact information with the typical paragraph styling.

Bold any sections by selecting "H2" or "Heading 2" from the formatting styles. Resume sections may include "Objective," "Experience," "Education," "Awards" and "Activities."

Apply list formatting to any bullet point lists you created on your resume. You'll want to highlight and select all the text in those areas. Select "List" or "LI" from the formatting styles. Each individual line is treated as a line item in HTML.

Add line breaks where necessary so the text is visually pleasing to the eyes. Add line spacing by navigating to the end of a line and pressing "Enter."

Add hyperlinks for your current or former employers. If you know their company website link, then use them. Select the employer name, click the hyperlink icon and then type in the link. Do this for each employer, if possible. This one step will go a long way with a prospective employer. It quickly directs him to your former employers.

Change the background color in your HTML editor if you don't desire a basic white. Choose only muted colors for the background.


If you use a word processor application, such as Microsoft Word, Microsoft Works or OpenOffice, you can export your resume document to a web-ready HTML file.

View your HTML resume on your computer's web browser. Test it in multiple browsers, if possible. Edit and make adjustments as needed.

Publish your HTML resume on your web hosting account only after you are satisfied with the look and feel. When it comes to online-resume design, simple and sleek is best.

About the Author

John Mitchell is an expert in all things technology, including social media and smart phones. He is a news ninja for Qwiki, bringing the latest news on the interactive platform. Mitchell graduated from the University of Sedona with a master's degree in pastoral counseling psychology and authored the book, "No More Taxes."

Cite this Article