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.
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
ChatGPT Millionaire 2024 - Bot-Driven Side Hustles, Prompt Engineering Shortcut Secrets, and Automated Income Streams that Print Money While You Sleep. The Ultimate Beginner’s Guide for AI Business
ChatGPT Money Machine 2024 - The Ultimate Chatbot Cheat Sheet to Go From Clueless Noob to Prompt Prodigy Fast! Complete AI Beginner’s Course to Catch the GPT Gold Rush Before It Leaves You Behind