BASIC HTML
- 1. BASIC HTML By: Everrome R. Asico
- 2. What is HTML? HyperText Markup Language • is the main markup language for web pages. •HTML elements are the basic building-blocks of webpages.
- 3. What is HTML? •HTML is not a programming language, it is a markup language A markup language is a set of markup tags HTML uses markup tags to describe web pages
- 4. How to write HTML? • HTML is written in the form of HTML elements consisting of tags enclosed in angle brackets (like <html>). • HTML tags normally come in pairs like <b> and </b> • although some tags, known as empty elements, are unpaired, for example <img>.
- 5. Simple example <html> <head> <title>Hello HTML</title> </head> <body> <p>Hello World!</p> </body> </html>
- 6. Editing HTML •HTML can be written and edited using many different editors like Dreamweaver and Visual Studio. •However, Using a plain text editor is the best way to learn HTML.
- 7. The Basics HTML Headings HTML headings are defined with the <h1> to <h6> tags. Examples: <h1>This is a heading</h1> <h2>This is a heading</h2> <h3>This is a heading</h3>
- 8. The Basics HTML Paragraphs HTML paragraphs are defined with the <p> tag. Examples: <p>This is a paragraph.</p> <p>This is another paragraph.</p>
- 9. The Basics HTML Links HTML links are defined with the <a> tag. Example: <a href="http://www.depednaga.com">This is a link</a> To open in New Window or Tab: <a href="http://www.depednaga.com/" target="_blank">Visit W3Schools!</a>
- 10. The Basics HTML Images HTML images are defined with the <img> tag. Example: <img src=“location/url(Uniform Resource Locator)" attributes />
- 11. Image Tag Syntax for defining an image: <img src="url" alt="some_text"/> Alt-Attributes: <img src="boat.gif" alt="Big Boat" />
- 12. Image Tag Image with defined width and height: <img src="pulpit.jpg" alt="Pulpit rock" width="304" height="228" /> Other Attributes: •Border •Align (center, left, right)
- 13. Marquee Tag This tag enables the user to create a scrolling text or image. Basic Syntax: <marquee>text</marquee> Marquee Behaviors: • Slide • Alternate Syntax: <marquee behavior=“behavior”>text</marquee>
- 14. Marquee Tag Marquee Directions: • Right • Up • Down Syntax: <marquee direction=“direction”>text</marquee>
- 15. HTML Formatting Alignment: • Center • Right • Left • Top • Bottom • Justify Syntax: <p align=“alignment”>text</p>
- 16. HTML Formatting To Insert a new line: Syntax: <br> To add a space: Syntax:   (non-broken space) To add a subscript: Syntax: <sub>Character</sub> To add a superscript: Syntax: <sup>character</sup>
- 17. “ It's not at all important to get it right the first time. It's vitally important to get it right the last time. ” - Andrew Hunt and David Thomas
- 18. THANK YOU