COMPUTER FUNDAMENTAL LAB REPORT FOR 1ST SEM

engrkarimullah5806 62 views 12 slides Jul 07, 2024
Slide 1
Slide 1 of 12
Slide 1
1
Slide 2
2
Slide 3
3
Slide 4
4
Slide 5
5
Slide 6
6
Slide 7
7
Slide 8
8
Slide 9
9
Slide 10
10
Slide 11
11
Slide 12
12

About This Presentation

....


Slide Content

Lab#7 Introduction to HTML

Objectives of the lab What is html. Why we need html. The aim of this lab is how to create a basic website   .

What is HTML HTML stands for Hyper text mark-up language. It’s a language for designing web pages using ordinary text. HTML is not a programming language; it is a  markup language  that defines the structure of your content. Every web page is actually a HTML file.

HTML HT(hyper text): it is a text but when I click on that text it redirects me to another page. M(Mark-up): means to process text in a specific format or made of mark-up tags. starts from a mark-up tag and that mark-up tag is closes in the code. e.g. <html>…….</html>

Element HTML consists of a series of  elements. An element is a part of a webpage. In   HTML, an element may contain a data item or a chunk of text or an image, or perhaps nothing. A typical element includes an opening tag, enclosed text content, and a closing tag .

Element (cont.) The main parts of element are as follows: The opening tag:  This consists of the name of the element e.g. <p> here p is wrapped in opening and closing angle brackets. This states where the element begins — in this case where the paragraph begin. The closing tag:  This is the same as the opening tag, except that it includes a  forward slash  before the element name. This states where the element ends — </p> in this case where the paragraph ends. The content:  This is the content of the element, which in this case, is just text.

Nested HTML tags Tags within tags is known as nested HTML tags. < ul > %unordered list tag <li> cat </li> <li> dog </li> <li> elephant </li> </ ul >

output The code will produce following unordered list c at d og elephant

< ol > %ordered list tag <li> cat </li> <li> dog </li> <li> elephant </li> </ ol >

output The code will produce following ordered list cat dog elephant

4 basic HTML tags <html> defines an html document. (root tag) <header> define header for the document. <title> define a title for the document. <body> defines document’s body.

Lab task Write at least 30 html tags w ith description. What is the difference between HTML tag and element.