1 / 16

HTML

Basic introduction of HTML and its tags.

komalmalhotra
Download Presentation

HTML

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. HTML HTML is the standard markup language for creating web pages. HTML stands for Hyper-Text, Mark-up, Language. HTML describes the structure of web pages using markup. Using HTML you can add links to the web pages. HTML is the most widely used language to design web contents for the internet. HTML5 is the latest version.

  2. HTML stands for • Hyper-Text:- Hyper-Text is the text which contain links to the other text. • Mark-Up:- It means highlighting the text by underlining or displaying it in different colors or both . • Language:- It refers to the mode of communication between web pages.

  3. HTMLTags HTML is a tag based language. It instructs a web browser what to display and how to display. A complete tag having an opening <tag> and a closing </tag> is known as element. There are two types of tags:- • Container tags • Empty tags

  4. Container Vs Empty tag • Container tags:- In HTML, tags that include both start and end tag are called container tags.For example:- <Title> HTML lesson </Title> tag describe the title of the web page. • Empty tags:- In HTML, these tags have only a start tag, there are no end tags. For example:- <BR> tag is an empty tag which breaks the line and display the text from the next line.

  5. Structure of an HTML The standard structure of an HTML document has two sections: Head and Body <HTML> ← Begins Tag <Head> <Title>structure </Title> </Head> <Body> Hello, today we are doing HTML. </Body> </HTML> ← Ending Tag

  6. To create an HTML document To create an HTML document you need two things:- • HTML Editor • Web Browser • HTML Editor:- Editor is an application software for creating web pages. The editor that can be used is Notepad on windows. • Web Browser:- A web browser is an application software that reads the HTML document and displays them as webpages.The browser does not display the HTML tags,but uses the tag to interpret the content of the page.some popular web browsers are internet explorer , mozilla firefox , google chrome.

  7. HTML Editor & Web Browser HTML Editor Web Browser

  8. Heading Tag This tag is used to define different heading levels . There are six heading level(h1 to h6).these tags are written within <BODY> tag. Syntax:- <HTML> <HEAD> <TITLE>heading styles</TITLE> </HEAD> <BODY> <H1>heading 1</H1> </BODY> </HTML>

  9. Example

  10. Break Tag • This tag break the line and display the text from the next line, without giving any space between two lines. • It should be given at the end of the line after which a new line is required. • It is a type of empty element. Syntax: <BR>

  11. Example

  12. Font Style Tag These tags change the appearance of the text. Bold: It display the text in bold form. Syntax:- <B> Bold </B> Italic: It display the text in italic form. Syntax:- <I> Italic </I> Underline: This tag underline the text. Syntax:- <U> Underline </U>

  13. Example:-

  14. Recapitulation • Q1:- What is the full form of HTML ? • Q2:- How many tags in HTML ? • Q3:- Name two main sections of HTML structure. • Q4:- Which two things are used to create HTML document?

  15. Homework Q:- Create a webpage with title name “Ambition” and write “Ambition in life” in Bold form. Then write some text in new line.

More Related