0% found this document useful (0 votes)
17 views7 pages

Simple HTML Page Creation Guide

The document outlines the creation of two HTML pages related to the International Business Machines Corporation (IBM). The first page includes three styled paragraphs and a hyperlink to a second page, while the second page contains a message and a hyperlink back to the first page. Additionally, a separate HTML page features a scrolling marquee, a table with merged cells, and an image that acts as a hyperlink with a hover text message.

Uploaded by

disciplined094
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
17 views7 pages

Simple HTML Page Creation Guide

The document outlines the creation of two HTML pages related to the International Business Machines Corporation (IBM). The first page includes three styled paragraphs and a hyperlink to a second page, while the second page contains a message and a hyperlink back to the first page. Additionally, a separate HTML page features a scrolling marquee, a table with merged cells, and an image that acts as a hyperlink with a hover text message.

Uploaded by

disciplined094
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd

Create a simple HTML page on any of the following topics:

College Profile, Computer Manufacturer or Software


Development [Link] page must consist of at least 3
paragraphs of text. The page must have an appropriate title,
background color or background image, and hyper-links to other
pages. The paragraphs must have text consisting of different
colors and styles in terms of alignment and Font Size. (15)

2. Save the file and view the same using any HTML Browser.
Verify functioning of the Hyper-links. (10)

3. Obtain a hard-copy of the HTML code only. (05)

4. Solution : [Link]

<html>
<head><title> International Business Machines Corporation</
title></head>
<body bgcolor=”#CCEEFF”>
<H3> International Business Machines Corporation(IBMC)</H3>
<p align=”left”><font size=”+1″ color=”blue” face=”saab”>
International Business Machines Corporation (commonly referred
to as IBM) is an American multinational technology company
headquartered in Armonk, New York, United States, with
operations in over 170 countries. The company originated in 1911
as the Computing-Tabulating-Recording Company (CTR) and was
renamed “International Business Machines” in 1924.</font></p>

<p align=”right”><font size=”+2″ color=”green” face=”Garuda”>


IBM has continually shifted its business mix by exiting
commoditizing markets and focusing on higher-value, more
profitable markets. This includes spinning off printer manufacturer
Lexmark in 1991 and selling off its personal computer (ThinkPad)
and x86-based server businesses to Lenovo (2005 and 2014,
respectively), and acquiring companies such as PwC
Consulting ,SPSS, and The Weather Company (2016).</font></p>

<p align=”center”><font size=”+3″ color=”yellow” face=”gargi”>


Nicknamed Big Blue, IBM is one of 30 companies included in the
Dow Jones Industrial Average and one of the world’s largest
employers, with (as of 2016) nearly 380,000 employees. Known
as “IBMers”, IBM employees have been awarded five Nobel
Prizes, six Turing Awards, ten National Medals of Technology and
five National Medals of Science.</font></p>

<a href=”[Link]”>Visit next page</a>


</body>
</html>

[Link]

<html>
<head><title> International Business Machines Corporation</
title></head>
<body>
<H3> International Business Machines Corporation(IBMC)</H3>
<p> To know more about International Business Machines
Corporation(IBM) product, services and career you can visit
original website.
</p>

<a href=”[Link]”>Visit First page</a>

</body>
</html>
1. Create a simple HTML page on any of the following topics:
College Profile, Computer Manufacturer or Software
Development [Link] page must consist of a scrolling
marquee displaying an appropriate Message. The page must
include a table with at least 5 rows and 3 columns having
merged cells at least at 1 place. The page must also display
an image, such that when the same is viewed through a
browser and the mouse is placed (hovered) on the Image, an
appropriate text message should be displayed. The image
itself should also act as a hyper-link to another page. (15)

2. Save the file and view the same using any HTML Browser
off-line. Verify functioning of the hyper-links. (10)

3. Obtain a hard-copy of the HTML code only. (05)

Solution : [Link]

