May 30, 2024

Create an HTML web page to show personal information Practical PDF

Create an HTML web page to show personal information Practical PDF

BP210P Computer Applications in Pharmacy Practical


Aim:

Create an HTML web page to show personal information.

  • HTML Stands for Hyper Text Markup Language.
  • It is the coding language that makes web pages; it is the skeleton of every web page that exists. HTML elements are represented by tags and Browsers do not display the HTML tags, but use them to render the content of the page.
  • A basic example of html

Time needed: 1 hour

Create an HTML web page to show personal information

  1. Learn HTML Using Notepad or TextEdit

    Web pages can be created and modified using professional HTML editors, but for learning HTML, a simple text editor like Notepad (PC) or TextEdit (Mac) is recommended. Using a simple text editor is an effective way to grasp the basics of HTML. Follow the steps below to create your first web page with Notepad or TextEdit.

  2. Open Notepad (PC)/Open TextEdit (Mac)

    Windows:
    For Windows 8 or later, open the Start Screen (the window symbol at the bottom left on your screen) and type “Notepad”. For Windows 7 or earlier, navigate to Start > Programs > Accessories > Notepad.

    Mac:
    Open Finder > Applications > TextEdit on your Mac. Adjust some preferences to ensure correct file saving: In Preferences > Format, choose “Plain Text”. Under “Open and Save”, select the option to “Display HTML files as HTML code instead of formatted text”. Then, open a new document to start writing code.

  3. Write Some HTML

    Write or copy the provided HTML code into Notepad or TextEdit. The code includes basic elements like <!DOCTYPE html>, <html>, <body>, <h1>, and <p>, representing a simple web page structure with a heading and a paragraph.

  4. Save the HTML Page

    Save the file on your computer by selecting File > Save as in the Notepad menu. Name the file “index.htm” and set the encoding to UTF-8, which is the preferred encoding for HTML files. Saving in this format ensures compatibility and proper rendering across different platforms.

  5. View the HTML Page in Your Browser

    Open the saved HTML file in your preferred browser by double-clicking on the file or right-clicking and choosing “Open with” your browser. This action will display the HTML page in the browser, allowing you to see how it appears and functions on the web.


Example 1

A simple text editor is all you need to learn HTML.

Learn HTML Using Notepad or TextEdit
Web pages can be created and modified by using professional HTML editors.

However, for learning HTML we recommend a simple text editor like Notepad (PC) or TextEdit (Mac).

We believe that using a simple text editor is a good way to learn HTML.

Follow the steps below to create your first web page with Notepad or TextEdit.

Step 1: Open Notepad (PC)

Windows 8 or later: Open the Start Screen (the window symbol at the bottom left on your screen). Type Notepad.

Windows 7 or earlier: Open Start > Programs > Accessories > Notepad

Step 1: Open TextEdit (Mac) Open Finder > Applications > TextEdit

Also change some preferences to get the application to save files correctly. In Preferences > Format > choose “Plain Text”

Then under “Open and Save”, check the box that says “Display HTML files as HTML code instead of formatted text”.

Then open a new document to place the code.

Step 2: Write Some HTML

Write or copy the following HTML code into Notepad:

<!DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>
</html>

Step 3: Save the HTML Page

Save the file on your computer. Select File > Save as in the Notepad menu.

Name the file “index.htm” and set the encoding to UTF-8 (which is the preferred encoding for HTML files).

Step 4: View the HTML Page in Your Browser

Open the saved HTML file in your favorite browser (double click on the file, or right-click – and choose “Open with”).


Example 2

Steps to create HTML page which shows your personal information.

<html>

<head>

<title>sample</title>

</head>

<body>

<h1>This is a heading</h1>

<p>Document content goes here……</p>

</body>

</html>

Steps to create HTML page which shows your personal information.

Step 1: Open the text editor by clicking on a START button àNote pad or Note pad++

Step 2: Now the text editor window appears. Type the below code as it is in notepad.

<html>

<head>

<title>page of personal Information </title>

</head>

<body>

<B><font size=5><center>personal Information </center></font></B><br>

<table border =1 align =center cellspacing=5 cellpadding=5>

<tr>

<td>

<img src=” Libraries\Pictures.jpg” Align =”top” Width=75 height=75/>

</td>

<td><B>Name:</B>J. Asmitha Lisma<br>

