HomeworkLib
Question

Open your html text editor. For example, Adobe Brackets, Notepad, or TextEdit. If your flash drive...

  1. Open your html text editor. For example, Adobe Brackets, Notepad, or TextEdit.
  2. If your flash drive is in D: drive. You save the file as cti110-04a.html to D:\xampp\htdocs\webtech\coursework\chapter04\ folder.
  3. On the first line of the document, declare the DOCTYPE for HTML5.

<!DOCTYPE html>
  1. Below the DOCTYPE, type an opening angle bracket (<) and start typing html. You should see a code hinting menu open with code suggestions.
  2. Select html from the list to add the opening html tag to the document.
  3. To add the closing html tag, type a closing angle bracket (>). Brackets should automatically finish the closing html tag.

<!DOCTYPE html>

<html>

</html>
  1. Within the html tag block, add a head tag block.

<!DOCTYPE html>

<html>

<head>

</head>

</html>
  1. Within the head tag block, add a title tag block with the text CTI 110 Practice.

<!DOCTYPE html>

<html>

<head>

<title>CTI 110 Practice</title>

</head>

</html>
  1. Below the head tag block, add a body tag block.

<!DOCTYPE html>

<html>

<head>

    <title>CTI 110 Practice</title>

</head>

<body>

</body>

</html>
  1. Within <body> and </body> block, first one line of comment by using <!-- and -->. Then you add <h1> tag block with the text Welcome to my CTI 110 Course Page.

<!DOCTYPE html>

<html>

<head>

    <title>CTI 110 Practice</title>

</head>

<body>

    <!-- The following is my practice -->

         <h1>Welcome to my CTI 110 Course Page</h1>

</body>

</html>
  1. Under <h1> tag line, start new paragraph with <p> tag. Add HTML links defined with the <a> tags. The link's destination is specified in the href attribute. The 3 links are separated with line break tag </br>.

<!DOCTYPE html>

<html>

<head>

    <title>CTI 110 Practice</title>

</head>

<body>

    <!-- The following is Frank’s practice -->

         <h1>Welcome to my CTI 110 Course Page</h1>

    <p>

       <a href="http://www.google.com">Google</a> </br>

       <a href="http://www.yahoo.com">Yahoo</a> </br>

       <a href="http://www.w3schools.com/">Web Tutorial</a>

    </p>

</body>

</html>
  1. Save the file. Now you should have the file cti110-04a.html under the directory of D:\xampp\htdocs\webtech\coursework\chapter04\.

  1. If you use Adobe Brackets, it should look like this
  2. You view the web page just created at:

http://localhost/webtech/coursework/chapter04/cti110-04a.html

  1. Now you may view the source code of the web page by placing mouse over the page > right click > View Page Source
  2. You will find that the comment line of the html source code does not show in Page Source.

  1. Submit the file cti110-04a.html in BlackBoard.

  1. In the meantime, you should also upload your file in public_html folder on apollo.waketech.edu using FileZilla. If that is the case, you should give the complete web address in the format of https://apollo.waketech.edu/~username (Where username is your FTP user name).
engineering   Computer-Science   
0 0
Add a comment Improve this question Transcribed image text
Next > < Previous
Sort answers by oldest

Homework Answers

Answer #1

Dear Student ,

As per the requirement submitted above , kindly find the below solution.

Here a new web page with name "cti110-04a.html" is created, which contains following code.

cti110-04a.html :

<!DOCTYPE html>

<html>

<head>

<!--title for web page -->

<title>CTI 110 Practice</title>

</head>

<body>

<!-- The following is Frank’s practice -->

<h1>Welcome to my CTI 110 Course Page</h1>

<p>

<a href="http://www.google.com">Google</a> </br>

<a href="http://www.yahoo.com">Yahoo</a> </br>

<a href="http://www.w3schools.com/">Web Tutorial</a>

</p>

</body>

</html>

======================================================

Output :Open web page  cti110-04a.html in the browser and will get the screen as shown below

Screen 1 :cti110-04a.html

Screen 2 :View source for cti110-04a.html

NOTE : PLEASE FEEL FREE TO PROVIDE FEEDBACK ABOUT THE SOLUTION.

0 0
Add a comment
Know the answer?
Add Answer to:
Open your html text editor. For example, Adobe Brackets, Notepad, or TextEdit. If your flash drive...
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
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