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 header tag pair 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. This is a title Hello world! 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. CNN News Step 3: Implement two or more physical style tags in your web page (bold , italics , underline ). This is Bold 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). This is Red! 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. Your text here 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.
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.
Step by step
Solved in 2 steps with 1 images
