The document provides an introduction to basic HTML tags and examples of common HTML elements like headings, paragraphs, links, images, and lists. It explains that HTML tags come in pairs with opening and closing tags and are surrounded by angle brackets. Examples are given to demonstrate how to define headings, paragraphs, links, images, and other elements using the appropriate HTML tags.
The document provides an introduction to basic HTML tags and examples of common HTML elements like headings, paragraphs, links, images, and lists. It explains that HTML tags come in pairs with opening and closing tags and are surrounded by angle brackets. Examples are given to demonstrate how to define headings, paragraphs, links, images, and other elements using the appropriate HTML tags.
The document provides an introduction to basic HTML tags and examples of common HTML elements like headings, paragraphs, links, images, and lists. It explains that HTML tags come in pairs with opening and closing tags and are surrounded by angle brackets. Examples are given to demonstrate how to define headings, paragraphs, links, images, and other elements using the appropriate HTML tags.
BASIC HTML + EXAMPLES HTML tags are keywords surrounded by angle brackets like <html> HTML tags normally come in pairs like <b> and </b> The first tag in a pair is the opening tag, the second tag is the closing tag BASIC HTML + EXAMPLES HTML headings are defined with the <h1> to <h6> tags. H1 being the largest, H6 smallest. HTML paragraphs are defined with the <p> tag. <p>This is a paragraph.</p> <p>This is another paragraph.</p>
HTML links are defined with the <a> tag.
<a href="http://www.w3schools.com">This is a link</a>
HTML images are defined with the <img> tag.
<img src=image.jpg" width="104" height="142" /> BASIC HTML + EXAMPLES A text with a span element that can be styled with CSS. <p>My dog has <span class=black">black</span> eyes.</p> An unordered HTML list: <ul> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ul> BASIC HTML + EXAMPLES
Example Explanation
The text between <html>
<html> and </html> describes the <body> web page The text between <body> <h1>My Web Page</h1> and </body> is the visible page content <p>My first paragraph.</p> The text between <h1> and </h1> is displayed as </body> a heading </html> The text between <p> and </p> is displayed as a paragraph WEB PAGE SAMPLE WEB PAGE SAMPLE WEB PAGE SAMPLE WEB PAGE SAMPLE WEB PAGE SAMPLE WEB PAGE SAMPLE WEB PAGE SAMPLE WEB PAGE SAMPLE Web Graphic Formats
Three main types: - GIF - JPG - PNG Web Graphic Formats GIF Graphic Information Format (Best for charts, graphics: ads, logos etc.) can contain up to 256 colors
support transparency. If you dont want a
background for your graphic or dont want it in a box. can be animated
not good for photographs. Lose quality & files
wont be compact Web Graphic Formats JPG Joint Photographic Experts Group (Best for images w/ many colors. Scanned artwork or photos) can contain up to 16 million colors
you can set the compression for each image to
reduce the file size. The more compressed however the lower the quality. not good for images w/ few colors, such as graphics or images w/ few colors. Will leave them looking blotchy. Web Graphic Formats PNG - Progressive Network Graphics (Newest web graphics format) Compact and versatile. Can combine features of GIF & JPG. (have transparent backgrounds & contain millions of colors) supported by all modern browsers. May not appear in older browsers.
Learn Python Programming for Beginners: Best Step-by-Step Guide for Coding with Python, Great for Kids and Adults. Includes Practical Exercises on Data Analysis, Machine Learning and More.
ChatGPT Side Hustles 2024 - Unlock the Digital Goldmine and Get AI Working for You Fast with More Than 85 Side Hustle Ideas to Boost Passive Income, Create New Cash Flow, and Get Ahead of the Curve
Microsoft 365 Guide to Success: 10 Books in 1 | Kick-start Your Career Learning the Key Information to Master Your Microsoft Office Files to Optimize Your Tasks & Surprise Your Colleagues | Access, Excel, OneDrive, Outlook, PowerPoint, Word, Teams, etc.
Microsoft PowerPoint Guide for Success: Learn in a Guided Way to Create, Edit & Format Your Presentations Documents to Visual Explain Your Projects & Surprise Your Bosses And Colleagues | Big Four Consulting Firms Method
Microsoft OneDrive Guide to Success: Learn in a Guided Way to Archive and Organize Your Files in the Microsoft Cloud Storage | OneDrive to Your Documents from any Device