HTML is a markup language used to define the structure and layout of web pages. HTML uses tags to annotate text with semantic information like headings, paragraphs, lists, links, and more. The document provides 20 examples of HTML code to display common elements like text, images, tables, forms, and layouts on web pages. It demonstrates how HTML elements like headings, paragraphs, line breaks, links, and others are coded.
The Internet is growing at an incredible pace, and we want everybody to be a part of this growth. Basic HTML was created for the beginner to learn about designing web pages from the ground up and for the advanced web designers that want to revise a few HTML tricks.This downloadable tutorial is designed to help you learn about HTML and web page design.
Hi I m Taha and I m looking job in media.4 year's experience in aaj tv as a uplink officer and 2 year's experience in FM 103 as a on air engineer. ..please reply me
The Internet is growing at an incredible pace, and we want everybody to be a part of this growth. Basic HTML was created for the beginner to learn about designing web pages from the ground up and for the advanced web designers that want to revise a few HTML tricks.This downloadable tutorial is designed to help you learn about HTML and web page design.
Hi I m Taha and I m looking job in media.4 year's experience in aaj tv as a uplink officer and 2 year's experience in FM 103 as a on air engineer. ..please reply me
Technical Services & IT Project Manager with extensive experience of more than 8 years in Software Project Management, Business & Retail Analysis, Support Management, Software Engineering & Application Development extending to GCC countries. Accomplished & result-driven, with a proven track record of successfully managing, designing & developing solutions.
HTML Lab ProjectTo create a simple web page you will need .docxadampcarr67227
HTML Lab Project
To create a simple web page you will need to use a text processor (Notepad) and HTML (hypertext markup language). Do NOT use Word which can create some problems by automatically formatting your work as a web page.
The tags (items enclosed in < >) from HTML create the special effects that are seen on web pages when using a browser like Internet Explorer.
Note: some tags require a starting and ending tag. For example: <h1>This is my home page </h1>
Also if multiple tags are used to format a single item, ending tags must be written in reverse order from the starting tags.
Example:
<h1><center> My First Home Page </center></h1>
tag1 tag2 endtag2 endtag1
After completing the steps in the tutorial, you should be able to:
1. Create a Home Page using HTML
2. Create headings
3. Place text and graphics in an HTML document
4. Use attributes such as font color with tags
5. Create links to other places or documents
Home Pages
The home page of a web site is the starting point that usually describes the purpose of the web site and its categories. The page typically includes hyperlinks which will take the viewer to other web sites or other places within the same web site. In planning a home page consider these items
· Title – this text will appear on the blue title bar of your web page
· Headings – customarily the first heading is the same as the title; it appears as the first line of your home page. Each browser displays headings in a unique way, but they allow several levels of headings from H1 to H6. Heading 1 would be the largest, most noticeable, heading 6 the smallest. In the examples that follow, the first line of each pair shows the HTML tags; the second line is the effect produced.
<h1>H1 headings</h1>
H1 headings
<h2> H2 headings</h2>
H2 headings
<h3>H3 headings</h3>
H3 headings<h4> H4 headings</h4>
H4 Headings
<h5> H5 headings</h5>
H5 Headings
<h6>H6 headings</h6>
H6 Headings
Content - Text that explains your home page or special features of the page.
Create a Sample HTML Page
Step 1.
A. Open Notepad (Click on Start, Programs, Accessories, Notepad).
B. Enter the following text:
<html>
<head>
<title>Your Name Home Page</title>
</head>
<h1>Your Name Home Page </h1>
</html>
C. Choose File, Save As. For the file name, use mysample_Lastname_Firstname.htm in Save As Type, choose All Files, and save to your desktop, or other easy to find location.
(CAUTION: if you neglect to choose All Files, this will be saved as a text file, ending in txt, and will not be available for opening in your browser.
Step 2.
A. Start your browser (Internet Explorer). It is not necessary to be online.
B. From the menu bar, choose File, Open.
C. Browse for the file you just saved on your desktop (mysample_firstname_lastname.htm).
D. Choose Open.
E. You should see only the title bar and a heading on your newly created homepage.
Step 3.
A.
Embracing GenAI - A Strategic ImperativePeter Windle
Artificial Intelligence (AI) technologies such as Generative AI, Image Generators and Large Language Models have had a dramatic impact on teaching, learning and assessment over the past 18 months. The most immediate threat AI posed was to Academic Integrity with Higher Education Institutes (HEIs) focusing their efforts on combating the use of GenAI in assessment. Guidelines were developed for staff and students, policies put in place too. Innovative educators have forged paths in the use of Generative AI for teaching, learning and assessments leading to pockets of transformation springing up across HEIs, often with little or no top-down guidance, support or direction.
This Gasta posits a strategic approach to integrating AI into HEIs to prepare staff, students and the curriculum for an evolving world and workplace. We will highlight the advantages of working with these technologies beyond the realm of teaching, learning and assessment by considering prompt engineering skills, industry impact, curriculum changes, and the need for staff upskilling. In contrast, not engaging strategically with Generative AI poses risks, including falling behind peers, missed opportunities and failing to ensure our graduates remain employable. The rapid evolution of AI technologies necessitates a proactive and strategic approach if we are to remain relevant.
Safalta Digital marketing institute in Noida, provide complete applications that encompass a huge range of virtual advertising and marketing additives, which includes search engine optimization, virtual communication advertising, pay-per-click on marketing, content material advertising, internet analytics, and greater. These university courses are designed for students who possess a comprehensive understanding of virtual marketing strategies and attributes.Safalta Digital Marketing Institute in Noida is a first choice for young individuals or students who are looking to start their careers in the field of digital advertising. The institute gives specialized courses designed and certification.
for beginners, providing thorough training in areas such as SEO, digital communication marketing, and PPC training in Noida. After finishing the program, students receive the certifications recognised by top different universitie, setting a strong foundation for a successful career in digital marketing.
Normal Labour/ Stages of Labour/ Mechanism of LabourWasim Ak
Normal labor is also termed spontaneous labor, defined as the natural physiological process through which the fetus, placenta, and membranes are expelled from the uterus through the birth canal at term (37 to 42 weeks
Unit 8 - Information and Communication Technology (Paper I).pdfThiyagu K
This slides describes the basic concepts of ICT, basics of Email, Emerging Technology and Digital Initiatives in Education. This presentations aligns with the UGC Paper I syllabus.
The French Revolution, which began in 1789, was a period of radical social and political upheaval in France. It marked the decline of absolute monarchies, the rise of secular and democratic republics, and the eventual rise of Napoleon Bonaparte. This revolutionary period is crucial in understanding the transition from feudalism to modernity in Europe.
For more information, visit-www.vavaclasses.com
Synthetic Fiber Construction in lab .pptxPavel ( NSTU)
Synthetic fiber production is a fascinating and complex field that blends chemistry, engineering, and environmental science. By understanding these aspects, students can gain a comprehensive view of synthetic fiber production, its impact on society and the environment, and the potential for future innovations. Synthetic fibers play a crucial role in modern society, impacting various aspects of daily life, industry, and the environment. ynthetic fibers are integral to modern life, offering a range of benefits from cost-effectiveness and versatility to innovative applications and performance characteristics. While they pose environmental challenges, ongoing research and development aim to create more sustainable and eco-friendly alternatives. Understanding the importance of synthetic fibers helps in appreciating their role in the economy, industry, and daily life, while also emphasizing the need for sustainable practices and innovation.
Francesca Gottschalk - How can education support child empowerment.pptxEduSkills OECD
Francesca Gottschalk from the OECD’s Centre for Educational Research and Innovation presents at the Ask an Expert Webinar: How can education support child empowerment?
Operation “Blue Star” is the only event in the history of Independent India where the state went into war with its own people. Even after about 40 years it is not clear if it was culmination of states anger over people of the region, a political game of power or start of dictatorial chapter in the democratic setup.
The people of Punjab felt alienated from main stream due to denial of their just demands during a long democratic struggle since independence. As it happen all over the word, it led to militant struggle with great loss of lives of military, police and civilian personnel. Killing of Indira Gandhi and massacre of innocent Sikhs in Delhi and other India cities was also associated with this movement.
1. | 1P a g e
Prepared by: Miss Humera Gull Dept: Information System, KKU
HTML
HTML is a language for describing web pages.HTML stands for Hyper Text
Markup Language
A markup language is a set of commands that tell a computer how to format your
document.
A markup language is a set of markup tags .HTML uses markup tags to describe
web pages
HTML documents contain HTML tags and plain text
The purpose of a web browser (like Internet Explorer or Firefox) is to read HTML
documents and display them as web pages. The browser does not display the
HTML tags, but uses the tags to interpret the content of the page:
The text between <html> and </html> describes the web page .The text between
<body> and </body> is the visible page content
Editing HTML :
HTML can be written and edited using many different editors, we use editor
Notepad to edit HTML.
.HTM or .HTML File Extension?
When you save an HTML file, you can use either the .htm or the .html file
extension. There is no difference
The beginning of the tag <>,The end of the tag is </>
Following are the HTML programs with their output:-
2. | 2P a g e
Prepared by: Miss Humera Gull Dept: Information System, KKU
1. Design a webpage to display text ”Introduction to Information Technology” as
title on the page.
<html>
<body>
<Title> Introduction to Information Technology
</Title>
</body>
</html>
2. Design a webpage to scroll the text “ King Khalid University” right direction
using marquee tag.
<html>
<body>
<marquee direction=”right”> King Khalid University
</marquee>
</body>
</html>
3. | 3P a g e
Prepared by: Miss Humera Gull Dept: Information System, KKU
3. Design a web page to write a simple paragraph.
<html>
<body>
<p>This is a paragraph.</p>
<p>This is a paragraph.</p>
<p>This is a paragraph.</p>
</body>
</html>
4. | 4P a g e
Prepared by: Miss Humera Gull Dept: Information System, KKU
4. Design a webpage to display text in different sizes using six heading tags.
<html>
<body>
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>
</body>
</html>
5. | 5P a g e
Prepared by: Miss Humera Gull Dept: Information System, KKU
5. Design a webpage to display another link on the page.
<html>
<body>
<a href="http://www.w3schools.com">
This is a link</a>
</body>
</html>
6. Design a webpage to display an image on the page.
<html>
<body>
<img src="C:UsersPublicPicturesSample Pictureskoala.jpg" width="104" height="142">
</body>
</html>
6. | 6P a g e
Prepared by: Miss Humera Gull Dept: Information System, KKU
7. Design a web page to write a paragraph along with horizontal line.
<html>
<body>
<p>The hr tag defines a horizontal rule:</p>
<hr>
<p>This is a paragraph.</p>
<hr>
<p>This is a paragraph.</p>
<hr>
<p>This is a paragraph.</p>
</body>
</html>
7. | 7P a g e
Prepared by: Miss Humera Gull Dept: Information System, KKU
8. Design a web page to format a paragraph using different formatting options
like,bold,Italic,small.superscript and subscript.
<html>
<body>
<p><b>This text is bold</b></p>
<p><strong>This text is strong</strong></p>
<p><em>This text is emphasized</em></p>
<p><i>This text is italic</i></p>
<p><small>This text is small</small></p>
<p>This is<sub> subscript</sub> and <sup>superscript</sup></p>
</body>
</html>
8. | 8P a g e
Prepared by: Miss Humera Gull Dept: Information System, KKU
9. Design a webpage to write a line of text from right to left using bi-directional
override.
<html>
<body>
<p>
If your browser supports bi-directional override (bdo), the next line will be written from the
right to the left (rtl):
</p>
<bdo dir="rtl">
Here is some Hebrew text
</bdo>
</body>
</html>
10.Design a webpage to mark deleted and inserted text.
<html>
<body>
<p>My favorite color is <del>blue</del> <ins>red</ins>!</p>
<p>Notice that browsers will strikethrough deleted text and underline inserted text.</p>
</body>
</html>
9. | 9P a g e
Prepared by: Miss Humera Gull Dept: Information System, KKU
11.Design a webpage as follows using style tag.
<html>
<body style="background-color:yellow;">
<h2 style="background-color:red;">This is a heading</h2>
<p style="background-color:green;">This is a paragraph.</p>
</body>
</html>
12.Design a webpage to display page background color as blue.
<html>
<body bgcolor=”blue”>
</body>
</html>
10. | 10P a g e
Prepared by: Miss Humera Gull Dept: Information System, KKU
13. Design a webpage to display the unordered list of the following
<html>
<body>
<h4>An Unordered List:</h4>
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
</body>
</html>
11. | 11P a g e
Prepared by: Miss Humera Gull Dept: Information System, KKU
14. Design a webpage to display the ordered list of the following
<html>
<body>
<h4>An Ordered List:</h4>
<ol>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
</body>
</html>
15. Design a webpage to display “Welcome to KKU” at center of the
page
<html>
<body> <center> Welcome to KKU</center>
</body>
</html>
12. | 12P a g e
Prepared by: Miss Humera Gull Dept: Information System, KKU
16. Design a webpage to create a simple ‘monthly Saving’ Table.
<html>
<body>
<table border="1">
<caption>Monthly savings</caption>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>February</td>
<td>$50</td>
</tr>
</table>
</body>
</html>
13. | 13P a g e
Prepared by: Miss Humera Gull Dept: Information System, KKU
17. Design a webpage to display check boxes on the page.
<html>
<body>
<form action="">
<input type="checkbox" name="vehicle" value="Bike">I have a bike<br>
<input type="checkbox" name="vehicle" value="Car">I have a car
</form>
</body>
</html>
14. | 14P a g e
Prepared by: Miss Humera Gull Dept: Information System, KKU
18. Design a webpage to display radio buttons on the page
<html>
<body>
<form action="">
<input type="radio" name="sex" value="male">Male<br>
<input type="radio" name="sex" value="female">Female
</form>
</body>
</html>
19. Design a webpage to create a button on the form.
<html>
<body>
<form action="">
<input type="button" value="Hello world!">
</form>
</body>
</html>
15. | 15P a g e
Prepared by: Miss Humera Gull Dept: Information System, KKU
20. Design a webpage to create a text field on the form.
<html>
<body>
<form action=" ">
First name: <input type="text" name="first name"><br>
Last name: <input type="text" name="last name">
</form>
</body>
</html>