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.