Question

In: Computer Science

Week 4 Assignment HTML – Creating a Simple Web Page “HTML or HyperText Markup Language as...

Week 4 Assignment
HTML – Creating a Simple Web Page

“HTML or HyperText Markup Language as it is formally known is the main markup language for creating web pages and other information that can be displayed in a webbrowser”. It was created by Tim Berners-Lee in 1989 as a user friendly way of sharing information on the Internet.

http://en.wikipedia.org/wiki/HTML

Assignment Instructions - Create a simple HTML Web Page that includes hyperlinks to three of your favorite websites. Use the online HTML Tryit Editor linked below to prototype your page using Steps 1 to 4 to get you started.

http://www.w3schools.com/html/tryit.asp?filename=tryhtml_basic

Your completed HTML Web Page for this assignment should incorporate elements from each of the four Steps below. When you are finished simply submit you HTML code via the designated assignment link. The content and design of your web page is up to you. It does not need to be elaborate or complicated. We are suggesting a simple web page with links to your three favorite web sites. You can use a different motif if you like – just be sure your web page includes at least three hyperlinks. Your goal is to incorporate the HTML tag elements below to creating your web page. Try to be creative and have fun with this. Feel free to experiment and include more advance HTML tags if you like. There are numerous HTML tutorials that you can Google for or watch on Youtube.

To get started, we suggest you copy and paste the HTML Code elements from each of the four steps below to the left side of the Tryit Editor (linked above). After you copy and paste each element you will need to click the ‘Submit Code’ button in the Tryit Editor to see the result. Try each additional HTML tag as outlined in steps 2 to 4 below. Add these commands to the Step 1 code below. Be sure to copy and paste each new HTML command inside the body of the Step 1 program (as has been done with the <h1> header tag pair</h1> in Step 1).

Step 1: Copy and paste the HTML program below to the Tryit Editor referenced above. This will be your starting HTML Code for your web page. Be sure to click ‘Submit Code’to see the results.

     <html>
     <head>
     <title>This is a title</title>
     </head>
     <body>
     <p>Hello world!</p>
     </body>
     </html>

Step 2: Implement three or more Hyperlinks within the HTML body of your web page as illustrated in the example below. Be sure you paste this HTML statement inside the body in Step 1.

     <a href="http://www.cnn.com"><b>CNN News</b></a>

Step 3: Implement two or more physical style tags in your web page (bold <b>, italics <i>, underline <u>).

     <b> This is Bold </b>

Step 4: Implement a change in text color as illustrated below in your web page. #00ff00 is Green, #0000ff is Blue. See if you can combine colors, i.e. Green & Blue for example is #00ffff. Notice the relative position of the ff characters represent RGB (Red, Green, and Blue).

     <font color="#ff0000"> This is Red! </font>

Finally, just for fun – see if you can implement a Marquee tag. This is a deprecated tag,but it’s still fun to try. Can you nest a font style or font color tag within the Marquee? The Marquee tag is not a required element for your assignment.

     <MARQUEE LOOP="infinite">Your text here</MARQUEE>

Once you are happy with your final HTML document as prototyped in the Tryit Editor you can simply cut and paste your HTML code to a text editor (i.e. Microsoft Word) and save and submit this as a .pdf file using the designated submission link (or you can provide a screenshot).

Please note there is no requirement to actually run your web page in a web browser. If you would like to try and run your html file in a web browser you will need to save your HTML code in a text only format with a file extension of .htm or .html. Use WordPad or Notepad to do this. Then simply double click on the file and your web page should open in your default browser.

Solutions

Expert Solution

Dear Student ,

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

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

samplePage.html :

<html>

<head>

<!-- title for web page -->

<title>This is a title</title>

</head>

<body>

<p>Hello world!</p>

<a href="http://www.cnn.com"><b>CNN News</b></a>

<a href="http://www.Amazon.com"><b>Amazon</b></a>

<a href="http://www.espncricinfo.com"><b>espncricinfo</b></a>

<br>

<b> This is Bold </b>

<i> This is Italics </i>

<u>This is Underline</u>

<br>

<font color="#ff0000"> This is Red! </font>

<font color="#0000ff"> This is Blue! </font>

<font color="#00ff00"> This is Green! </font>

<MARQUEE LOOP="infinite">

<font color="lightBlue">Your text here</font>

</MARQUEE>

</body>

