HomeworkLib
Question

Create a html5 document template. the correct HTML5 document structure (!doctype, html, head, body) a title...

Create a html5 document template.

  • the correct HTML5 document structure (!doctype, html, head, body)
  • a title for your web page
  • heading tags to break up the various sections of your content (About Me, Education, Employment, etc.)
  • paragraph tags around all paragraphs
  • a link to at least two websites (perhaps link to your college or place of employment)
  • at least one ordered or unordered list (perhaps for your interests or accomplishments)
  • at least one image

  • Your html page should include ALL of the following tags (opened and closed tags where appropriate).

    • DOCTYPE
    • html
    • head
    • title
    • body
    • p
    • h1, h2, h3, etc. (you do not need to use all of the heading sizes)
    • img
    • a
    • ul/ol
    • li
engineering   Computer-Science   
0 0
Add a comment Improve this question Transcribed image text
Next > < Previous
Sort answers by oldest

Homework Answers

Answer #1

Code -

<!DOCTYPE html>

<html>

<head>

<style>

div {

border-radius: 5px;

}

#header {

position: fixed;

z-index: 1;

height: 40px;

width: 98%;

background-color: #668284;

margin-bottom: 10px

}

#name {

float: left;

margin-left: 20px;

padding-bottom: 10px;

font-size: 16px;

font-family: Verdana, sans-serif;

color: #ffffff;

}

#email {

float: right;

margin-right: 20px;

padding-bottom: 10px;

font-size: 16px;

font-family: Verdana, sans-serif;

color: #ffffff;

}

#contact {

margin-left: 45%;

padding-bottom: 10px;

font-size: 16px;

font-family: Verdana, sans-serif;

color: #ffffff;

}

a:hover {

font-weight: bold;

}

.right {

float: left;

margin-top: 50px;

padding-left: 5px;

height: auto;

width: 99%;

background-color: #E3EDD8;

}


#footer {

height: 40px;

clear: both;

position: relative;

background-color: #C1E3E1;

}

h3 {

text-decoration: underline;

}

#job-responsibilities {

padding: 1px;

}

.job-title {

font-weight: bold;

}

table {

border: 1px dashed black;

}

td {

padding: 2px;

border: 1px solid #E88741;

}

#skills_name {

font-weight: bold;

}

#company-name {

height: 2px;

text-decoration: underline;

}

#job-title {

height: 5px;

}

.job-duration {

float: right;

}

#heading {

font-weight: bold;

}

</style>

<title>Resume</title>

</head>

<body>

<div id="header">

<p id="name">Bryan John</p>

<a href="mailto:bryanjohn@com" target="_blank">

<p id="email">bryanjohn@com</p>

</a>

<p id="contact">+1 (786) 395-5489</p>

</div>

<div class="left">

</div>

<div class="right">

<h3>CV Highlights</h3>

<p>

<ul>

<li>Programming Skills:- C , C++ , Core Java , DSA , J2EE (JSP)</li>

<li>Web Skills :- HTML5 , CSS3 , SASS , JavaScript , jQuery ,Bootstrap , GreenSock GSAP for animation ,

Angular 5 ( using Angular Material design) , Typescript , Ionic, NodeJs, Moongse.</li>

<li>Operating System :- Windows, Linux.</li>

</ul>

</p>

<h3>Professional Experience</h3>

<h4 id="company-name">Scientific Games India Pvt. Ltd , Las Vegas, US</h4>

<p id="job-title"><strong>Associate Software Engineer</strong></p>

<p id="job-responsibilities">Job Responsbilities</p>

<p>

<ul>

<li>Design & Developed a Responsive Web Application in Angular framework with the use Angular Material

design.</li>

<li>Working on games which runs on web browser using a typescript framework.</li>

<li>Design & Developed a Responsive Web Application with the use of Ionic framework , Typescript , CSS3

</li>

<li>Built and installed reusable codes and libraries for future reference</li>

</ul>

</p>

<h3>Educational Qualifications</h3>

<table>

<tr id="heading">

<td>Qualification</td>

<td>Board</td>

<td>Percentage / Grades</td>

<td>Year</td>

</tr>

<tr>

<td>SECONDARY EDUCATION</td>

<td>ST. ANTHONY SR. SEC.

SCHOOL</td>

<td>82%</td>

<td>2010-2011</td>

</tr>

<tr>

<td>SENIOR SECONDARY EDUCATION</td>

<td>ST. ANTHONY SR. SEC.

SCHOOL</td>

<td>86.6%</td>

<td>2012-1013</td>

</tr>

<tr>

<td>B.TECH</td>

<td>Oxford University</td>

<td>A Grade</td>

<td>2013-2017</td>

</tr>

</table>

<h3>Independent Courses</h3>

<p>

<ul>

<li>

