Question

CS 602 Server Side development hw1c please explain and comment the following html code <b>Employees with...

CS 602 Server Side development hw1c please explain and comment the following html code

<b>Employees with Last Name {{name}}</b>
<hr/>
<table border=1>
    <tr><th>Id</th><th>First Name</th><th>Last Name</th></tr>
    {{#each employees}}
       <tr>
          <td>{{this.id}}</td>
          <td>{{this.firstName}}</td>
          <td>{{this.lastName}}</td>
       <tr>
    {{/each}}
</table>


part two

<!doctype html>
<html>
<head>
   <title>CS602 HW2</title>
</head>
<body>
<header>
   <img src="/images/bu-logo.gif" alt="logo">
</header>
<h3>CS602 HW2 - Your Name</h3>
<a href="/addEmployee">Add Employee</a>
<hr/>
  
   {{{body}}}

</body>
</html>

0 0
Add a comment Improve this question Transcribed image text
Answer #1

Answer 1:

//Most probably HandleBar.js is used in the below code.

//In below line name field is dynamically added. The values present inside braces will come dynamically from JAVASCRIPT //other than that A static message "Employees with Last Name" which will come as a bold font with value for name added //dynamically.

<b>Employees with Last Name {{name}}</b>

//<hr> tag is used to divide the content in the HTML page it appears as s straight line horizontally.

<hr/>

// A table tag defines a HTML table with border value as 1 which will define a table with thin outline, the higher the border value increases the more thicker the table outline.
<table border=1>

//The <tr> tag defines a table row, <th> tag defines table header.
    <tr><th>Id</th><th>First Name</th><th>Last Name</th></tr>

//Already a list of employees object is available. In the below line the employees objects is looped and each employee will be //displayed one after one in the table in subsequent rows until the last employee object.
    {{#each employees}}
       <tr>

//<td> tag defined the cell of the table in within which the data is displayed
          <td>{{this.id}}</td>
          <td>{{this.firstName}}</td>
          <td>{{this.lastName}}</td>
       <tr>

//end of the loop
    {{/each}}

//end of the table attribute
</table>

----------------------------------------------------------------------------------------------------------------------------------------------------------------------

Answer 2:

//the <!doctype html> tag is used to inform browser that the whole document should be rendered as a HTML document.

//Using the tag will make the document compliant with the HTML standards

<!doctype html>

//<html> tag to denote the document as a HTML document
<html>

//<head> tag consists the information about the document. It can consists the title tag . style tag . meta tag link tag etc inside it.
<head>

//<title> tag contains the title of the document.

<title>CS602 HW2</title>

//end of </head> tag
</head>

//<body> tag defines the document body and consists inside html elements like tables, div , hyperlinks, lists etc..
<body>

//<header> tag creates the container for content and we can have links for navigation inside. The elements can be //present inside <h1>-<h6> tags ,logo or even images.
<header>

//<img> image tag loads the image available in location of src at the time of rendering. The value inside alt is the //alternative name for the image
   <img src="/images/bu-logo.gif" alt="logo">
//end of header content

</header>

//<h3> tag is used to define heading. The content inside the <h3> will be rendered in height related to <h3> tag.

<h3>CS602 HW2 - Your Name</h3>

//<a> anchor tag is used to create a hyperlink. A link is created for "Add Employee" content clicking on the link will //redirect to link associated
<a href="/addEmployee">Add Employee</a>

//end of hr tag

<hr/>
//the content inside the braces will be displayed during rendering from data available in JAVASCRIPT file.
   {{{body}}}

//end of body

</body>

//end of HTML
</html>

-----------------------------------------------------------------------------------------------------------------------------------------------------------------------

Add a comment
Know the answer?
Add Answer to:
CS 602 Server Side development hw1c please explain and comment the following html code <b>Employees with...
Your Answer:

Post as a guest

Your Name:

What's your source?

Earn Coins

Coins can be redeemed for fabulous gifts.

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
  • Hello Ive been tryting to add the CDN of jquery to my html code and I...

    Hello Ive been tryting to add the CDN of jquery to my html code and I keep getting an error Need help with this : ​​ Navigate to www.code.jquery.com in your Chrome browser. On this page, you'll find different stable versions of jQuery. Select uncompressed for jQuery Core 3.3.1. Copy the <script> tag that is given to you. In store_hours.html, paste that tag directly above your body's closing tag. This is the jQuery CDN. After you paste this code into...

  • <!DOCTYPE html> <html> <head> <title>Products</title> <style> .heading { text-align: center; font-size: 40px; } #menu { text-align:...

    <!DOCTYPE html> <html> <head> <title>Products</title> <style> .heading { text-align: center; font-size: 40px; } #menu { text-align: center; } #menu li { display: inline; font-size: 26px; margin-left: 20px; } .container{ overflow: hidden; margin: 30px; } img { float: left; width: 40vh; height: 40vh; margin-left: 10%; } table { float: right; margin-right: 10%; } table, th, td { border: 1px solid black; border-collapse: collapse; } th, td { font-size: 26px; padding: 10px; text-align: left; } a { color: black; } a:visted {...

  • HTML/CSS: Modify the table you created in hands-on exercise 8.1 to be centered on the page,...

    HTML/CSS: Modify the table you created in hands-on exercise 8.1 to be centered on the page, use a background color of #CCCC99, and display text in arial or the browser default sans-serif font. Configure this table using CSS instead of obsolete HTML attributes. Place an e-mail link to yourself on the web page. Save the file as mytable.html. HERE IS THE CODE FOR 8.1: <!DOCTYPE html> <html lang="en"> <head> <title>Practice with Tables</title> <meta charset="utf-8"> </head> <body> <table border="1" > <caption>School...

  • Modify the following given Java program. You are expected to modify the supplied Exercise1.java to print...

    Modify the following given Java program. You are expected to modify the supplied Exercise1.java to print just the last lines of each paragraph in HTML format. Copy and paste the Sample input on the console then print the Expected output. import java.util.Scanner; public class Exercise1 { /** A simple static string for HTML & table header. */ private static final String HTMLHeader = "<!DOCTYPE html>\n" + " <html>\n" + " <head>\n" + " <title>CSE: Exercise 1</title>\n" + " </head>\n" +...

  • HTML Coding <html> <head> <title> Contact -- Charles Robertson </title> </head> <body bgcolor="white"> <table width="700" height="500"...

    HTML Coding <html> <head> <title> Contact -- Charles Robertson </title> </head> <body bgcolor="white"> <table width="700" height="500" border="10"> <!-----row---1----logo---> <tr><td> <img src="20150516_084745" width="700" height="200"> </td></tr> <!-----row-2-navigation-----> <tr><td> <!----start-navigation-table----> <table width="700" height="100" border="5" bgcolor="lightgreen" > <tr><td><a href="HerbFarm.html"> <center> HOME </center></a></td> <td><a href="about3.html"> <center> ABOUT </center></a></td> <td><a href="contact3.html"> <center> CONTACT </center></a></td> <td><a href="gallery3.html"> <center> GALLERY </center></a></td> </tr> </table> <!------end-navigation-table----> </td></tr> <tr><td> <h1>Contact </h1> <form action="thankyou.html">    </form> <div class="row"> <div class="col-75"> <div class="container"> <form action="/action_page.php"> <div class="row"> <div class="col-50"> <h3>Billing Address</h3> <label for="fname"><i...

  • Kindly assist in fixing the error i got when I pasted my codes to validate it....

    Kindly assist in fixing the error i got when I pasted my codes to validate it. The error is in bold. Error: Table column 2 established by element th has no cells beginning in it. From line 53, column 25; to line 55, column 40 <tr> <th colspan="2"> <!DOCTYPE HTML> <html lang="en"><!-- language is English-->    <head>    <meta charset="utf-8"/>    <title>DA Website</title>    <link rel="stylesheet" type="text/css" href="styles.css" />    </head>    <body>    <div id="wrapper">    <!-- start html...

  • PHP Can't get my code to work, what am I doing wrong? <!DOCTYPE html> <html> <head>...

    PHP Can't get my code to work, what am I doing wrong? <!DOCTYPE html> <html> <head> <script> </script> </head> <body> <h2>Temperature Conversion Table</h2> <h4>Enter a starting value in degrees Fahrenheit and an increment value.</h4> <form name="myTemp" onsubmit="convertCelcius()" method="post"> <input type="text" name="temperature"> Enter an value in degrees Fahrenheit<br><br> <input type="radio" name="degIncrement" id="degIncrement5"> Convert in increment in 5 degrees<br> <input type="radio" name="degIncrement" id="degIncrement10"> Convert in increment in 10 degrees <br/><br/><input type="submit" value="Submit"> </form> <?php if( $_POST["temperature"] || $_POST["degincrement"] ) { //get he...

  • i'm having trouble with 1 and 3 using html, javascript and jquery 1) Change the "Search"...

    i'm having trouble with 1 and 3 using html, javascript and jquery 1) Change the "Search" link on the left to a button that when clicked, hide all the fields on the form and display the text "This is a search feature..." 3) When the user fills the form and clicks "Login", the values inputted should be displayed in the empty row (under Login) of the page. The display should be in the form: Student ID: <input value> Student Name:...

  • Both codes <!DOCTYPE html> <html> <head> <title>Week 8 Lab - JavaScript DOM and Arrays</title> <meta charset="utf-8">...

    Both codes <!DOCTYPE html> <html> <head> <title>Week 8 Lab - JavaScript DOM and Arrays</title> <meta charset="utf-8"> </head> <body> <h2>Order Form</h2> <form name="orderForm" method="post" action="processForm.html"> <table> <tr> <th colspan="2">Personal Information</th> </tr> <tr> <td>First Name:</td> <td><input type="text" name="firstName" id="firstName" size="30"></td> </tr> <tr> <td>Last Name:</td> <td><input type="text" name="lastName" id="lastName" size="30"></td> </tr> <tr> <td>Address:</td> <td><input type="text" name="address" id="address" size="30"></td> </tr> <tr> <td>City:</td> <td><input type="text" name="city" id="city" size="30"></td> </tr> <tr> <td>Province:</td> <td><select name="province" id="province" size="1"> <option disabled>Select a province</option> <option value="BC">British Columbia</option> <option value="AB">Alberta</option> <option...

  • Look at the following illustrated output for an HTML and a css given below <!DOCTYPE html>...

    Look at the following illustrated output for an HTML and a css given below <!DOCTYPE html> <head> <title>TABLE with STYLE SHEET</title> <meta charset="utf-8" /> <meta name="description" content="Godaddy Webpage original" /> <link rel = "stylesheet" href="GoDaddy_assignment_1.css"> <body> <img src= "GoDaddy.png"/> <p>Welcome to:<strong>webhamster.com</strong></br> This web page is parked<strong>Free</strong>courtesy of <a class="aclass1" href ="https://www.godaddy.com">GoDaddy.com</a></p> <h1>Want to buy<span class ="span2">webmaster.com ?</span></h1> <div class ="div1"> <a class ="aclass2" href="https://www.godaddy.com">Learn How</a> </div> </hr> <button>Search Ads</button> </body> </html> “ QUESTION continued Given the corresponding css file .aclass1{color:purple;}...

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
ADVERTISEMENT