</html>

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

Output : Open web page samplePage.html in the browser and will get the screen as shown below

Screen 1 :samplePage.html

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

venereology answered 1 year ago
Next > < Previous

Related Solutions

Please use markup language HTML5 please. For this homework assignment, you will create a Web site...
Please use markup language HTML5 please. For this homework assignment, you will create a Web site made up of three different pages and links between those pages Index.htm The Web pages in a site should have a similar look-and-feel. For this site, you should create a simple menu as follows: Create a horizontal line across the very top and bottom of the page. Also on the home (Index) page, create links to the other two pages. The links should appear...
While HTML is a markup language with a fixed set of tags that allows users to...
While HTML is a markup language with a fixed set of tags that allows users to specify the appearance of a document, XML (extensible markup language) allows the user to create new tags to provide a document structure appropriate to the task at hand. A document has three aspects: structure, appearance, and content. In the case of XML, theseaspectsareseparated,withdifferent meansemployedfordefiningthestructure, the appearance, and the content. Usually, the document type definition (DTD) file describes the structure of a document; the appearance...
In this weeks assignment you will creating some character cards on a web page. These character...
In this weeks assignment you will creating some character cards on a web page. These character cards can be similar to a baseball card, Magic The Gathering Card. It is your choice and anything is fair game. Requirements: Use an external CSS & JS file, no internal or inline styles & scripts Please comment your JS to break down your understanding of what is happening. Please put your name in your code. Create at least 3 character card elements (div's...
Make a modest or simple Web page using Python flask. The basic components of HTML should...
Make a modest or simple Web page using Python flask. The basic components of HTML should be included. The Web page should have at least 3 Headings(<h1>), paragraph (<p>), comments (<!-- -->), ordered list, unordered list, three links to website, and should display time & date. Example: <html>     <head>         <title>Page Title</title>     </head> <body>     ..new page content.. </body> </html>
please write Django web app with simple html page, that you can upload the image and...
please write Django web app with simple html page, that you can upload the image and display image and display path of the image on the PC.
1. An HTML document that’s generated by a web application is a ________________________ web page. 2....
1. An HTML document that’s generated by a web application is a ________________________ web page. 2. An easy way to log the progress of an application in Chrome’s Console panel is to insert __________________ methods at critical points in the code. 3. The childNodes property of a DOM object returns a/an ______________________ of the child nodes for that object. 4. The ___________________ method of an array can be used to concatenate the elements of the array into a single string.​...
Debug3-4.css You’ve been given the initial HTML and CSS code for this web page, but there...
Debug3-4.css You’ve been given the initial HTML and CSS code for this web page, but there are several errors in the CSS stylesheet. Use your knowledge of CSS to locate and fix the errors. The body element should have a width that is 90% of the width of the browser window ranging from a minimum of 600 pixels up to a maximum of 1024 pixels. Fix the syntax errors in the body style rule that defines the width of the...
Develop a personal web page for yourself using HTML, CSS, and Javascript Use the following HTML...
Develop a personal web page for yourself using HTML, CSS, and Javascript Use the following HTML tags to design your webpage: <h1>...</h1>,<h3>...</h3>, <h6>...</h6>, <p>...</p>, <b>...</b>, <i>...</i>, <a>...</a>, <img...>, <table>... </table>, <div>...</div>, <form>...</form>, <input type="text">, and <input type= "submit"> Use an external css to change the default style of your webpage. You must use at least one element selector, one id selector, and one class selector Using text input and submit button, allow the user to change the background color of...
use CSS, java and HTML to make a charity admin page. It's a web page after...
use CSS, java and HTML to make a charity admin page. It's a web page after you log in to your account. I can have personal information, the amount of money donated, the children who have received charity, and some blogs. In fact, all the things are what I want. But you are free to do whatever You like, even if you don't say what I say. I just need a charity Admin page for charity User.Don't ask me for...
use CSS, java and HTML to make a charity admin page. It's a web page after...
use CSS, java and HTML to make a charity admin page. It's a web page after you log in to your account. I can have personal information, the amount of money donated, the children who have received charity, and some blogs. In fact, all the things are what I want. But you are free to do whatever You like, even if you don't say what I say. I just need a charity Admin page for charity User.Don't ask me for...
ADVERTISEMENT
Subjects
ADVERTISEMENT
Latest Questions
ADVERTISEMENT