Sue Charlesworth, Author at HTML Goodies

No author bio available.

Updated by Rob Gravelle Interest in and use of the World Wide Web has been expanding at a phenomenal rate. As the Web grows, so must its vehicle of communication, HTML. The HTML 2.0 specification was published in November of 1995. Since then, the HTML 3.0 draft specification expired on September 28, 1995, without becoming […]

Sue Charlesworth

Feb 16, 2016

HTML

New Tags in HTML 4.0

The W3C document "Changes between HTML 3.2 and HTML 4.0" lists eight new tags in HTML 4.0. A brief description of these tags follows. … The … tag acts much the same as the tag, but applies to shorter quoted sections, ones that don’t need paragraph breaks. Example: According to the W3C, BLOCKQUOTE is […]

Sue Charlesworth

Jan 18, 2005

HTML

What’s Different in HTML 4.0

In order to keep up with (or try to) the rapidly changing world of HTML, we present here the changes between HTML 3.2 and HTML 4.0. HTML 4.0 introduces eight new elements, deprecates ten (more about deprecation in a bit), and makes obsolete three more. Frames, formerly only found in the browser versions of HTML, […]

Sue Charlesworth

Jan 18, 2005

HTML

Deprecated Tags in HTML 4.0

Deprecated tags and attributes are those that have been replaced by other, newer, HTML constructs. Deprecated tags are still included in the HTML draft or recommendation but are clearly marked as deprecated. Once deprecated, tags may well become obsolete. The draft “strongly urges” the nonuse of deprecated tags. … allowed a form to contain […]

Sue Charlesworth

Jan 18, 2005

HTML

Internationalization

Despite its name, the World Wide Web has had some difficulty reaching out past the Western languages and alphabets. In general, character representation in HTML was largely confined to the use of the ISO 8859-1 (Latin-1) character set. This character set contains letters for English, French, Spanish, German, and the Scandinavian languages, but no Greek, […]

Sue Charlesworth

Jan 18, 2005

HTML

Obsolete Tags in HTML 4.0

Obsolete tags have been removed from the HTML specification. While browsers may still support obsolete tags, there is no guarantee that this support will continue. The three tags that become obsolete in HTML 4.0 are ,

