Download as PPTX, PDF, TXT or read online from Scribd
Download as pptx, pdf, or txt
You are on page 1/ 11
HTML
By Manav Agrawal 9A SCTS MHL-1 HTML AND ITS USES HTML (or) Hyper Text Markup Language is a programming language used mainly for web pages in a browser. HTML is made up of set of elements or tags that are used as instructions to tell the browser what to appear on a web-page and how it should be structured. HTML was developed by Tim Berners-Lee in 1993. It is written in the form of HTML elements consisting of tags enclosed in angular brackets. Example : <html>…….<html> These tags are instructions that tell the browser what to show on the webpage. The browser translates these tags to web-pages. STRUCTURE OF HTML DOCUMENT
A HTML document has two main parts, the HEAD and the BODY. Basic information about the document such as the document title is included in the head. The subject of the body is written in the body. The HTML tag for the document head is <HEAD> and for the document body is <BODY>. Every HTML document contains the head and body codes. CLASSIFICATION OF HTML ELEMENTS We have 4 types of HTML elements. These elements are used to create the structure pf HTML. 1) Container Element: Elements which have both start and end tags. Example : <HTML>,,,,,,,,,,,,,,,,,,,,,,,,</HTML> 2) Empty Element: Elements which have only start tag and no end tag. Example : <break> 3) Head Element: HEAD Element is used to specify the title in HTML. 4) Body Element : BODY Element is used for the body of the HTML document. All the background images, colors, text etc. are specified using BODY Element. ATTRIBUTS IN HTML
Attributes defines the characteristic of the element.
It gives additional information about an element. Most of the HTML elements can have attributes. Attributes have two parts, Name and Value. Example : <Font Face = “Calibri”> <Body bgcolor = “Red”? <Body Text = “Green”> Align attribute is used to align the text accordingly. Example : align = “Left”, align = “Right”, align = “Center”. HTML TAGS
Heading tab is used to specify various size of headings. HTML has six levels of headings those are <h1>, <h2>, <h3>, <h4>, <h5>, <h6>. <h1> displays the heading in the biggest size and <h6> displays the heading in the smallest size. The Paragraph tag helps to structure your text. The text of a paragraph should be between opening and closing paragraph tag. It divides text into paragraphs and leaves a blank line after each paragraph. Tag: <p>--------------------</p> Break Tag is used to leave a line and begin with the next line. <br>. Bold Tag is used to make a particular text bold. <b>------------</b>. Italic Tag is used to make a particular text italic. <i>-----------</i>. HTML TAGS
Underline Tag is used to underline the text. <u>------------</u>.
Mark Text Tag highlights text specified within the tag. <mark>-----------------</mark>. Big Element Tag displays the text bigger than the normal text size. <big>--------------</big>. Small Element is used to display the text in font size smaller than the size of normal text. <small>----------------------</small> Strike Element is used to strike the text which is specified between the tags. <strike>----------------</strike>. Subscript Tag displays the specified text below the base line. This is mostly used to write chemical reactions. <sub>-----------------</sub>. FORMATTING ELEMENTS IN HTML
Font Element : Font plays a vital role in creating a website. This element is used to change the size, colour and style of the text. The text within the font tag will remain unchanged. <font>--------</font>. Font size attribute specifies font size either as a numeric or a relative value. Numeric values range from 1 to 7. Default size is 3. <font size = number from 1 to 7> Text </font> Font colour attribute is used to assign different colours for the text in a webpage. <font colour = “colour name”> text…….</font> Marquee Tag us used to scroll a piece of text displayed either horizontally or vertically depending on the settings. <marquee>------------</marquee> SETTING BACKGROUND COLOUR
The background colour attribute is used to set the background colour on the webpage. It is specified in the body tag. <BODY BGCOLOR = “RED”>. SETTING BACKGROUND IMAGE
The background image attribute is used to set the image as a background on the webpage. It is specified to body tag. <body background = “img src.jpg”> THANK YOU