<span id="skills_name">HTML5 & CSS3 for Beginners – Web Fundamentals</span> – Codecademy.com</li>

<li>

<span id="skills_name">Python core – Fundamentals and Dynamic Programming </span> - Codecademy.com

</li>

<li>

<span id="skills_name">JavaScript OOD – Programming Basics, JS Apps and Build Games </span> -

Codecademy.com</li>

<li>

<span id="skills_name">Introduction to Computer Science - Building a Web Crawler</span> -

Udacity.com</li>

<li>

<span id="skills_name"> Introduction to Computer Science I</span> – edX.org & Harvard

University</li>

</ul>

<h3>Technical Skills</h3>

<p>

<ul>

<li>

<span id="skills_name">Operating Systems:</span> DOS, Windows 98, Windows 2000, Windows XP,

Windows Vista, Windows 7, Windows 8 , Windows 10, Macintosh Computers (OS X), Linux

(Ubuntu)</li>

<li>

<span id="skills_name">Application Software:</span> Office 97-2003; Office XP, Office 2007,

Office for Mac 2011, iWork ’09, Sage Accounting Software, Sage 50 (Accounting Software), Excel

2003/2007 for Financial Modelling spreadsheets.</li>

<li>

<span id="skills_name">Programming Skills:</span>HTML, CSS, Python, JavaScript, learning C and

C++</li>

</ul>

</p>

<h3>Certifications / Awards:</h3>

<p>

<ul>

<li>Scored highest in ACCA P1 – Governance, Risk & Ethics exam – June 2012 session amongst full time

international students at Kaplan Financial, London.</li>

<li>Interviewed by ACCA for “international ACCA student in UK”, interview published in January 2012

edition of ACCA Student Accountant Magazine.</li>

<li>Interviewed by ACCA for “international ACCA student in UK”, interview published in January 2012

edition of ACCA Student Accountant Magazine.</li>

</ul>

</p>

<h3>Personal Information:</h3>

<p>

<ul>

<li>

I am a young, determined hard and smart working person. I believe in task based roles and complete

ownership of work.

<li>

<span id="skills_name">Languages Known:</span>English</li>

<li>

<span id="skills_name">Hobbies:</span>I love reading Bike Riding and IT related books / magazines,

playing Chess, swimming, listening music, Surfing Internet.

</li>

</ul>

</p>

<h3>Other Information</h3>

<p>

<ul>

<li>

<span id="skills_name">Expected Salary:</span>As per company standards</li>

<li>

<span id="skills_name">Area of Interest:</span>Software Development, Programming, Start-ups,

Coding, App Development</li>

<li>

<span id="skills_name">Joining Date:</span>Immediate</li>

</ul>

</p>

<h3>Declaration</h3>

<p>

I hereby declare that the details furnished above are true and correct to the best of my knowledge and

belief.</p>

</div>

<div id="footer"></div>

</body>

</html>

Screenshots -

0 0
Add a comment
Know the answer?
Add Answer to:
Create a html5 document template. the correct HTML5 document structure (!doctype, html, head, body) a title...
Your Answer:

Post as a guest

Your Name:

What's your source?

Earn Coins

Coins can be redeemed for fabulous gifts.

Log In

Sign Up

