HTML
•Download as PPTX, PDF•
1 like•350 views
This document is a presentation about HTML basics. It defines HTML, discusses its tags and structure. It covers heading tags, paragraph tags, line break tags, bold, italic and underline tags, image tags, and link tags. Examples of code are provided for each. The presentation is given by Ali Akram for their BS IT class at the University of Education Okara Campus.
More Related Content
What's hot
What's hot (20)
Viewers also liked
Viewers also liked (17)
Similar to HTML
Similar to HTML (20)
More from university of education,Lahore
More from university of education,Lahore (20)
Recently uploaded
Recently uploaded (20)
HTML
- 1. Presented By : Ali Akram Roll No. : 1019 Class : BS IT (M)1ST semester University of Education Okara Campus 1
- 2. Definition Requirements HTML basic tags and structer HeadingTags Paragraph making Tags for break the line Tags for italic,bold and underline Tags for images Tag for link University of Education Okara Campus 2
- 3. Html is a tag-based markup language used to create web page. It is not a programming language,it is a markup language. University of Education Okara Campus 3
- 4. Text editor: A text editor is a soft wear application used to create and manipulate text, such as notepad and WordPad. TAGS: Tags serve as the foundation of HTML language. Tag define the element and characteristics of HTML language. University of Education Okara Campus 4
- 5. <HTML> <HEAD> <TITLE>MY HOME PAGE</TITLE> </HEAD> <BODY> </BODY> </HTML> University of Education Okara Campus 5
- 6. University of Education Okara Campus 6 HTML tags are usually in pairs Between the <head> and </head> tags, you find information about the page Between the <body> and </body> tags, you find instructions for displaying text, pictures etc...
- 7. University of Education Okara Campus 7 Heading styles We can use different heading sizes from <h1> Heading 1 (the biggest) to <h6> Heading 6 (the smallest) to make our headings stand out
- 8. <HTML> <HEAD> <TITLE>My home page</TITLE> </HEAD> <BODY> <h1>Heading h1</h1> <h2>Heading h2</h2> <h3>Heading h3</h3> <h4>Heading h4</h4> <h5>Heading h5</h5> <h6>Heading h6</h6> </BODY> </HTML> University of Education Okara Campus 8 .
- 9. University of Education Okara Campus 9 <HTML> <HEAD> <TITLE>My home page</TITLE> </HEAD> <BODY> <p>Here you write a paragraph or a context for your webpage.</p> </BODY> </HTML>
- 10. If we write two lines on notepad then after refresh on webpage like internet explore the result is that two lines appear on single one. So we use the tag: This is my first line<br/>This is my second line. In <br/> tag there is only single tag no closing tag. University of Education Okara Campus 10
- 11. For bold letter: <b>write line</b> Result: “write line” For italic letter: <i>write word</i> Result: “Write word” For underline: <u>my name</u> Result: “my name” University of Education Okara Campus 11
- 12. University of Education Okara Campus 12
- 13. Example HTML code: <HTML> <head> <title>Hello World</title> </head> <body bgcolor = “#000000”> <font color = “#ffffff”> <H1>Hello World</H1> </font> </body> </HTML> University of Education Okara Campus 13
- 14. Allow variety in how an element is displayed or functions: Example: <img src=“football.jpg” width=“100px” height=“100px”/> <img is a flag to the browser to insert an image, while the attributes tell the browser how to display the image University of Education Okara Campus 14
- 15. <a href=“http://www.google.com/”>Google</a> Google Yahoo Facebook University of Education Okara Campus 15 If we want to add link on page then we use the tag:
- 16. HTML is very important for making webpage. With the help of HTML we can easily create page of our desires.Simply by using the tags we can easy adjust everything in stylish way. University of Education Okara Campus 16