, and <listing>. In all cases, replace these tags with <pre>. NOTE: Despite the fact that the HTML 4.0 […]</pre></listing></plaintext></p><p></p></div></div><div class="gap-x-7 mt-2 uppercase font-mono text-[12px] leading-[16px] tracking-widest text-zinc-500 flex flex-col"><a class="text-secondary hover:text-primary font-semibold" href="/author/sue-charlesworth/"> Sue Charlesworth </a><div class="uppercase font-mono text-[12px] leading-[16px] tracking-widest text-zinc-500">Jan 18, 2005</div></div></div></div> </div> <div class="justify-center md:hidden flex"> </div> </div> </div> <div class="flex flex-wrap justify-center items-center mt-14 text-sm text-gray-500"> <div class="flex items-center mt-4 gap-2"> </div> </div> </div> </div> </div> </div> <aside class="md:flex hidden md:col-span-4 space-y-8"> <div> <div class="flex flex-col gap-7"> <div class="flex items-start justify-between gap-4"> <div class="text-[20px]/[28px] pt-[12px] tracking-[1.4px] font-bold uppercase grow text-secondary border-t-2 border-secondary"> <h2>Latest Articles</h2> </div> <div class="hidden md:block"> </div> </div> <div> <div class="space-y-5 mb-10"> <div class="flex justify-between border-t border-zinc-200"><div class="grow h-full space-y-[11px] pr-4"><a class="text-secondary hover:text-primary my-2 font-semibold line-clamp-3 text-ellipsis overflow-hidden text-[14px]/[18px]" href="/seo/top-online-courses-to-learn-seo/"> Top Online Courses to Learn SEO </a><a class="font-mono uppercase font-bold text-xs line-clamp-2 text-ellipsis overflow-hidden tracking-[1px]" href="/seo/"> SEO </a></div><a href="/seo/top-online-courses-to-learn-seo/"> <div class="aspect-square relative max-w-[85px] min-w-[85px]"><div class="h-full group relative"> <img src="https://cdn.htmlgoodies.com/251ce061c6bda13731c5eb37ece41302728b2615848a08565995e2522818ccb0.avif?w=640" srcset="https://cdn.htmlgoodies.com/251ce061c6bda13731c5eb37ece41302728b2615848a08565995e2522818ccb0.avif?w=128 128w, https://cdn.htmlgoodies.com/251ce061c6bda13731c5eb37ece41302728b2615848a08565995e2522818ccb0.avif?w=256 256w, https://cdn.htmlgoodies.com/251ce061c6bda13731c5eb37ece41302728b2615848a08565995e2522818ccb0.avif?w=512 512w" alt="Digital Marketing Tutorials" loading="lazy" fetchpriority="auto" data-image="true" style="opacity:1" decoding="async" width="640" height="313" class="object-cover h-full group transition-opacity duration-300"> </div> </div> </a></div><div class="flex justify-between border-t border-zinc-200"><div class="grow h-full space-y-[11px] pr-4"><a class="text-secondary hover:text-primary my-2 font-semibold line-clamp-3 text-ellipsis overflow-hidden text-[14px]/[18px]" href="/seo/sellzone-review/"> Sellzone Marketing Tool for Amazon Review </a><a class="font-mono uppercase font-bold text-xs line-clamp-2 text-ellipsis overflow-hidden tracking-[1px]" href="/seo/"> SEO </a></div><a href="/seo/sellzone-review/"> <div class="aspect-square relative max-w-[85px] min-w-[85px]"><div class="h-full group relative" data-lazyimage=""> <img alt="" src="data:image/avif;base64,UklGRooAAABXRUJQVlA4IH4AAACQAgCdASoQAAgAAQAaJbACdDBGPIABywSMi7LNAAD+/cc/v5m1sHWsG/m7/g/6GSDLwmD18Mfvqj/zmHGfWLGHMO5SpOIcv5pV1XRlUMXdufJEwIJT73GX/JEXeVE3IF/T/p/9+ZeSKvT/owL9vF5h1P0emKUQUcpplwAfgAA=" decoding="async" aria-hidden="true" class="object-cover h-full group absolute inset-0" style="z-index: -1"> <div data-blur="" class="absolute inset-0 transition-opacity duration-300" style="backdrop-filter: blur(20px); z-index: 1;"></div> <img src="https://cdn.htmlgoodies.com/c6d659ce788a494eef3f6323079dc8803d7b084df941c06d3a297a9d22fb2bf1.png?w=1024" srcset="https://cdn.htmlgoodies.com/c6d659ce788a494eef3f6323079dc8803d7b084df941c06d3a297a9d22fb2bf1.png?w=128 128w, https://cdn.htmlgoodies.com/c6d659ce788a494eef3f6323079dc8803d7b084df941c06d3a297a9d22fb2bf1.png?w=256 256w, https://cdn.htmlgoodies.com/c6d659ce788a494eef3f6323079dc8803d7b084df941c06d3a297a9d22fb2bf1.png?w=512 512w" alt="Sellzone Amazon Marketing Tool" loading="lazy" fetchpriority="auto" decoding="async" data-image="true" style="opacity:0" width="1024" height="630" class="object-cover h-full group transition-opacity duration-300"> </div> </div> </a></div><div class="flex justify-between border-t border-zinc-200"><div class="grow h-full space-y-[11px] pr-4"><a class="text-secondary hover:text-primary my-2 font-semibold line-clamp-3 text-ellipsis overflow-hidden text-[14px]/[18px]" href="/cms/the-top-database-plugins-for-wordpress/"> The Top Database Plugins for WordPress </a><a class="font-mono uppercase font-bold text-xs line-clamp-2 text-ellipsis overflow-hidden tracking-[1px]" href="/cms/"> CMS </a></div><a href="/cms/the-top-database-plugins-for-wordpress/"> <div class="aspect-square relative max-w-[85px] min-w-[85px]"><div class="h-full group relative" data-lazyimage=""> <img alt="" src="data:image/avif;base64,UklGRuAAAABXRUJQVlA4WAoAAAAQAAAADwAACAAAQUxQSHwAAAABgGNt2zHnHdu2p7RtG5Viu5wuKNPbKtP9Z5YQmxuafHuIiAmAYfnyAJsVA5qV/77929FxUcHi4XX7reFBRQf1J9stFkCJbxrnW5PnQhQ4KidY2ALDVCACAE1lFsC/nW7F7o5bLfWJjDNot4eDa2Pp5e3R8b5tfWWlNd8HVlA4ID4AAADwAQCdASoQAAkAAQAaJagCdAEPA/oH2UAA/vplFTByhI+bz6GiaTprx1pw3P/vN0uy3if8nJib//88/6AAAA==" decoding="async" aria-hidden="true" class="object-cover h-full group absolute inset-0" style="z-index: -1"> <div data-blur="" class="absolute inset-0 transition-opacity duration-300" style="backdrop-filter: blur(20px); z-index: 1;"></div> <img src="https://cdn.htmlgoodies.com/0743b8017f04bfef5c816d90d4bbd4bef1239888947ae9852cbd35cb3e2ad5bc.png?w=512" srcset="https://cdn.htmlgoodies.com/0743b8017f04bfef5c816d90d4bbd4bef1239888947ae9852cbd35cb3e2ad5bc.png?w=128 128w, https://cdn.htmlgoodies.com/0743b8017f04bfef5c816d90d4bbd4bef1239888947ae9852cbd35cb3e2ad5bc.png?w=256 256w, https://cdn.htmlgoodies.com/0743b8017f04bfef5c816d90d4bbd4bef1239888947ae9852cbd35cb3e2ad5bc.png?w=512 512w" alt="Wordpress CMS" loading="lazy" fetchpriority="auto" decoding="async" data-image="true" style="opacity:0" width="512" height="310" class="object-cover h-full group transition-opacity duration-300"> </div> </div> </a></div> </div> <div class="flex justify-center md:justify-start right-rail data-empty:hidden" data-ad-slot="right-rail"> </div> </div> <div class="justify-center md:hidden flex"> </div> </div> </div> </aside> </div> <div class="flex items-center justify-center min-h-[90px]! md:min-h-[130px]! print:hidden inline-bottom data-empty:hidden" data-ad-slot="inline-bottom"> </div> </div> <div class="wrapper relative bg-primary text-primary-foreground pt-[44px] pb-[9px] z-999"> <div class="flex flex-col lg:grid lg:grid-cols-5 gap-x-[64px] space-y-[24px] lg:space-y-[16px]"> <div class="space-y-[24px] lg:space-y-[16px] lg:col-span-3"> <a class="inline-block" href="/"> <div class="max-w-[200px] self-start md:ml-[unset] relative"> <img src="https://0cbb5806-constellation.micah-shackelford.workers.dev/_image/?href=%2F_astro%2Fhtmlgoodies-white.BrUfocbM.png&w=2267&h=408&f=webp" alt="HTML Goodies Logo" data-image="true" style="opacity:1" loading="lazy" decoding="async" fetchpriority="auto" width="2267" height="408" class="max-w-[200px] self-start md:ml-[unset] transition-opacity duration-300"> </div> </a> <p class="leading-6"> The original home of HTML tutorials. HTMLGoodies is a website dedicated to publishing tutorials that cover every aspect of being a web developer. We cover programming and web development tutorials on languages and technologies such as HTML, JavaScript, and CSS. In addition, our articles cover web frameworks like Angular and React.JS, as well as popular Content Management Systems (CMS) that include WordPress, Drupal, and Joomla. Website development platforms like Shopify, Squarespace, and Wix are also featured. Topics related to solid web design and Internet Marketing also find a home on HTMLGoodies, as we discuss UX/UI Design, Search Engine Optimization (SEO), and web dev best practices. </p> <div class="flex gap-6 justify-center lg:justify-normal h-fit"> <div class="flex items-center gap-3 gap-4"> <div class="flex items-center"> <a href="https://www.facebook.com/HTMLGoodiesCom" target="_blank" rel="noopener noreferrer" class="flex items-center justify-center w-10 h-10 rounded-full bg-primary-foreground text-primary transition-all ease-in-out hover:opacity-80 aspect-square" aria-label="facebook"> <svg role="img" viewBox="0 0 24 24" class="fill-current" width="20" height="20" aria-hidden="true"><title>Facebook</title><path d="M9.101 23.691v-7.98H6.627v-3.667h2.474v-1.58c0-4.085 1.848-5.978 5.858-5.978.401 0 .955.042 1.468.103a8.68 8.68 0 0 1 1.141.195v3.325a8.623 8.623 0 0 0-.653-.036 26.805 26.805 0 0 0-.733-.009c-.707 0-1.259.096-1.675.309a1.686 1.686 0 0 0-.679.622c-.258.42-.374.995-.374 1.752v1.297h3.919l-.386 2.103-.287 1.564h-3.246v8.245C19.396 23.238 24 18.179 24 12.044c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.628 3.874 10.35 9.101 11.647Z" /></svg> <div class="sr-only">facebook</div> </a> </div><div class="flex items-center"> <a href="https://www.linkedin.com/company/html-goodies/" target="_blank" rel="noopener noreferrer" class="flex items-center justify-center w-10 h-10 rounded-full bg-primary-foreground text-primary transition-all ease-in-out hover:opacity-80 aspect-square" aria-label="linkedin"> <svg class="fill-current" viewBox="0 0 24 25" fill="none" width="20" height="20" aria-hidden="true"> <path d="M6.20062 21.2143H1.84688V7.194H6.20062V21.2143ZM4.02141 5.2815C2.62922 5.2815 1.5 4.12838 1.5 2.73619C1.5 2.06747 1.76565 1.42614 2.2385 0.953285C2.71136 0.48043 3.35269 0.214783 4.02141 0.214783C4.69012 0.214783 5.33145 0.48043 5.80431 0.953285C6.27716 1.42614 6.54281 2.06747 6.54281 2.73619C6.54281 4.12838 5.413 5.2815 4.02141 5.2815ZM22.4953 21.2143H18.1509V14.3893C18.1509 12.7628 18.1181 10.6768 15.8873 10.6768C13.6237 10.6768 13.2769 12.444 13.2769 14.2721V21.2143H8.92781V7.194H13.1034V9.1065H13.1644C13.7456 8.00494 15.1655 6.84244 17.2838 6.84244C21.69 6.84244 22.5 9.744 22.5 13.5128V21.2143H22.4953Z" fill="currentColor" /> </svg> <div class="sr-only">linkedin</div> </a> </div><div class="flex items-center"> <a href="https://twitter.com/htmlgoodies" target="_blank" rel="noopener noreferrer" class="flex items-center justify-center w-10 h-10 rounded-full bg-primary-foreground text-primary transition-all ease-in-out hover:opacity-80 aspect-square" aria-label="x"> <svg role="img" viewBox="0 0 24 24" class="fill-current" width="20" height="20" aria-hidden="true"><title>X</title><path d="M14.234 10.162 22.977 0h-2.072l-7.591 8.824L7.251 0H.258l9.168 13.343L.258 24H2.33l8.016-9.318L16.749 24h6.993zm-2.837 3.299-.929-1.329L3.076 1.56h3.182l5.965 8.532.929 1.329 7.754 11.09h-3.182z" /></svg> <div class="sr-only">x</div> </a> </div> </div> </div> </div> <div class="flex gap-x-[64px] lg:col-span-2 justify-center lg:justify-start"> <div class="space-y-[24px] lg:space-y-[16px]"> <h3 class="h3 uppercase font-bold text-[16px]/[16px] text-white">Company</h3> <div class="grid space-y-[12px]"> <a class="text-primary-foreground hover:text-primary-foreground/80 text-[16px]/[16px] text-nowrap" href="https://technologyadvice.com/contact-us/" target="_blank" rel="nofollow"> Contact us </a> <a class="text-primary-foreground hover:text-primary-foreground/80 text-[16px]/[16px] text-nowrap" href="https://solutions.technologyadvice.com/advertise-on-htmlgoodies/?utm_source=htmlgoodies&utm_medium=portfolio_footer&utm_campaign=advertise_contact-us" target="_blank" rel="nofollow"> Advertise with us </a> </div> </div> <div class="space-y-[24px] lg:space-y-[16px]"> <h3 class="h3 uppercase font-bold text-[16px]/[16px] text-white">Categories</h3> <div class="grid space-y-[12px]"> <a class="text-primary-foreground hover:text-primary-foreground/80 text-[16px]/[20px] text-ellipsis line-clamp-1" href="/getting-started/"> Getting Started </a><a class="text-primary-foreground hover:text-primary-foreground/80 text-[16px]/[20px] text-ellipsis line-clamp-1" href="/html/"> HTML </a><a class="text-primary-foreground hover:text-primary-foreground/80 text-[16px]/[20px] text-ellipsis line-clamp-1" href="/html5/"> HTML5 </a><a class="text-primary-foreground hover:text-primary-foreground/80 text-[16px]/[20px] text-ellipsis line-clamp-1" href="/css/"> CSS </a><a class="text-primary-foreground hover:text-primary-foreground/80 text-[16px]/[20px] text-ellipsis line-clamp-1" href="/javascript/"> JavaScript </a><a class="text-primary-foreground hover:text-primary-foreground/80 text-[16px]/[20px] text-ellipsis line-clamp-1" href="/guides/"> Guides </a><a class="text-primary-foreground hover:text-primary-foreground/80 text-[16px]/[20px] text-ellipsis line-clamp-1" href="/mobile/"> Mobile </a><a class="text-primary-foreground hover:text-primary-foreground/80 text-[16px]/[20px] text-ellipsis line-clamp-1" href="/design/"> Design </a><a class="text-primary-foreground hover:text-primary-foreground/80 text-[16px]/[20px] text-ellipsis line-clamp-1" href="/webmaster/"> Webmaster </a><a class="text-primary-foreground hover:text-primary-foreground/80 text-[16px]/[20px] text-ellipsis line-clamp-1" href="/video/"> Video </a> </div> </div> </div> </div> </div> <div class="wrapper relative bg-white pt-[9px] pb-[100px] z-999"> <div class="flex flex-col items-center lg:grid lg:grid-cols-2 gap-x-[64px] space-y-[24px] lg:space-y-[16px]"> <div class="flex flex-col gap-4 col-span-full text-[12px]/[21px] text-secondary"> <div class="space-y-2"> <p class="font-bold"> Property of TechnologyAdvice. © 2026 TechnologyAdvice. All Rights Reserved </p> <p> Advertiser Disclosure: Some of the products that appear on this site are from companies from which TechnologyAdvice receives compensation. This compensation may impact how and where products appear on this site including, for example, the order in which they appear. TechnologyAdvice does not include all companies or all types of products available in the marketplace. </p> </div> <div class="flex gap-4 items-center font-bold uppercase"> <a class="text-secondary hover:text-primary" href="/terms-conditions/"> Terms of Service </a> <a class="text-secondary hover:text-primary" href="/privacy-policy/"> Privacy Policy </a> <a class="text-secondary hover:text-primary" href="https://technologyadvice.com/privacy-policy/ccpa-opt-out-form/" target="_blank" rel="nofollow"> California - Do Not Sell My Information </a> </div> <div id="choice-footer-msg" class="text-[12px]/[21px]"></div> </div> </div> </div><astro-island uid="ZBxB5E" prefix="s6" component-url="https://0cbb5806-constellation.micah-shackelford.workers.dev/_astro/BackToTop.BFhzPiAv.js" component-export="default" renderer-url="https://0cbb5806-constellation.micah-shackelford.workers.dev/_astro/client.Cfi7rdvK.js" props="{}" ssr="" client="idle" opts="{"name":"BackToTop","value":true}" await-children=""><button id="back-to-top" class="fixed right-4 z-1001 cursor-pointer transition-all duration-500 ease-in-out rounded-full hover:shadow-[0px_0px_3px_#71717a] hover:scale-105 bg-primary text-primary-foreground border-none p-0 opacity-0 translate-y-[70px]" style="bottom:calc(var(--sticky-ad-height, 0px) + 16px);" aria-label="Back to top"><svg width="48" height="48" viewBox="0 0 48 48" class="block" aria-hidden="true"><circle cx="24" cy="24" r="21" fill="none" stroke="currentColor" stroke-width="3" opacity="0.2" /><circle cx="24" cy="24" r="21" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-dasharray="131.94689145077132" stroke-dashoffset="131.94689145077132" transform="rotate(-90 24 24)" style="transition:stroke-dashoffset 150ms ease;" /></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-up-icon lucide-chevron-up absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2" aria-hidden="true"><path d="m18 15-6-6-6 6" /></svg></button></astro-island> <sticky-footer-ad class="group hide-on-empty fixed w-full bottom-0 bg-white flex justify-center items-center border-gray-200 border-t transition-transform duration-500 ease-in-out z-1000 has-[div[data-empty]]:hidden print:hidden" style="height: min-content"> <button class="absolute left-8 -top-[25px] cursor-pointer bg-white px-2 border-gray-200 border-t border-r border-l rounded-t-lg" aria-label="Toggle collapse"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down-icon lucide-chevron-down chevron transition-transform duration-500" aria-hidden="true"><path d="m6 9 6 6 6-6" /></svg> </button> <div class="sticky-footer data-empty:hidden" data-ad-slot="sticky-footer"> </div> </sticky-footer-ad> </body></html>