Presentation is loading. Please wait.

Presentation is loading. Please wait.

HTML popo.

Similar presentations

Presentation on theme: "HTML popo."— Presentation transcript:

1 HTML popo

2 HTML What is HTML HTML stands for the HyperText Markup Language.
HTML code is the language of the Internet's World Wide Web. Web sites and web pages are written in HTML code. HTML is used to bring together text, pictures, sounds, and links... all in one place! HTML code files are plain text files, with extension.html popo

3 HTML What is Markup Markup means that specific portions of a document are marked up to indicate how they should be displayed in the browser. HTML carries information about the web page though, the display of the document dependent on the browser. popo

4 HTML Html tag The HTML html tag is the container that contains all other HTML elements. All other HTML elements are nested between the opening <html> and </html> tags. <HTML> and ends with </HTML>. These are the starting and the ending tags of the HTML document. popo

5 HTML HTML title Tag The HTML <title> tag is used for declaring the title of the HTML document. The title is usually displayed in the browser's title bar (at the top). Eg <title>my page</title> popo

6 HTML HTML head Tag The HTML head tag is used for indicating the head section of the HTML document. The head can contain other HTML tags that provide information about the document such as title, description, keywords etc. Most of this information is not displayed in the browser (although the title usually appears in the browser's title bar) but can be useful for search engines etc. The head tag is placed between the <html> and the <body> tags. popo

7 HTML HTML body Tag The HTML body tag is used for indicating the main content section of the HTML document. <body> </body> popo

8 HTML The basic syntax of a tag: What are HTML Tag attributes
<TAG ATTRIBUTE="VALUE">some text ... </TAG> What are HTML Tag attributes Attributes change the properties of tags and are placed ONLY inside the starting tag. Each attribute usually has a value associated. The attribute-value pair is written as: popo

9 HTML popo <html> <head>
<title>HTML body tag</title> </head> <body text= red bgcolor=orange> <p>Document content </p> </body> </html> popo

10 HTML HTML br Tag The HTML br tag is used for specifying a line break.
Eg <p>This is before the line break<br /> and this after the line break.</p> o/p This is before the line break and this after the line break. popo

11 HTML HTML hr Tag The HTML hr tag is used for creating a horizontal rule. eg <p>Here is a horizontal rule:<hr /></p> popo

12 HTML Physical Tags And Logical Tags.
Physical tags define how the text should be displayed in the browser. They control the Physical characteristics of the text. Logical Tags on the other hand indicate the 'type' of content they enclose. They do not determine the display of the text and the browser is free to set the presentation. popo

13 HTML popo Physical Tags
There are 10 physical tags each requiring a closing tag: <I> Italics: I am in italics <B> Bold: I am in bold <U> Underline: I am underlined <STRIKE> Strikethrough: I am struck! <SUP> Superscript: My superscript <SUB> Subscript: My subscript <TT> Typewriter: I am in typewriter form <BIG> Bigger font: I am bigger <SMALL> Smaller font: I am smaller <S> Strikethrough alternative: I am also struck! popo

14 HTML popo There are 9 logical tags each requiring a closing tag:
<STRONG> Strong: I am strong <EM> Emphasis: I am emphasized <ABBR> Abbreviation: I am abbreviated <CITE> Citation: Citation <CODE> Code: I am programming code <DFN> Definition: Definition <KBD> Keyboard: Quite like keyboard strokes <SAMP> Sample: Sample <VAR> Programming Variable: Programming Variable popo

15 HTML popo <DIV> tag
 <DIV> and </DIV> tags divides the document into sections. It's especially useful with Cascading Style Sheets usage, when a whole section can adopt a certain formatting style. ALIGN attribute of this tag to align the text surrounded by these tags. <DIV align="left"> aligns elements inside it, to the left.</DIV> <DIV align="right"> aligns elements inside it, to the right.</DIV> <DIV align="center"> aligns elements inside it, to the center.</DIV> popo

16 HTML <CENTER> tag
<CENTER>Centrally aligns this text</CENTER> popo

17 HTML <MARQUEE> These tags are displayed only by some browsers and ignored by the others. The <MARQUEE> tag provides some animated text to the page. An easy way to put some colorful animated text on your page. popo

18 HTML Font COLOR attribute
 The attribute takes either the hexadecimal color value or just the color name. Some common color names are Blue, Green, Red, Yellow, White, Black, Cyan, Magenta, Pink etc. <FONT COLOR="RED">Red Text</FONT> <FONT COLOR="BLUE">Blue Text</FONT> <FONT COLOR="GREEN">Green Text</FONT> popo

19 HTML Font SIZE attribute
The size attribute takes a number from 1 to 7 as its value with 1 as the smallest and 3 the default. <FONT SIZE="1">Some Text</FONT> <FONT SIZE="2">Some Text</FONT> popo

20 HTML popo HTML Ordered List
If the ranking of items is desired, we employ ordered lists. To place individual list items, you use the <LI> tag as <OL> <LI>Item One <LI>Item Two <LI>Item Three <LI>Item Four </OL> The code above is displayed by the browser as Item One Item Two Item Three Item Four popo

21 HTML popo HTML Unordered List
<UL> - </UL> are the starting and ending tags of Unordered lists. List items are included using the <LI> tag. Unordered lists also support the TYPE attribute that takes disc, circle or square as its value. <UL> <LI>Item One <LI>Item Two <LI>Item Three <LI>Item Four </UL> is displayed as Item One Item Two Item Three Item Four popo

22 HTML HTML img Tag The HTML img tag is used for embedding images into an HTML document. To use this tag, the image you specify in the src attribute needs to be available on a web server. <img src=“sound.jpg" width="225" height="151”> popo

23 HTML popo HTML table Tag
The HTML <table> tag is used for defining a table. The table tag contains other tags that define the structure of the table. Table Elements <table border = "1"> <tr> <td>Cell 1</td> <td>Cell 2</td> </tr> </table> popo

Download ppt "HTML popo."

Similar presentations

Ads by Google