Question

In: Computer Science

What do the following HTML statements do?                  <body>                 &

What do the following HTML statements do?                  <body>

                                                                                                <head>

                                                                                                <table>

                                                                                                <tr>

                                                                                                <td>

                                                                                               

Solutions

Expert Solution

HTML : Hyper Text Markup Language

  • HTML was designed for web development. It is the standard markup language for web development.
  • Markup language is the way systems communicate with eath other and define the text pocess and presentation. That is the HTML codes are not visible on the resultant web page, only the text is visible.
  • The latest version of HTML is HTML5 (HTML 5.2 ).

Structure of HTMl page :

<!DOCTYPE html>             <!-- specify the use of html 5 -->
<html>                      <!--beginning of html tag -->

<head>                     <!--head tag includes root of document --> 
 
<title>Page Title</title>   <!-- title is included in head tag -->


</head>                     

<body>                            

.
.
. <!-- main content of the page is written in body tag -->
.
.

</body>
</html>                       <!--closing of html tag -->

HTML tags and attributes:

  • <body> : The body tag includes the main content of the html page like images, headings, paragraphs etc.
  • <head> : The head tag includes the metadata information of the html document like title, external css files reference, and other metadata for search engines. The head tag also includes title of the page.
  • < table> : the table tag is used to add table in the document.
  • <tr> : This <tr> tag is used for defining each row in the table.
  • <td> : This <td> tag is used to define table cell in a table. This <td> tag is nested inside <tr> tag.

Html Table :

<!DOCTYPE html>
<html>
<head>
    <!-- style tag is used to style the document inside head tag-->
    <style>             
        td, th {            
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
}
    </style>
</head>
<body>

<h3>Basic HTML Table</h3>

<table style="width:100%">
  <tr>
    <th>FirstName</th>
    <th>Lastname</th>                <!-- <th> tag contains table headers--> 
    <th>Age</th>
  </tr>
  <tr>                               
    <td>Steve</td>                   <!-- <td> tag inside <tr> tag. <td> --> 
    <td>Smith</td>
    <td>30</td>
  </tr>
  <tr>
    <td>John</td>
    <td>Cena</td>
    <td>39</td>
  </tr>
  <tr>
    <td>Jim</td>
    <td>Carry</td>
    <td>50</td>
  </tr>
</table>                            <!-- closing of table tag -->

</body>
</html>

Output of the above Table code:


Related Solutions

HTML mark-up text know the following  HTML tags: · <html> · <body> · <head> · <p> ·...
HTML mark-up text know the following  HTML tags: · <html> · <body> · <head> · <p> · <h1>, <h2>, <h3>, etc… · <a> · <img> · <br> · <hr> · <pre> · <i> · <b> · <em> · <sub> · <ins> · <strong> · <mark> · <cite> · <address> · <abbr> After you have reviewed these HTML tags and developed a sense of how they manipulate the presentation of the mark-up, write a sample page of HTML that briefly goes over...
<!DOCTYPE html> <html> <body> <!-- replace the text below with your name!--> <!-- --> <!-- -->...
<!DOCTYPE html> <html> <body> <!-- replace the text below with your name!--> <!-- --> <!-- --> <title> TYPE YOUR NAME HERE</title> <script> // // A bug collector collects bugs every day for five days. Write a function that keeps // a running total of the number of bugs collected during the five days. The loop // should ask for the number of bugs collected for each day, and when the loop is // finished, the program should display the total...
<!DOCTYPE html> <html> <head> <!-- *************************************************************************************** --> <!-- * * --> <!-- * Do not change...
<!DOCTYPE html> <html> <head> <!-- *************************************************************************************** --> <!-- * * --> <!-- * Do not change anything within the <head></head> section of the HTML * --> <!-- * * --> <!-- *************************************************************************************** --> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script> <style> .btn{border:1px solid black; padding:5px;display:inline-block} </style> </head> <body> <!-- *************************************************************************************** --> <!-- * * --> <!-- * Nothing to change here in the <body> * --> <!-- * * --> <!-- ***************************************************************************************...
What is HTML?
What is HTML?
BEFORE html <html> <head>       <link rel="stylesheet" type="text/css" href="mystyle98_d.css"> </head> <body>              <p>  
BEFORE html <html> <head>       <link rel="stylesheet" type="text/css" href="mystyle98_d.css"> </head> <body>              <p>     I'm a paragraph, what color am I ?      </p>    <ul>      <li id = "fix"> I'm a list item;what color am I? </li>        </ul> <div class = "central1"> <p class ="above"> I'm a paragraph; what color am I? </p>      <p>     I'm another paragraph, what color am I ?      </p>    <ol>      <li id = "fix1"> I'm another list item;what...
How to do in C++ HTML Converter Create a program that reads an HTML file and...
How to do in C++ HTML Converter Create a program that reads an HTML file and converts it to plain text. Console HTML Converter Grocery List * Eggs * Milk * Butter Specifications Your instructor should provide an HTML file named groceries.html that contains these HTML tags: <h1>Grocery List</h1> <ul>     <li>Eggs</li>     <li>Milk</li>     <li>Butter</li> </ul> When the program starts, it should read the contents of the file, remove the HTML tags, remove any spaces to the left of the tags, add...
What does the HTML tag designate in an HTML document?
What does the HTML tag designate in an HTML document?
take the following html code and make it work for html validator. heres the ,html file...
take the following html code and make it work for html validator. heres the ,html file <!DOCTYPE html> <html lang="en">    <head>        <title> GettingStarted</title>        <meta charset="utf-8">        <link href="Style.css" rel="stylesheet">    </head>       <body>        <header><h1>GettingStarted</h1></header>        <nav>               <b>        <a href="Home.html">Home</a>&nbsp;        <a href="GettingStarted.html">Getting Started</a>&nbsp;        <a href="MaterialsNeeded.html">Materials Needed</a>&nbsp;                      <a href="TroubleShooting.html">TroubleShooting</a>&nbsp;        <a href="InfoMaterials.html">Infomation on materials</a>&nbsp;   ...
What attitudes do the following body movements suggest to you? Do these movements always mean the...
What attitudes do the following body movements suggest to you? Do these movements always mean the same thing? What part does context play in your interpretations? A.Whistling, wringing hands B. Bowed posture, twiddling thumbs C. Steepled hands, sprawling sitting position D. Rubbing hand through hair E Open hands, unbuttoned coat F. Wringing hands, tugging ears Please answer in paragraph format thank you.
Look at the HTML below ( do NOT modify the HTML), Outer paragraph, outer list, div...
Look at the HTML below ( do NOT modify the HTML), Outer paragraph, outer list, div with 2 inner paragraphs and one inner list , create a CSS which will: Make the outer list text color blue , and make the outer (non div) paragraph blue, and the div inner list element pink also inside the div element make the first inner paragraph green, and in the div element the second paragraph blue, so that in order: blue-blue-green-blue-pink As a...
ADVERTISEMENT
ADVERTISEMENT
ADVERTISEMENT