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
- 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.
- 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. - 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.
- 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.
- 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>
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
- Design a questionnaire using a word processing package to gather information about a particular disease.
- Create an HTML web page to show personal information.
- Retrieve the information of a drug and its adverse effects using online tools
- Creating mailing labels Using Label Wizard, generating labels in MS WORD
- Create a database in MS Access to store the patient information with the required fields Using access
- Design a form in MS Access to view, add, delete and modify the patient record in the database
- Generating report and printing the report from the patient database
- Creating invoice table using MS Access
- Drug information storage and retrieval using MS Access
- Creating and working with queries in MS Access
- Exporting Tables, Queries, Forms and Reports to web pages
- Exporting Tables, Queries, Forms and Reports to XML pages
First Year B Pharm Notes, Syllabus, Books, PDF Subjectwise/Topicwise
