HTML Tutorial: Learn HTML For Free

*{vertical-align:middle;}.esi6cnn1:hover .gamut-svje2u-ButtonInner-TextButtonInner-createStates-createStates{background-color:var(–button-backgroundEmphasized);}.esi6cnn1:active .gamut-svje2u-ButtonInner-TextButtonInner-createStates-createStates{color:var(–button-background);}.esi6cnn1:disabled .gamut-svje2u-ButtonInner-TextButtonInner-createStates-createStates,.esi6cnn1[aria-disabled=’true’] .gamut-svje2u-ButtonInner-TextButtonInner-createStates-createStates{color:var(–button-foregroundMuted);background-color:transparent;}.gamut-xcynio-ResetElement-ButtonOutline-ButtonOutline-AppHeaderFillButton-focusStyles-focusStyles{cursor:pointer;border:none;background:none;padding:0;font-size:inherit;-webkit-text-decoration:none;text-decoration:none;box-shadow:none;–button-background:#3A10E5;–button-backgroundDull:#5533FF;–button-backgroundEmphasized:#f6f5fa;–button-backgroundMuted:#dddce0;–button-foregroundMuted:#646466;–button-foreground:#ffffff;–button-shadow:#10162f;margin:-1px;-webkit-transition:150ms box-shadow;transition:150ms box-shadow;text-align:center;white-space:nowrap;box-shadow:0 0 0 0 transparent;display:inline-block;vertical-align:middle;border-radius:4px;padding:1px;}.gamut-xcynio-ResetElement-ButtonOutline-ButtonOutline-AppHeaderFillButton-focusStyles-focusStyles:hover{-webkit-text-decoration:none;text-decoration:none;}.gamut-xcynio-ResetElement-ButtonOutline-ButtonOutline-AppHeaderFillButton-focusStyles-focusStyles:disabled,.gamut-xcynio-ResetElement-ButtonOutline-ButtonOutline-AppHeaderFillButton-focusStyles-focusStyles[aria-disabled=’true’]{cursor:not-allowed;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}.gamut-xcynio-ResetElement-ButtonOutline-ButtonOutline-AppHeaderFillButton-focusStyles-focusStyles:focus{outline:none;}.gamut-xcynio-ResetElement-ButtonOutline-ButtonOutline-AppHeaderFillButton-focusStyles-focusStyles[data-focus-visible-added]{box-shadow:0 0 0 2px var(–button-background);}.gamut-xcynio-ResetElement-ButtonOutline-ButtonOutline-AppHeaderFillButton-focusStyles-focusStyles:focus{outline:none;}.gamut-xcynio-ResetElement-ButtonOutline-ButtonOutline-AppHeaderFillButton-focusStyles-focusStyles[data-focus-visible-added]{outline:0.3rem auto #10162f;}.gamut-150vihg-ButtonInner-FillButtonInner-createStates-createStates{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-transition:150ms background-color,150ms box-shadow,150ms color;transition:150ms background-color,150ms box-shadow,150ms color;border:2px solid var(–color-secondary);border-color:transparent;font-weight:700;text-align:center;display:inline-block;border-radius:4px;color:var(–button-foreground);background-color:var(–button-background);padding-left:1rem;padding-right:1rem;padding-top:0.25rem;padding-bottom:0.25rem;font-size:1rem;min-width:40px;height:40px;}.gamut-150vihg-ButtonInner-FillButtonInner-createStates-createStates:before,.gamut-150vihg-ButtonInner-FillButtonInner-createStates-createStates:after{content:””;margin-left:-1px;margin-right:-1px;display:inline-block;width:1px;height:100%;vertical-align:middle;}.gamut-150vihg-ButtonInner-FillButtonInner-createStates-createStates >*{vertical-align:middle;}.esi6cnn1:hover .gamut-150vihg-ButtonInner-FillButtonInner-createStates-createStates{background-color:var(–button-backgroundDull);}.esi6cnn1:active .gamut-150vihg-ButtonInner-FillButtonInner-createStates-createStates{border-color:var(–button-background);}.esi6cnn1:disabled .gamut-150vihg-ButtonInner-FillButtonInner-createStates-createStates,.esi6cnn1[aria-disabled=’true’] .gamut-150vihg-ButtonInner-FillButtonInner-createStates-createStates{color:var(–button-foregroundMuted);background-color:var(–button-backgroundMuted);}.gamut-1g57pdn-Box{display:block;height:var(–elements-headerHeight);}@media only screen and (min-width: 1024px){.gamut-1g57pdn-Box{display:none;}}.gamut-1j9i9r1-Box{margin-right:0;margin-left:0;}.gamut-13ju476-Box{margin-right:0.25rem;margin-left:0;}.gamut-17sewap-Box{margin-right:0;margin-left:0.25rem;}.gamut-3rd6j1-FlexBox{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:1.5rem;}.gamut-wfuu7k-IconButton-hoverStyles-hoverStyles-focusStyles-focusStyles{background-color:transparent;border:transparent;color:var(–color-navy);line-height:0.5rem;}.gamut-wfuu7k-IconButton-hoverStyles-hoverStyles-focusStyles-focusStyles:hover{color:#3A10E5;-webkit-text-decoration:none;text-decoration:none;cursor:pointer;}.gamut-wfuu7k-IconButton-hoverStyles-hoverStyles-focusStyles-focusStyles:focus{outline:none;}.gamut-wfuu7k-IconButton-hoverStyles-hoverStyles-focusStyles-focusStyles[data-focus-visible-added]{outline:0.3rem auto #10162f;}.gamut-1t9pz9x{width:20px;height:20px;}.gamut-1slall7-SkipToContentTarget-SkipToContentTarget-SkipToContentTarget{margin-top:calc(var(–elements-headerHeight) * -1);position:absolute;}.gamut-pmbcwx-Box{position:relative;z-index:15;}.gamut-18ug7u0-StyledHeading{color:#ffffff;}.gamut-1sk71u6-Text{font-size:inherit;display:inline-block;margin:0;display:block;font-weight:700;font-size:2.125rem;color:var(–color-gray-800);}.gamut-2aj988-FlexSpan{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}.gamut-y1rrrp-CardShell{-webkit-transition:box-shadow 250ms ease-in;transition:box-shadow 250ms ease-in;background:white;box-shadow:0 2px 8px 0 var(–color-shadow-black-slight);position:relative;border-radius:2px;}.gamut-y1rrrp-CardShell:hover{box-shadow:-2px 8px 22px 0 var(–color-shadow-black-slight);}.gamut-r29p7u-Box{padding-left:1rem;padding-right:1rem;}.gamut-gdf8jv-FooterContainer{border-top:1px solid var(–color-navy);}@media print{.gamut-gdf8jv-FooterContainer{display:none;}}.gamut-r98xii-LayoutGrid-FooterNavLinksGrid{grid-template-columns:repeat(12, minmax(0, 1fr));display:grid;width:100%;}@media only screen and (min-width: 768px){.gamut-r98xii-LayoutGrid-FooterNavLinksGrid{padding:2rem 0;}}.gamut-7d3xgk-Column{grid-column-end:span 12;grid-template-columns:minmax(0, 1fr);display:grid;grid-column-end:span 12;}@media only screen and (min-width: 1024px){.gamut-7d3xgk-Column{grid-column-end:span 6;}}.gamut-1l8m389-GridBox{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));}@media only screen and (min-width: 768px){.gamut-1l8m389-GridBox{grid-template-columns:repeat(3, minmax(0, 1fr));}}.gamut-126nnrg-Text-FooterHeading{font-weight:700;line-height:1.1;font-size:2.75rem;font-weight:400;line-height:1.5;font-size:0.875rem;text-transform:uppercase;margin-top:1.5rem;margin-bottom:1rem;}@media only screen and (min-width: 768px){.gamut-126nnrg-Text-FooterHeading{font-size:1rem;margin-top:0;}}.gamut-ve936v-Box-FooterLinkItems{margin-bottom:0;padding-left:0;list-style-type:none;}.gamut-1suzlqi-FooterLinkItem{font-size:0.875rem;margin:0.5rem 0;}@media only screen and (min-width: 768px){.gamut-1suzlqi-FooterLinkItem{font-size:1rem;margin:0.25rem 0;}}@media only screen and (min-width: 1024px){.gamut-1suzlqi-FooterLinkItem{margin:0.15rem 0;}}.gamut-1plgkcg-ResetElement-Anchor-AnchorBase{cursor:pointer;border:none;background:none;padding:0;font-size:inherit;-webkit-text-decoration:none;text-decoration:none;box-shadow:none;border:none;padding:0;font-size:inherit;white-space:initial;box-shadow:none;position:relative;color:var(–color-text);background-color:transparent;display:inline-block;}.gamut-1plgkcg-ResetElement-Anchor-AnchorBase:hover{-webkit-text-decoration:none;text-decoration:none;}.gamut-1plgkcg-ResetElement-Anchor-AnchorBase:after{border:2px solid var(–color-secondary);border-color:var(–color-primary);width:calc(100% + 0.5rem);height:100%;position:absolute;top:0;left:-4px;opacity:0;border-radius:4px;content:”;}.gamut-1plgkcg-ResetElement-Anchor-AnchorBase:hover,.gamut-1plgkcg-ResetElement-Anchor-AnchorBase:focus{cursor:pointer;-webkit-text-decoration:none;text-decoration:none;}.gamut-1plgkcg-ResetElement-Anchor-AnchorBase:disabled,.gamut-1plgkcg-ResetElement-Anchor-AnchorBase[disabled]{cursor:not-allowed;color:gray-700;-webkit-text-decoration:none;text-decoration:none;}.gamut-1plgkcg-ResetElement-Anchor-AnchorBase:focus,.gamut-1plgkcg-ResetElement-Anchor-AnchorBase[data-focus-visible-added]{outline:none;}.gamut-1plgkcg-ResetElement-Anchor-AnchorBase[data-focus-visible-added]:after{opacity:1;}.gamut-1grh0nu-Box{display:inline-block;}.gamut-18qxu8y-ResetElement-Anchor-AnchorBase{cursor:pointer;border:none;background:none;padding:0;font-size:inherit;-webkit-text-decoration:none;text-decoration:none;box-shadow:none;border:none;padding:0;font-size:inherit;white-space:initial;box-shadow:none;position:relative;color:var(–color-text);background-color:transparent;display:inline-block;font-size:1.25rem;margin-right:0.5rem;}.gamut-18qxu8y-ResetElement-Anchor-AnchorBase:hover{-webkit-text-decoration:none;text-decoration:none;}.gamut-18qxu8y-ResetElement-Anchor-AnchorBase:after{border:2px solid var(–color-secondary);border-color:var(–color-primary);width:calc(100% + 0.5rem);height:100%;position:absolute;top:0;left:-4px;opacity:0;border-radius:4px;content:”;}.gamut-18qxu8y-ResetElement-Anchor-AnchorBase:hover,.gamut-18qxu8y-ResetElement-Anchor-AnchorBase:focus{cursor:pointer;-webkit-text-decoration:none;text-decoration:none;}.gamut-18qxu8y-ResetElement-Anchor-AnchorBase:disabled,.gamut-18qxu8y-ResetElement-Anchor-AnchorBase[disabled]{cursor:not-allowed;color:gray-700;-webkit-text-decoration:none;text-decoration:none;}.gamut-18qxu8y-ResetElement-Anchor-AnchorBase:focus,.gamut-18qxu8y-ResetElement-Anchor-AnchorBase[data-focus-visible-added]{outline:none;}.gamut-18qxu8y-ResetElement-Anchor-AnchorBase[data-focus-visible-added]:after{opacity:1;}.gamut-5ni28p-Box{display:-webkit-box;display:-webkit-unset;display:-ms-unsetbox;display:unset;}@media only screen and (min-width: 768px){.gamut-5ni28p-Box{margin-top:1rem;display:none;-webkit-order:3;-ms-flex-order:3;order:3;}}.gamut-1htlgvz-Box{grid-column:1/3;}@media only screen and (min-width: 768px){.gamut-1htlgvz-Box{grid-row:2/4;padding-top:2rem;grid-column-end:1;}}.gamut-1uo0w30-Text-FooterHeading{font-weight:700;line-height:1.1;font-size:2.75rem;font-weight:400;line-height:1.5;font-size:0.875rem;text-transform:uppercase;margin-top:1.5rem;margin-bottom:0.5rem;}@media only screen and (min-width: 768px){.gamut-1uo0w30-Text-FooterHeading{font-size:1rem;margin-top:0;margin-bottom:1rem;}}@media only screen and (min-width: 1200px){.gamut-1uo0w30-Text-FooterHeading{margin-bottom:0;}}.gamut-3y8pr1-Box-FooterLinkItems{margin-bottom:0;padding-left:0;list-style-type:none;}@media only screen and (min-width: 768px){.gamut-3y8pr1-Box-FooterLinkItems{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}}.gamut-xiov64-Box-MobileImageItem{margin-top:0.5rem;margin-bottom:0.5rem;display:inline-block;width:50%;}@media only screen and (min-width: 1024px){.gamut-xiov64-Box-MobileImageItem{width:90%;}}.gamut-1xim94s-ResetElement-Anchor-AnchorBase-MobileImageLink{cursor:pointer;border:none;background:none;padding:0;font-size:inherit;-webkit-text-decoration:none;text-decoration:none;box-shadow:none;border:none;padding:0;font-size:inherit;white-space:initial;box-shadow:none;position:relative;color:var(–color-text);background-color:transparent;display:inline-block;display:inline-block;}.gamut-1xim94s-ResetElement-Anchor-AnchorBase-MobileImageLink:hover{-webkit-text-decoration:none;text-decoration:none;}.gamut-1xim94s-ResetElement-Anchor-AnchorBase-MobileImageLink:after{border:2px solid var(–color-secondary);border-color:var(–color-primary);width:calc(100% + 0.5rem);height:100%;position:absolute;top:0;left:-4px;opacity:0;border-radius:4px;content:”;}.gamut-1xim94s-ResetElement-Anchor-AnchorBase-MobileImageLink:hover,.gamut-1xim94s-ResetElement-Anchor-AnchorBase-MobileImageLink:focus{cursor:pointer;-webkit-text-decoration:none;text-decoration:none;}.gamut-1xim94s-ResetElement-Anchor-AnchorBase-MobileImageLink:disabled,.gamut-1xim94s-ResetElement-Anchor-AnchorBase-MobileImageLink[disabled]{cursor:not-allowed;color:gray-700;-webkit-text-decoration:none;text-decoration:none;}.gamut-1xim94s-ResetElement-Anchor-AnchorBase-MobileImageLink:focus,.gamut-1xim94s-ResetElement-Anchor-AnchorBase-MobileImageLink[data-focus-visible-added]{outline:none;}.gamut-1xim94s-ResetElement-Anchor-AnchorBase-MobileImageLink[data-focus-visible-added]:after{opacity:1;}.gamut-1n1j9zi-Box{display:none;}@media only screen and (min-width: 768px){.gamut-1n1j9zi-Box{margin-top:1rem;display:-webkit-box;display:-webkit-unset;display:-ms-unsetbox;display:unset;-webkit-order:3;-ms-flex-order:3;order:3;}}.gamut-19cjgpb-CatalogLinksContainer{border-top:1px solid var(–color-navy);margin-top:2rem;}@media only screen and (min-width: 768px){.gamut-19cjgpb-CatalogLinksContainer{padding-top:2rem;}}@media only screen and (min-width: 1024px){.gamut-19cjgpb-CatalogLinksContainer{border-left:1px solid var(–color-navy);border-top:none;margin-left:0;margin-top:0;padding-left:2rem;padding-top:0;}}@media only screen and (min-width: 1200px){.gamut-19cjgpb-CatalogLinksContainer{padding-left:4rem;}}.gamut-11tw806-Box{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}@media only screen and (min-width: 768px){.gamut-11tw806-Box{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}}.gamut-15rmtb8-Box{display:block;width:100%;}@media only screen and (min-width: 1024px){.gamut-15rmtb8-Box{display:none;width:50%;}}.gamut-13hprmi-Text-FooterSubHeading{font-weight:700;line-height:1.1;font-size:2.125rem;font-size:0.875rem;margin-top:1rem;}@media only screen and (min-width: 1200px){.gamut-13hprmi-Text-FooterSubHeading{margin-top:0;}}.gamut-17y66rx-Box-FooterLinkItems-CatalogLinkArea{margin-bottom:0;padding-left:0;list-style-type:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;max-height:14rem;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:1rem;}.gamut-1aj6u0o-FooterLinkItem-CatalogFooterLinkItem{font-size:0.875rem;margin:0.5rem 0;margin:0.25rem 0;}@media only screen and (min-width: 768px){.gamut-1aj6u0o-FooterLinkItem-CatalogFooterLinkItem{font-size:1rem;margin:0.25rem 0;}}@media only screen and (min-width: 1024px){.gamut-1aj6u0o-FooterLinkItem-CatalogFooterLinkItem{margin:0.15rem 0;}}.gamut-41j7uy-Box{width:100%;}@media only screen and (min-width: 1024px){.gamut-41j7uy-Box{width:50%;}}.gamut-1uo4pga-Box-FooterLinkItems-CatalogLinkArea{margin-bottom:0;padding-left:0;list-style-type:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;max-height:14rem;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:1rem;}@media only screen and (min-width: 1024px){.gamut-1uo4pga-Box-FooterLinkItems-CatalogLinkArea{max-height:none;}}.gamut-bk5xit-Box{display:none;width:100%;}@media only screen and (min-width: 1024px){.gamut-bk5xit-Box{display:block;width:50%;}}.gamut-13u8tr2-LegalLocalContainer{border-top:1px solid var(–color-navy);font-size:0.875rem;padding:1rem 0 0.5rem;margin:0;}@media only screen and (min-width: 1024px){.gamut-13u8tr2-LegalLocalContainer{-webkit-align-items:baseline;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}}.gamut-106htmh-LinksList{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;list-style-type:none;margin-bottom:0.5rem;padding-left:0;}@media only screen and (min-width: 1024px){.gamut-106htmh-LinksList{-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}}.gamut-1s19zy9-LinksItem::after{content:’|’;margin:0 0.375rem;font-size:1rem;}.gamut-1s19zy9-LinksItem:last-of-type::after{opacity:0;}.gamut-1uhb0se-Box{text-align:center;}@media only screen and (min-width: 1024px){.gamut-1uhb0se-Box{display:inline-block;text-align:right;}}.gamut-1tx8gwk-ResetElement-Anchor-AnchorBase-HeartContainer{cursor:pointer;border:none;background:none;padding:0;font-size:inherit;-webkit-text-decoration:none;text-decoration:none;box-shadow:none;border:none;padding:0;font-size:inherit;white-space:initial;box-shadow:none;position:relative;color:var(–color-text);background-color:transparent;display:inline-block;display:inline-block;-webkit-filter:saturate(0.7);filter:saturate(0.7);margin-right:0.25rem;min-width:1.75em;text-align:center;cursor:pointer;}.gamut-1tx8gwk-ResetElement-Anchor-AnchorBase-HeartContainer:hover{-webkit-text-decoration:none;text-decoration:none;}.gamut-1tx8gwk-ResetElement-Anchor-AnchorBase-HeartContainer:after{border:2px solid var(–color-secondary);border-color:var(–color-primary);width:calc(100% + 0.5rem);height:100%;position:absolute;top:0;left:-4px;opacity:0;border-radius:4px;content:”;}.gamut-1tx8gwk-ResetElement-Anchor-AnchorBase-HeartContainer:hover,.gamut-1tx8gwk-ResetElement-Anchor-AnchorBase-HeartContainer:focus{cursor:pointer;-webkit-text-decoration:none;text-decoration:none;}.gamut-1tx8gwk-ResetElement-Anchor-AnchorBase-HeartContainer:disabled,.gamut-1tx8gwk-ResetElement-Anchor-AnchorBase-HeartContainer[disabled]{cursor:not-allowed;color:gray-700;-webkit-text-decoration:none;text-decoration:none;}.gamut-1tx8gwk-ResetElement-Anchor-AnchorBase-HeartContainer:focus,.gamut-1tx8gwk-ResetElement-Anchor-AnchorBase-HeartContainer[data-focus-visible-added]{outline:none;}.gamut-1tx8gwk-ResetElement-Anchor-AnchorBase-HeartContainer[data-focus-visible-added]:after{opacity:1;}]]>

Skip to Content

Why Learn HTML?

HTML is the foundation of all web pages. Without HTML, you wouldn’t be able to organize text or add images or videos to your web pages. HTML is the beginning of everything you need to know to create engaging web pages!

Take-Away Skills

You will learn all the common HTML tags used to structure HTML pages, the skeleton of all websites. You will also be able to create HTML tables to present tabular data efficiently.

EarnCertificateof completion with 

Joinpeople who have taken this course

Time to Complete9 Hours

PrerequisitesNone

Codecademy courses have been taken by employees at

  1. 1

    Learn about HTML elements and structure, the building blocks of websites.

  2. 2

    Learn all the syntax you need to create tables in your HTML documents.

  3. 3

    Take this course and learn about the inner workings of an HTML form! Learn how to create your own form and integrate HTML5 validations.

  4. 4

    Write clearer, more accessible HTML using Semantic HTML tags.

What you’ll create

Portfolio projects that showcase your new skills

Pro Logo

How you’ll master it

Stress-test your knowledge with quizzes that help commit syntax to memory

Pro LogoMadelyn from Pinterest

I know from first-hand experience that you can go in knowing zero, nothing, and just get a grasp on everything as you go and start building right away.

— Madelyn, Pinterest

within © 2021

Source

Leave a comment

Your email address will not be published. Required fields are marked *