1 / 23

HTML

HTML. popo. 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!

mateo
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 • 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: • <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: • <TAG ATTRIBUTE="VALUE">some text ... </TAG> • popo

  9. HTML • <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 • 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 • 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 • <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 • 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 • 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 srcattribute needs to be available on a web server. • <imgsrc=“sound.jpg" width="225" height="151”> • popo

  23. HTML • 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

More Related