Not the answer you're looking for? Ask your own homework help question. Our experts will answer your question WITHIN MINUTES for Free.
Similar Homework Help Questions

  • 5. (HTML) Given the following HTML document: <html> <head> <title>HTML</title> </head> <body> <h1>Learn HTML</h1> <a href...

    5. (HTML) Given the following HTML document: <html> <head> <title>HTML</title> </head> <body> <h1>Learn HTML</h1> <a href = "https://www.w3schools.com/html/default.asp">HTML5 Tutorial</a> </body> </html> a. [3] Sketch approximately how it will be displayed in a web browser. b. [2] What is the protocol, hostname, top-level domain name, and name of the HTML5 Tutorial page being linked to here?

  • 6. (HTML) Given the following HTML document: <html> <head> <title>Grandma Cafe</title> </head> <body> <h1>Menu</h1> <ol> <li>Café...

    6. (HTML) Given the following HTML document: <html> <head> <title>Grandma Cafe</title> </head> <body> <h1>Menu</h1> <ol> <li>Café Latte</li> <li>Café Mocha</li> <li>Cappuccino</li> </ol> <img src="https://businessexchange.ca/wp-content/uploads/2018/05/coffee- shop-1.jpg" /> </body> </html> a. [4] Sketch approximately how it will be displayed in a web browser. (For media items such as images, just draw a box labelled with the media type.) b. [2] What is the protocol, hostname, top-level domain name, and file name of the image being linked here?

  • HTML Decide on a subject for your first web page. All page content must be related...

    HTML Decide on a subject for your first web page. All page content must be related to this subject. Create your first web page. Name the file Brandon-Lab01.html. The page must contain the foundation !DOCTYPE, html, head, and body tags. The html tag must also include the lang attribute with a value of en Place the following in the head of your page: Title the page Lab 1 - Brandon. Add the meta character set tag. A <link href="Lab01.css" rel="stylesheet"...

  • Given the HTML5 code below, please add embedded css snippets in the code to configure it...

    Given the HTML5 code below, please add embedded css snippets in the code to configure it with the requirements below: (4%) for the entire web page, set text color as black and background color as white (3%); for text in heading 1 tags, set text font-size as 200%, text font type face as Arial, or sans-serif. (3%) You can copy the code below, paste it in answer area, and then insert your code appropriately): <!DOCTYPE html> <html lang="en"> <head> <meta...

  • This is my code so far: <!DOCTYPE html> <html> <head> <title>JavaScript is fun</title> <meta charset="utf-8" />...

    This is my code so far: <!DOCTYPE html> <html> <head> <title>JavaScript is fun</title> <meta charset="utf-8" /> </head> <body> <script type ="text/javascript"> //declare a variable and store text in it var x = "JavaScript is fun"; //write the variable 5 times document.write(x + x + x + x + x); //store 5 as string in variable x x = "5"; //store 3 as string in variable y var y = "3"; //write the value x + y to the document document.write("<br>");...

  • OMILJ LU JUDMIng dlile upload For the assignment you will be creating an HTML page for...

    OMILJ LU JUDMIng dlile upload For the assignment you will be creating an HTML page for a topic of your choosing. The page must be consistent in the content. Examples could include a page about a favorite author, a city, a sports team, a car brand, etc. The page must include the following requirements. Remember to use line breaks, paragraphs, headers, and lists for formatting • Include the doctype for HTML5 • Include 3 or more paragraphs <p> tag (content...

  • Code for the movies page: <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />...

    Code for the movies page: <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="stylesheet" type="text/css" href="style.css" /> <title>Daniel's Movie Page</title> </head> <body> <a href="hobbies.html">Hobbies</a> <h1>Movies and Actors</h1> <ol> <li class="ol-list1">Gravity</li> <li>Avenger</li> <li>Marshal</li> <li>Interstellar</li> <li>Dark Knight</li> <li>Superman</li> </ol> <ul> <li class="ul-list1">Robet Downey jr.</li> <li>Sharuk Khan</li> <li>Ranbir Kapoor</li> <li>Sidhhart Malhotra</li> <li>Angela Joli</li> <li>Leonardo DiCaprio/li> </ul> <h2>Favorite Movie</h2> <p> <b>Gravity:</b> The movie portrayed what happens to an astronaut if he/she is pushed away from spaceship.It was terrifying how much...

  • Please I need help to create a website, using HTML5, that connects to Microsoft SQL Server...

    Please I need help to create a website, using HTML5, that connects to Microsoft SQL Server This what I came up with but I don’t know how to get it to connect to my server? Please help <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" > <head>     <title>Untitled Page</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>     <script>     $(document).ready(function(){         $("#Button1").click(function(){         var database = openDatabase($("#Text1").val(), "1.0", "Contact Manager", 200000);                  });       });     </script> </head> <body> <span>Enter DataBase Name: <input id="Text1" type="text" /></span> <span> <input...

  • <!DOCTYPE HTML> <html lang="en"> <head>    <meta charset="utf-8"> <title>Plaid Scarf Selector</title>    <link rel="stylesheet" href="a3.css" />...

    <!DOCTYPE HTML> <html lang="en"> <head>    <meta charset="utf-8"> <title>Plaid Scarf Selector</title>    <link rel="stylesheet" href="a3.css" />    <script src="a3.js"> </script> </head> <body>    <section>        <h1> Plaid Scarf Selector </h1><br>        <p>Feels close to real cashmere (but costs a lot less).        Think of this scarf as the next best thing to wearing authentic cashmere.        Its microsueded fabric really is that soft. In fact, at first touch some        mistake if for the real...

  • Hey I am having an issue with my HTML5 document. Everything is working fine except that...

    Hey I am having an issue with my HTML5 document. Everything is working fine except that I am not sure how to make my <h1> Objective </h1> to align towards the left. I have tried for instance <p align = "Left"> <h1> <strong>Objective </strong> </h1> </p> Any help would be great. Thanks <!DOCTYPE html> <html> <!-- Do I need to use <head> right here? I tried it without head or urf-8 and it worked--> <!-- I'm still a bit confused...

ADVERTISEMENT
Free Homework Help App
Download From Google Play
Scan Your Homework
to Get Instant Free Answers
Need Online Homework Help?
Ask a Question
Get Answers For Free
Most questions answered within 3 hours.
ADVERTISEMENT
ADVERTISEMENT