<html>
<head><title> International Business Machines Corporation</
title></head>
<body>
<marquee><H3> International Business Machines
Corporation(IBMC)</H3></marquee>
<p> How your business can get smarter,To know more about
International Business Machines Corporation(IBM) product,
services and career you can see our table and can refer original
website.
</p>
<table border=”2″ cellpadding=”20″ cellspacing=”2″ align=”
center”>
<tr>
<th> Product </th>
<th> Services</th>
<th> Prices</th>
</tr>
<tr>
<td rowspan=”2″> Cloud Computing</td>
<td> PC cloud </td>
<td> 9000</td>
</tr>
<tr>
<td> Mobile cloud </td>
<td> 1000</td>
</tr>
<tr>
<td> Security </td>
<td> Hardware </td>
<td> 9000</td>
</tr>
<tr>
<td> Storage </td>
<td> File Storage </td>
<td> 8000</td>
</tr>

</table>
<a href=”[Link]”><img src=”[Link]” title=”cloud
Picture” width=”100″ height=”150″></a>
</body></html>

[Link]

<html>
<head><title> International Business Machines Corporation</
title></head>
<body>
<H3> International Business Machines Corporation(IBMC)</H3>
<p> To know more about International Business Machines
Corporation(IBM) product, services and career you can visit
original website.
</p>

<a href=”[Link]”>Visit First page</a>

</body>
</html>

Common questions

Powered by AI

IBM's acquisition strategy, including companies like PwC Consulting and The Weather Company, reinforces its pivot towards strategic sectors such as consulting and analytics, promising higher margins and future growth. Conversely, divestitures like that of Lexmark and ThinkPad reflect a shedding of commoditized, low-margin businesses. This reallocation of resources underscores IBM's focus on reinforcing its core competencies and leading in innovation-driven markets .

Linking images to other webpages enhances a website's functionality by making navigation more intuitive and visually engaging. Images serve as clickable elements that direct users to additional content, enriching user interaction and experience. This is particularly useful for reducing textual hyperlinks and providing a more integrated browsing experience .

Tables in HTML organize data into rows and columns, offering a clear structure for presenting tabular information. Merged cells, achieved using the 'rowspan' or 'colspan' attributes, allow for flexibility in design, such as when specific data needs to span multiple rows or columns for emphasis or clarity. This enhances the ability to effectively display and compare related pieces of information. In the example provided, a table organizes product, services, and pricing data, allowing for easy assimilation and analysis by viewers .

Verifying hyperlink functionality before deploying a website ensures that all navigation paths are operational, thus maintaining a seamless user experience. Broken links can lead to user frustration and impede information access, negatively affecting user perception and site credibility. Testing in various browsers is crucial to achieving reliable and professional web presence .

The 'font' element specifies the size, color, and font face in HTML; aligning text is achieved through the 'align' attribute within paragraph tags, affecting the visual organization of content. By using 'font' size and color attributes, text is highlighted to draw attention or maintain consistency with branding, while 'align' controls the flow of text on the webpage, allowing designers to create visually appealing and organized pages .

Font color and size significantly influence user experience by affecting readability and emotional response. Proper contrast between text and background ensures accessibility, while strategically varying size and color can guide attention to key content, enhance visual appeal, and convey hierarchy. Inconsistent or high-contrast color usage can cause strain, thereby hindering comprehension and engagement .

IBM's historical evolution showcases strategic shifts from commoditized markets to higher-value offerings. The transition involved divesting units like Lexmark and selling its ThinkPad line to Lenovo, focusing instead on acquisitions such as PwC Consulting and SPSS to emphasize services and data analytics. This shift reflects IBM’s decision to concentrate on profitable sectors with growth potential, aligning with its objective to maintain leadership in the technology and consulting space .

IBM's inclusion in the Dow Jones Industrial Average highlights its status as a significant and influential player in the industry. Such listing indicates strong financial health, market influence, and recognition among top companies. It reflects IBM's overall impact on the economy and its resilience as a pioneering technological corporation .

Hyperlinks facilitate user navigation by connecting related pages or external resources, allowing users to swiftly access additional information or move through a site. This enhances user experience by providing a seamless and efficient path to content exploration. In the provided examples, hyperlinks between 'first.html' and 'second.html' aid users in navigating back and forth between webpages associated with IBM .

A scrolling marquee can attract attention and effectively highlight important messages or alerts due to its movement across the page, adding dynamic visual interest. However, it can present drawbacks such as distraction from other content, accessibility issues for screen readers, and negative impact on page load times. Additionally, they are considered deprecated in modern web standards, which can influence the overall user experience negatively .

You might also like