<B>Email:</B>asmi.com<br>

<B>contact:</B>8148064828

</B></td>

<td>

<B>permanent Adress:</B> Flat No-302,<br>Jai Aranvilai, Manavalakurichi,<br> Kanyakumari-629251

</td>

</tr>

<tr>

<td colspan=3>

<hr color= brown></center>

<B>Objective </B>

<center><hr color=brown> To be associated with a progressive organization which poses a challenging and innovative career , my knowledge and thus giving me scope to update my knowledge and skill.</center>

</td>

</tr>

<tr>

<td colspan=3>

<hr color=brown>

<B>Education Profile </B>

<hr color=brown>

<table cellspacing=5 cellpadding=5 border=2>

<tr>

<td>Exam</td>

<td>Board /University</td>

<td>Institution</td>

<td>Year </td>

<td>Percentage</td>

</tr>

<tr>

<td>B.pharm.</td>

<td>Dr M G R medical university, chennai</td>

<td>S .A Raja pharmacy College, Vadakangulam.</td>

<td>2017-2021</td>

<td>98.9%</td>

</tr>

</table>

</td>

</tr>

<tr>

<td colspan=3>

<hr color=brown></center>

<B>Decleration</B>

<hr color =brown>I hereby declare that the above written particulars are true to the best of my knowledge and belief.<BR>

Date:<BR> Place:

</td>

</td>

</tr>

</table>

<Br>

<Marquee><font           color=red><B></td>           ©           Copyrights           reserved

</B></font></Marquee>

</html>

Step 3: Save the file with any name with .html as extension “FILE NAME.html” in your local disk

  • In notepad, click File àSave as a command
  • Choose ‘all files’ in the ‘save as type’ box. Now give a name to your HTML document with ‘.html’ extension
  • Now give a name to your HTML document with ‘.html’ extension

Step 4: Open the file in any browser (chrome, mozila firefox, internet explorer, etc) and you will get below output.

  • Open the browser window. Open any of your favorite browsers like Mozilla firefox or google chrome, etc.
  • Press ctrl+o or if you can see the top menu bar you may even click on the File àopen command
  • File open dialog will open. Now find your HTML document and click the open button at the bottom.
  • The browser will show the webpage created by you.

Result:

Thus we studied how to create an HTML web page.


BP210P Computer Applications in Pharmacy Practical

  1. Design a questionnaire using a word processing package to gather information about a particular disease.
  2. Create an HTML web page to show personal information.
  3. Retrieve the information of a drug and its adverse effects using online tools
  4. Creating mailing labels Using Label Wizard, generating labels in MS WORD
  5. Create a database in MS Access to store the patient information with the required fields Using access
  6. Design a form in MS Access to view, add, delete and modify the patient record in the database
  7. Generating report and printing the report from the patient database
  8. Creating invoice table using MS Access
  9. Drug information storage and retrieval using MS Access
  10. Creating and working with queries in MS Access
  11. Exporting Tables, Queries, Forms and Reports to web pages
  12. Exporting Tables, Queries, Forms and Reports to XML pages

First Year B Pharm Notes, Syllabus, Books, PDF Subjectwise/Topicwise

F Y B Pharm Sem-IF Y B Pharm Sem-II
BP101T Human Anatomy and Physiology I TheoryBP201T Human Anatomy and Physiology II – Theory
BP102T Pharmaceutical Analysis I TheoryBP202T Pharmaceutical Organic Chemistry I Theory
BP103T Pharmaceutics I TheoryBP203T Biochemistry – Theory
BP104T Pharmaceutical Inorganic Chemistry TheoryBP204T Pathophysiology – Theory
BP105T Communication skills TheoryBP205T Computer Applications in Pharmacy Theory
BP106RBT Remedial BiologyBP206T Environmental sciences – Theory
BP106RMT Remedial Mathematics TheoryBP207P Human Anatomy and Physiology II Practical
BP107P Human Anatomy and Physiology PracticalBP208P Pharmaceutical Organic Chemistry I Practical
BP108P Pharmaceutical Analysis I PracticalBP209P Biochemistry Practical
BP109P Pharmaceutics I PracticalBP210P Computer Applications in Pharmacy Practical
BP110P Pharmaceutical Inorganic Chemistry Practical
BP111P Communication skills Practical
BP112RBP Remedial Biology Practical

Suggested readings