Tutorial 2
1. Sketch out and briefly describe the web page that will be created with the following HTML code.
<!DOCTYPE html>
<html lang=”en”>
<head>
<title>Predict the Result</title>
<meta charset=”utf-8”>
</head>
<body>
<code>
#include <stdio.h> <br> #include <sys/types.h> <br> #include <sys/socket.h> <br><br>
Main(int argc, char *argv[])<br> {<br> char mess[80]; <br> printf(“This is a demo..”);<br> }<br>
</code><br>
</body>
</html>
Output
<html lang=”en”> this line of code is used to declare the language of a Web page. en representing english
<head>
The head element is a container for meta data. The meta data used in the code above is <title>/
<meta charset=”utf-8”>
Specify the character encoding for the HTML document:
<title>
The <title> tag is required in all the HTML documents, where is defines the title of the documents. In the code above, it will display Predict the result as the title of the document.
<body>
The <body> tag defines the document's body. It will display out all the code or text of the documents.
<Code>
The <Code> tag is a phrase tag. It defines a piece of computer code. The computer code consists of declaration of header, main of the coding, and display the output of the coding.
<br>
The <br> tag has been used at the end of the sentence. It is used for line break purpose.
2. The web page defined by the given code should display a heading and a description list, but some HTML tags, indicated by <_>, are missing. Fill in the missing code and sketch the output web page.
<!DOCTYPE html>
<html lang=”en”>
<head>
<title>Door County Wild Flowers</title>
<meta charset=”utf-8”>
</head>
<body> <h1>Door County Wild Flowers</h1> <dl> <dt>Trillium</dt> <dd>This white flower blooms from April through June in wood areas.</dd> <dt>Lady Slipper</dt> <dd>This yellow orchid blooms in June in wood areas.</dd> </dl>
</body>
</html>
3. Explain what will go wrong with the web page defined by the code given below and
<!DOCTYPE html>
<html lang=”en”>
<head>
<title>Predict the Result</title>
<meta charset=”utf-8”>
</head>
<body>
<code>
#include <stdio.h> <br> #include <sys/types.h> <br> #include <sys/socket.h> <br><br>
Main(int argc, char *argv[])<br> {<br> char mess[80]; <br> printf(“This is a demo..”);<br> }<br>
</code><br>
</body>
</html>
Output
<html lang=”en”> this line of code is used to declare the language of a Web page. en representing english
<head>
The head element is a container for meta data. The meta data used in the code above is <title>/
<meta charset=”utf-8”>
Specify the character encoding for the HTML document:
<title>
The <title> tag is required in all the HTML documents, where is defines the title of the documents. In the code above, it will display Predict the result as the title of the document.
<body>
The <body> tag defines the document's body. It will display out all the code or text of the documents.
<Code>
The <Code> tag is a phrase tag. It defines a piece of computer code. The computer code consists of declaration of header, main of the coding, and display the output of the coding.
<br>
The <br> tag has been used at the end of the sentence. It is used for line break purpose.
2. The web page defined by the given code should display a heading and a description list, but some HTML tags, indicated by <_>, are missing. Fill in the missing code and sketch the output web page.
<!DOCTYPE html>
<html lang=”en”>
<head>
<title>Door County Wild Flowers</title>
<meta charset=”utf-8”>
</head>
<body> <h1>Door County Wild Flowers</h1> <dl> <dt>Trillium</dt> <dd>This white flower blooms from April through June in wood areas.</dd> <dt>Lady Slipper</dt> <dd>This yellow orchid blooms in June in wood areas.</dd> </dl>
</body>
</html>
3. Explain what will go wrong with the web page defined by the code given below and