Intro to HTML/CSS: Making webpages | Computer programming

[]
Intro to HTML/CSS: Making webpages | Computer programming | Khan AcademyIn this project, you'll use everything you've learned so far to create a travel website enticing viewers to visit an exotic locale. You should have images of what they'll see, lists of things to see and places to go, and paragraphs of enticing details. You should also use CSS to style the website, using a mix of the simple selectors you've learned.nn

Tip: Can't find the images you want in our image selector? You can also bring in images from Wikipedia. To do that, use a site-restricted Google search, then click “View image” on the result you like, and copy the URL into your tag.n”,”title”:”Project: Travel webpage”,”contentId”:”x0d1cdc24913dc0e3″,”bigBingoLinkConversions”:[“topic_page_click_project”],”sponsored”:false,”progressKey”:”p5255589914738688″,”thumbnailUrl”:”https://cdn.kastatic.org/googleusercontent/A2IhGKzbeF51tRW0WvVZfMi5e08VM4v1heO9urr97YeOHDsH38yBSkMIpMllXpANPBmHu8MkAq9EzPVmMUhrHis”,”slug”:”project-travel-webpage”}],”standards”:[],”id”:”xae5108e8″},{“slug”:”html-tags-continued”,”description”:”Learn how to make links, tables, and comments.”,”title”:”More HTML tags”,”url”:”/computing/computer-programming/html-css#html-tags-continued”,”contentItems”:[{“nodeUrl”:”/computing/computer-programming/html-css/html-tags-continued/pt/html-links”,”kind”:”Talkthrough”,”description”:””,”title”:”HTML links”,”contentId”:”xed2558436ff0de51″,”bigBingoLinkConversions”:[“topic_page_click_talkthrough”],”sponsored”:false,”progressKey”:”p5306658357248000″,”thumbnailUrl”:”https://cdn.kastatic.org/googleusercontent/A2IhGKzbeF51tRW0WvVZfMi5e08VM4v1heO9urr97YeOHDsH38yBSkMIpMllXpANPBmHu8MkAq9EzPVmMUhrHis”,”slug”:”html-links”},{“nodeUrl”:”/computing/computer-programming/html-css/html-tags-continued/pc/challenge-links-you-love”,”kind”:”Challenge”,”description”:””,”title”:”Challenge: Links for learning”,”contentId”:”x3edf1b69365746cf”,”bigBingoLinkConversions”:[“topic_page_click_challenge”],”sponsored”:false,”progressKey”:”p5185309823467520″,”thumbnailUrl”:”https://cdn.kastatic.org/googleusercontent/A2IhGKzbeF51tRW0WvVZfMi5e08VM4v1heO9urr97YeOHDsH38yBSkMIpMllXpANPBmHu8MkAq9EzPVmMUhrHis”,”slug”:”challenge-links-you-love”},{“nodeUrl”:”/computing/computer-programming/html-css/html-tags-continued/pt/html-internal-links”,”kind”:”Talkthrough”,”description”:””,”title”:”HTML internal links”,”contentId”:”xe33025bad127bfa3″,”bigBingoLinkConversions”:[“topic_page_click_talkthrough”],”sponsored”:false,”progressKey”:”p4820183568089088″,”thumbnailUrl”:”https://cdn.kastatic.org/googleusercontent/A2IhGKzbeF51tRW0WvVZfMi5e08VM4v1heO9urr97YeOHDsH38yBSkMIpMllXpANPBmHu8MkAq9EzPVmMUhrHis”,”slug”:”html-internal-links”},{“nodeUrl”:”/computing/computer-programming/html-css/html-tags-continued/pc/challenge-jump-around”,”kind”:”Challenge”,”description”:””,”title”:”Challenge: Jump around”,”contentId”:”x712ae29530655756″,”bigBingoLinkConversions”:[“topic_page_click_challenge”],”sponsored”:false,”progressKey”:”p5298232533188608″,”thumbnailUrl”:”https://cdn.kastatic.org/googleusercontent/A2IhGKzbeF51tRW0WvVZfMi5e08VM4v1heO9urr97YeOHDsH38yBSkMIpMllXpANPBmHu8MkAq9EzPVmMUhrHis”,”slug”:”challenge-jump-around”},{“nodeUrl”:”/computing/computer-programming/html-css/html-tags-continued/pt/html-tables”,”kind”:”Talkthrough”,”description”:””,”title”:”HTML tables”,”contentId”:”x04b7cfdb59f74e2d”,”bigBingoLinkConversions”:[“topic_page_click_talkthrough”],”sponsored”:false,”progressKey”:”p6263345914314752″,”thumbnailUrl”:”https://cdn.kastatic.org/googleusercontent/A2IhGKzbeF51tRW0WvVZfMi5e08VM4v1heO9urr97YeOHDsH38yBSkMIpMllXpANPBmHu8MkAq9EzPVmMUhrHis”,”slug”:”html-tables”},{“nodeUrl”:”/computing/computer-programming/html-css/html-tags-continued/pc/challenge-the-dinner-table”,”kind”:”Challenge”,”description”:””,”title”:”Challenge: The dinner table”,”contentId”:”x2f644375af676c37″,”bigBingoLinkConversions”:[“topic_page_click_challenge”],”sponsored”:false,”progressKey”:”p4670485825847296″,”thumbnailUrl”:”https://cdn.kastatic.org/googleusercontent/A2IhGKzbeF51tRW0WvVZfMi5e08VM4v1heO9urr97YeOHDsH38yBSkMIpMllXpANPBmHu8MkAq9EzPVmMUhrHis”,”slug”:”challenge-the-dinner-table”},{“nodeUrl”:”/computing/computer-programming/html-css/html-tags-continued/pt/html-comments”,”kind”:”Talkthrough”,”description”:””,”title”:”HTML comments”,”contentId”:”x6cd64bf2fdab2cf2″,”bigBingoLinkConversions”:[“topic_page_click_talkthrough”],”sponsored”:false,”progressKey”:”p4923263135514624″,”thumbnailUrl”:”https://cdn.kastatic.org/googleusercontent/A2IhGKzbeF51tRW0WvVZfMi5e08VM4v1heO9urr97YeOHDsH38yBSkMIpMllXpANPBmHu8MkAq9EzPVmMUhrHis”,”slug”:”html-comments”},{“nodeUrl”:”/computing/computer-programming/html-css/html-tags-continued/pp/project-recipe-book”,”kind”:”Project”,”description”:”

Create a web page with your favorite recipes! The recipe book should have a table of contents linking to each recipe below, using internal links. Each recipe should have a table for the ingredients, a list of details, and a list and/or paragraphs of the steps required. If you use recipes from the internet, be sure to add a link to the website.nn

Use CSS to style the recipe book, using a mix of the simple selectors and colors that you've learned.nn

Tip: Can't find the images you want in our image selector? You can also bring in images from Wikipedia. To do that, use a site-restricted Google search, then click “View image” on the result you like, and copy the URL into your  tag.n”,”title”:”Project: Recipe book”,”contentId”:”x6f4cbd00fb5e20e0″,”bigBingoLinkConversions”:[“topic_page_click_project”],”sponsored”:false,”progressKey”:”p5710844586622976″,”thumbnailUrl”:”https://cdn.kastatic.org/googleusercontent/A2IhGKzbeF51tRW0WvVZfMi5e08VM4v1heO9urr97YeOHDsH38yBSkMIpMllXpANPBmHu8MkAq9EzPVmMUhrHis”,”slug”:”project-recipe-book”}],”standards”:[],”id”:”x93850788″},{“slug”:”css-text-properties”,”description”:”Learn how to style your text, like font families, size, spacing, and alignment.”,”title”:”CSS text properties”,”url”:”/computing/computer-programming/html-css#css-text-properties”,”contentItems”:[{“nodeUrl”:”/computing/computer-programming/html-css/css-text-properties/v/css-zen-garden”,”kind”:”Video”,”translatedYoutubeLang”:”en”,”description”:””,”title”:”CSS Zen Garden”,”contentId”:”x20d5d0eb”,”downloadUrls”:{“mp4″:”https://cdn.kastatic.org/ka-youtube-converted/yTOS61GFq0g.mp4/yTOS61GFq0g.mp4″,”png”:”https://cdn.kastatic.org/ka-youtube-converted/yTOS61GFq0g.mp4/yTOS61GFq0g.png”,”m3u8″:”https://cdn.kastatic.org/ka-youtube-converted/yTOS61GFq0g.m3u8/yTOS61GFq0g.m3u8″},”translatedYoutubeId”:”yTOS61GFq0g”,”sponsored”:false,”youtubeId”:”yTOS61GFq0g”,”bigBingoLinkConversions”:[“topic_page_click_video”],”duration”:92,”thumbnailUrl”:”https://cdn.kastatic.org/googleusercontent/crldetSmM1uUEyifUwiWdwA7BZSHCM_iaAYAZ7G7bIgKGfXp2yoJDFfv0d6KPvSTdscuBd_pmPFUGvVIa-Bi7OU”,”slug”:”css-zen-garden”,”progressKey”:”vx20d5d0eb”},{“nodeUrl”:”/computing/computer-programming/html-css/css-text-properties/pt/css-font-family-property”,”kind”:”Talkthrough”,”description”:””,”title”:”CSS font-family property”,”contentId”:”x940af4745d7f9546″,”bigBingoLinkConversions”:[“topic_page_click_talkthrough”],”sponsored”:false,”progressKey”:”p6314802575310848″,”thumbnailUrl”:”https://cdn.kastatic.org/googleusercontent/A2IhGKzbeF51tRW0WvVZfMi5e08VM4v1heO9urr97YeOHDsH38yBSkMIpMllXpANPBmHu8MkAq9EzPVmMUhrHis”,”slug”:”css-font-family-property”},{“nodeUrl”:”/computing/computer-programming/html-css/css-text-properties/pc/challenge-fancy-font-families”,”kind”:”Challenge”,”description”:””,”title”:”Challenge: Fancy font families”,”contentId”:”x138a3c8c9708e9a9″,”bigBingoLinkConversions”:[“topic_page_click_challenge”],”sponsored”:false,”progressKey”:”p5492488954707968″,”thumbnailUrl”:”https://cdn.kastatic.org/googleusercontent/A2IhGKzbeF51tRW0WvVZfMi5e08VM4v1heO9urr97YeOHDsH38yBSkMIpMllXpANPBmHu8MkAq9EzPVmMUhrHis”,”slug”:”challenge-fancy-font-families”},{“nodeUrl”:”/computing/computer-programming/html-css/css-text-properties/pt/css-font-size-property”,”kind”:”Talkthrough”,”description”:””,”title”:”CSS font-size property”,”contentId”:”xef4b8b505c3edef4″,”bigBingoLinkConversions”:[“topic_page_click_talkthrough”],”sponsored”:false,”progressKey”:”p6408073213378560″,”thumbnailUrl”:”https://cdn.kastatic.org/googleusercontent/A2IhGKzbeF51tRW0WvVZfMi5e08VM4v1heO9urr97YeOHDsH38yBSkMIpMllXpANPBmHu8MkAq9EzPVmMUhrHis”,”slug”:”css-font-size-property”},{“nodeUrl”:”/computing/computer-programming/html-css/css-text-properties/pc/challenge-great-big-font-sizes”,”kind”:”Challenge”,”description”:””,”title”:”Challenge: Great big font sizes”,”contentId”:”xdd46017333ab3f76″,”bigBingoLinkConversions”:[“topic_page_click_challenge”],”sponsored”:false,”progressKey”:”p6362220301910016″,”thumbnailUrl”:”https://cdn.kastatic.org/googleusercontent/A2IhGKzbeF51tRW0WvVZfMi5e08VM4v1heO9urr97YeOHDsH38yBSkMIpMllXpANPBmHu8MkAq9EzPVmMUhrHis”,”slug”:”challenge-great-big-font-sizes”},{“nodeUrl”:”/computing/computer-programming/html-css/css-text-properties/pt/css-font-styles-and-shorthand”,”kind”:”Talkthrough”,”description”:””,”title”:”CSS font styles and shorthand”,”contentId”:”xec025257755fe9ef”,”bigBingoLinkConversions”:[“topic_page_click_talkthrough”],”sponsored”:false,”progressKey”:”p4875084255985664″,”thumbnailUrl”:”https://cdn.kastatic.org/googleusercontent/A2IhGKzbeF51tRW0WvVZfMi5e08VM4v1heO9urr97YeOHDsH38yBSkMIpMllXpANPBmHu8MkAq9EzPVmMUhrHis”,”slug”:”css-font-styles-and-shorthand”},{“nodeUrl”:”/computing/computer-programming/html-css/css-text-properties/pc/challenge-famous-font-formats”,”kind”:”Challenge”,”description”:””,”title”:”Challenge: Famous font formats”,”contentId”:”xe113d0a29dc54c7d”,”bigBingoLinkConversions”:[“topic_page_click_challenge”],”sponsored”:false,”progressKey”:”p5568645130616832″,”thumbnailUrl”:”https://cdn.kastatic.org/googleusercontent/A2IhGKzbeF51tRW0WvVZfMi5e08VM4v1heO9urr97YeOHDsH38yBSkMIpMllXpANPBmHu8MkAq9EzPVmMUhrHis”,”slug”:”challenge-famous-font-formats”},{“nodeUrl”:”/computing/computer-programming/html-css/css-text-properties/pt/more-css-text-properties”,”kind”:”Talkthrough”,”description”:””,”title”:”More CSS text properties”,”contentId”:”xa19370868a76b70b”,”bigBingoLinkConversions”:[“topic_page_click_talkthrough”],”sponsored”:false,”progressKey”:”p5525522508677120″,”thumbnailUrl”:”https://cdn.kastatic.org/googleusercontent/A2IhGKzbeF51tRW0WvVZfMi5e08VM4v1heO9urr97YeOHDsH38yBSkMIpMllXpANPBmHu8MkAq9EzPVmMUhrHis”,”slug”:”more-css-text-properties”},{“nodeUrl”:”/computing/computer-programming/html-css/css-text-properties/e/quiz–text-properties”,”isSkillCheck”:false,”kind”:”Exercise”,”description”:”Practice your knowledge of CSS text properties.”,”title”:”Using CSS text properties”,”contentId”:”xeb00c49b”,”masteryEnabled”:false,”slug”:”quiz–text-properties”,”subjectMasteryEnabled”:false,”sponsored”:false,”progressKey”:”exeb00c49b”,”bigBingoLinkConversions”:[“topic_page_click_exercise”],”relatedVideos”:[],”thumbnailUrl”:”https://cdn.kastatic.org/googleusercontent/BeOgMWy4wbB_Q_hya2R5VB6kM67lVZt4Kk7QK0qeQF8kNTAZdgQySmtM2CjlKCnM43zq5iJ325T-aH9yhE89dd4″,”expectedDoNCount”:4,”timeEstimate”:{“lowerBound”:4,”upperBound”:6}},{“nodeUrl”:”/computing/computer-programming/html-css/css-text-properties/pt/css-inheritance”,”kind”:”Talkthrough”,”description”:””,”title”:”CSS inheritance”,”contentId”:”xa0973c7dede4bbff”,”bigBingoLinkConversions”:[“topic_page_click_talkthrough”],”sponsored”:false,”progressKey”:”p6486573584744448″,”thumbnailUrl”:”https://cdn.kastatic.org/googleusercontent/A2IhGKzbeF51tRW0WvVZfMi5e08VM4v1heO9urr97YeOHDsH38yBSkMIpMllXpANPBmHu8MkAq9EzPVmMUhrHis”,”slug”:”css-inheritance”},{“nodeUrl”:”/computing/computer-programming/html-css/css-text-properties/pp/project-blog”,”kind”:”Project”,”description”:”

A “blog” (or “web log”) is an online journal, which one or multiple people update on a frequent basis, like daily, weekly, or monthly. Many new programmers keep blogs to document their journey to becoming a programmer, with updates on what they’ve learned and what they’ve made.n n

There are many “blogging engines” out there, like WordPress and Blogger, but in this project, you’ll make your own blog using HTML and CSS. It should have at least 2 entries, and the table of contents should internally link to each entry. Use CSS text properties to style your blog – like changing the font family, line height, and font styles of various sections.n n

If you like your blog, then you could use it to document your journey here – make it a featured project on your profile, then people that visit your profile will get to read about your journey!n “,”title”:”Project: Blog”,”contentId”:”x66fe50e3d0972e6d”,”bigBingoLinkConversions”:[“topic_page_click_project”],”sponsored”:false,”progressKey”:”p4863952709484544″,”thumbnailUrl”:”https://cdn.kastatic.org/googleusercontent/A2IhGKzbeF51tRW0WvVZfMi5e08VM4v1heO9urr97YeOHDsH38yBSkMIpMllXpANPBmHu8MkAq9EzPVmMUhrHis”,”slug”:”project-blog”}],”standards”:[],”id”:”x10c7b82a”},{“slug”:”web-development-tools”,”description”:”Learn how to use other editors to develop your web pages and how to use the browser developer tools to debug your webpages.”,”title”:”Web development tools”,”url”:”/computing/computer-programming/html-css#web-development-tools”,”contentItems”:[{“nodeUrl”:”/computing/computer-programming/html-css/web-development-tools/a/using-the-browser-developer-tools”,”kind”:”Article”,”description”:””,”title”:”Using the browser developer tools”,”contentId”:”x1b2aa4de”,”bigBingoLinkConversions”:[“topic_page_click_article”],”sponsored”:false,”progressKey”:”ax1b2aa4de”,”thumbnailUrl”:”https://cdn.kastatic.org/googleusercontent/K5bzbA067FpSFjs7VuTCAEosuCGLm4NfxQbq_tYtpMHIyB5j-nirP_Pdy8XXrmoARE3_2TBnGafYaRTsSiFt4iw”,”slug”:”using-the-browser-developer-tools”},{“nodeUrl”:”/computing/computer-programming/html-css/web-development-tools/a/developing-webpages-outside-of-khan-academy”,”kind”:”Article”,”description”:””,”title”:”Developing webpages outside of Khan Academy”,”contentId”:”x0dc83fd5″,”bigBingoLinkConversions”:[“topic_page_click_article”],”sponsored”:false,”progressKey”:”ax0dc83fd5″,”thumbnailUrl”:”https://cdn.kastatic.org/googleusercontent/K5bzbA067FpSFjs7VuTCAEosuCGLm4NfxQbq_tYtpMHIyB5j-nirP_Pdy8XXrmoARE3_2TBnGafYaRTsSiFt4iw”,”slug”:”developing-webpages-outside-of-khan-academy”},{“nodeUrl”:”/computing/computer-programming/html-css/web-development-tools/a/hosting-your-website-on-your-own-server”,”kind”:”Article”,”description”:””,”title”:”Hosting your website on a server”,”contentId”:”x9181b3ed0ace5200″,”bigBingoLinkConversions”:[“topic_page_click_article”],”sponsored”:false,”progressKey”:”ax9181b3ed0ace5200″,”thumbnailUrl”:”https://cdn.kastatic.org/googleusercontent/K5bzbA067FpSFjs7VuTCAEosuCGLm4NfxQbq_tYtpMHIyB5j-nirP_Pdy8XXrmoARE3_2TBnGafYaRTsSiFt4iw”,”slug”:”hosting-your-website-on-your-own-server”},{“nodeUrl”:”/computing/computer-programming/html-css/web-development-tools/a/hosting-your-website-on-github”,”kind”:”Article”,”description”:””,”title”:”Hosting your website on Github”,”contentId”:”xc860f62825f7d23d”,”bigBingoLinkConversions”:[“topic_page_click_article”],”sponsored”:false,”progressKey”:”axc860f62825f7d23d”,”thumbnailUrl”:”https://cdn.kastatic.org/googleusercontent/K5bzbA067FpSFjs7VuTCAEosuCGLm4NfxQbq_tYtpMHIyB5j-nirP_Pdy8XXrmoARE3_2TBnGafYaRTsSiFt4iw”,”slug”:”hosting-your-website-on-github”}],”standards”:[],”id”:”x869e031f”},{“slug”:”css-layout-properties”,”description”:”Learn how to use the HTML span and div elements with CSS properties like position and float to change the layout of your webpages.”,”title”:”CSS layout”,”url”:”/computing/computer-programming/html-css#css-layout-properties”,”contentItems”:[{“nodeUrl”:”/computing/computer-programming/html-css/css-layout-properties/pt/css-grouping-elements”,”kind”:”Talkthrough”,”description”:””,”title”:”CSS grouping elements”,”contentId”:”xa01d30b52cfccfea”,”bigBingoLinkConversions”:[“topic_page_click_talkthrough”],”sponsored”:false,”progressKey”:”p5699382839345152″,”thumbnailUrl”:”https://cdn.kastatic.org/googleusercontent/A2IhGKzbeF51tRW0WvVZfMi5e08VM4v1heO9urr97YeOHDsH38yBSkMIpMllXpANPBmHu8MkAq9EzPVmMUhrHis”,”slug”:”css-grouping-elements”},{“nodeUrl”:”/computing/computer-programming/html-css/css-layout-properties/pc/challenge-group-the-groupers”,”kind”:”Challenge”,”description”:””,”title”:”Challenge: Group the groupers”,”contentId”:”x1b3a1a553218b49e”,”bigBingoLinkConversions”:[“topic_page_click_challenge”],”sponsored”:false,”progressKey”:”p5987626911006720″,”thumbnailUrl”:”https://cdn.kastatic.org/googleusercontent/A2IhGKzbeF51tRW0WvVZfMi5e08VM4v1heO9urr97YeOHDsH38yBSkMIpMllXpANPBmHu8MkAq9EzPVmMUhrHis”,”slug”:”challenge-group-the-groupers”},{“nodeUrl”:”/computing/computer-programming/html-css/css-layout-properties/pt/css-width-height-and-overflow”,”kind”:”Talkthrough”,”description”:””,”title”:”CSS width, height, and overflow”,”contentId”:”xe097954a4470e5e9″,”bigBingoLinkConversions”:[“topic_page_click_talkthrough”],”sponsored”:false,”progressKey”:”p5631904855621632″,”thumbnailUrl”:”https://cdn.kastatic.org/googleusercontent/A2IhGKzbeF51tRW0WvVZfMi5e08VM4v1heO9urr97YeOHDsH38yBSkMIpMllXpANPBmHu8MkAq9EzPVmMUhrHis”,”slug”:”css-width-height-and-overflow”},{“nodeUrl”:”/computing/computer-programming/html-css/css-layout-properties/pc/the-overflowing-ocean”,”kind”:”Challenge”,”description”:””,”title”:”Challenge: The overflowing ocean”,”contentId”:”x1f48197226cc84a9″,”bigBingoLinkConversions”:[“topic_page_click_challenge”],”sponsored”:false,”progressKey”:”p5422392135647232″,”thumbnailUrl”:”https://cdn.kastatic.org/googleusercontent/A2IhGKzbeF51tRW0WvVZfMi5e08VM4v1heO9urr97YeOHDsH38yBSkMIpMllXpANPBmHu8MkAq9EzPVmMUhrHis”,”slug”:”the-overflowing-ocean”},{“nodeUrl”:”/computing/computer-programming/html-css/css-layout-properties/pt/css-box-model”,”kind”:”Talkthrough”,”description”:””,”title”:”CSS box model”,”contentId”:”xced4cf0569e397f5″,”bigBingoLinkConversions”:[“topic_page_click_talkthrough”],”sponsored”:false,”progressKey”:”p6200339767492608″,”thumbnailUrl”:”https://cdn.kastatic.org/googleusercontent/A2IhGKzbeF51tRW0WvVZfMi5e08VM4v1heO9urr97YeOHDsH38yBSkMIpMllXpANPBmHu8MkAq9EzPVmMUhrHis”,”slug”:”css-box-model”},{“nodeUrl”:”/computing/computer-programming/html-css/css-layout-properties/pc/challenge-the-boxer-model”,”kind”:”Challenge”,”description”:””,”title”:”Challenge: The boxer model”,”contentId”:”x3184338e0331d47d”,”bigBingoLinkConversions”:[“topic_page_click_challenge”],”sponsored”:false,”progressKey”:”p4676223608553472″,”thumbnailUrl”:”https://cdn.kastatic.org/googleusercontent/A2IhGKzbeF51tRW0WvVZfMi5e08VM4v1heO9urr97YeOHDsH38yBSkMIpMllXpANPBmHu8MkAq9EzPVmMUhrHis”,”slug”:”challenge-the-boxer-model”},{“nodeUrl”:”/computing/computer-programming/html-css/css-layout-properties/pt/css-position”,”kind”:”Talkthrough”,”description”:””,”title”:”CSS position”,”contentId”:”x81af87de20723afb”,”bigBingoLinkConversions”:[“topic_page_click_talkthrough”],”sponsored”:false,”progressKey”:”p4615703178248192″,”thumbnailUrl”:”https://cdn.kastatic.org/googleusercontent/A2IhGKzbeF51tRW0WvVZfMi5e08VM4v1heO9urr97YeOHDsH38yBSkMIpMllXpANPBmHu8MkAq9EzPVmMUhrHis”,”slug”:”css-position”},{“nodeUrl”:”/computing/computer-programming/html-css/css-layout-properties/pc/challenge-position-planet”,”kind”:”Challenge”,”description”:””,”title”:”Challenge: Position planet”,”contentId”:”xf6f727fed1df6342″,”bigBingoLinkConversions”:[“topic_page_click_challenge”],”sponsored”:false,”progressKey”:”p5153121644052480″,”thumbnailUrl”:”https://cdn.kastatic.org/googleusercontent/A2IhGKzbeF51tRW0WvVZfMi5e08VM4v1heO9urr97YeOHDsH38yBSkMIpMllXpANPBmHu8MkAq9EzPVmMUhrHis”,”slug”:”challenge-position-planet”},{“nodeUrl”:”/computing/computer-programming/html-css/css-layout-properties/v/css-in-the-wild-google-maps”,”kind”:”Video”,”translatedYoutubeLang”:”en”,”description”:””,”title”:”CSS in the wild: Google Maps”,”contentId”:”x3f1a907e”,”downloadUrls”:{“mp4″:”https://cdn.kastatic.org/ka-youtube-converted/7f-LsuAnLMA.mp4/7f-LsuAnLMA.mp4″,”png”:”https://cdn.kastatic.org/ka-youtube-converted/7f-LsuAnLMA.mp4/7f-LsuAnLMA.png”,”m3u8″:”https://cdn.kastatic.org/ka-youtube-converted/7f-LsuAnLMA.m3u8/7f-LsuAnLMA.m3u8″},”translatedYoutubeId”:”7f-LsuAnLMA”,”sponsored”:false,”youtubeId”:”7f-LsuAnLMA”,”bigBingoLinkConversions”:[“topic_page_click_video”],”duration”:133,”thumbnailUrl”:”https://cdn.kastatic.org/googleusercontent/Ub5d95U6O8rJCxHtnL8EgOSnSjWlofi0dgP7yg9YCaU9p6BK4UaHLYV_edvNBoh1gvmdXoHhhvuJ6hnigrBzchiadA”,”slug”:”css-in-the-wild-google-maps”,”progressKey”:”vx3f1a907e”},{“nodeUrl”:”/computing/computer-programming/html-css/css-layout-properties/pt/css-floating-elements”,”kind”:”Talkthrough”,”description”:””,”title”:”CSS floating elements”,”contentId”:”x1007f5d23dee9ad3″,”bigBingoLinkConversions”:[“topic_page_click_talkthrough”],”sponsored”:false,”progressKey”:”p4635563442569216″,”thumbnailUrl”:”https://cdn.kastatic.org/googleusercontent/A2IhGKzbeF51tRW0WvVZfMi5e08VM4v1heO9urr97YeOHDsH38yBSkMIpMllXpANPBmHu8MkAq9EzPVmMUhrHis”,”slug”:”css-floating-elements”},{“nodeUrl”:”/computing/computer-programming/html-css/css-layout-properties/pc/challenge-floating-clouds”,”kind”:”Challenge”,”description”:””,”title”:”Challenge: Floating clouds”,”contentId”:”xc6ccc133c7b23ff9″,”bigBingoLinkConversions”:[“topic_page_click_challenge”],”sponsored”:false,”progressKey”:”p5435078412075008″,”thumbnailUrl”:”https://cdn.kastatic.org/googleusercontent/A2IhGKzbeF51tRW0WvVZfMi5e08VM4v1heO9urr97YeOHDsH38yBSkMIpMllXpANPBmHu8MkAq9EzPVmMUhrHis”,”slug”:”challenge-floating-clouds”},{“nodeUrl”:”/computing/computer-programming/html-css/css-layout-properties/e/quiz–css-layout”,”isSkillCheck”:false,”kind”:”Exercise”,”description”:”Practice CSS layout concepts and properties.”,”title”:”Using CSS layout properties”,”contentId”:”x46958c79″,”masteryEnabled”:false,”slug”:”quiz–css-layout”,”subjectMasteryEnabled”:false,”sponsored”:false,”progressKey”:”ex46958c79″,”bigBingoLinkConversions”:[“topic_page_click_exercise”],”relatedVideos”:[],”thumbnailUrl”:”https://cdn.kastatic.org/googleusercontent/BeOgMWy4wbB_Q_hya2R5VB6kM67lVZt4Kk7QK0qeQF8kNTAZdgQySmtM2CjlKCnM43zq5iJ325T-aH9yhE89dd4″,”expectedDoNCount”:5,”timeEstimate”:{“lowerBound”:5,”upperBound”:8}},{“nodeUrl”:”/computing/computer-programming/html-css/css-layout-properties/a/planning-your-webpage”,”kind”:”Article”,”description”:””,”title”:”Planning your webpage”,”contentId”:”xcbf6fe3e”,”bigBingoLinkConversions”:[“topic_page_click_article”],”sponsored”:false,”progressKey”:”axcbf6fe3e”,”thumbnailUrl”:”https://cdn.kastatic.org/googleusercontent/K5bzbA067FpSFjs7VuTCAEosuCGLm4NfxQbq_tYtpMHIyB5j-nirP_Pdy8XXrmoARE3_2TBnGafYaRTsSiFt4iw”,”slug”:”planning-your-webpage”},{“nodeUrl”:”/computing/computer-programming/html-css/css-layout-properties/pp/project-event-invite”,”kind”:”Project”,”description”:”

In this project, you’ll make an event invite for an event- a party, a workshop, a wedding, whatever you want. It should have event title, details, and maybe it’d have a guest list or RSVP button.nn

Before you start coding, I encourage you to “prototype” it – to plan it out either on paper or with a “prototyping” tool. Sketch out the vision you have in your head and go through a few prototypes until you’re happy.nn

Then, when you’re ready, try to implement your event invite in HTML/CSS. If you get stuck on something that’s hard to transfer from paper to HTML, try searching on the internet or clicking “Request Help.” I bet you’ll learn something from the process.”,”title”:”Project: Event invite”,”contentId”:”x71333e3f134714a9″,”bigBingoLinkConversions”:[“topic_page_click_project”],”sponsored”:false,”progressKey”:”p6750832828350464″,”thumbnailUrl”:”https://cdn.kastatic.org/googleusercontent/A2IhGKzbeF51tRW0WvVZfMi5e08VM4v1heO9urr97YeOHDsH38yBSkMIpMllXpANPBmHu8MkAq9EzPVmMUhrHis”,”slug”:”project-event-invite”}],”standards”:[],”id”:”x6787034c”},{“slug”:”more-css-selectors”,”description”:”Learn more complex selectors- using multiple classes, combining elements with classes, descendant selectors, grouped selectors, and dynamic pseudo-classes.”,”title”:”More CSS selectors”,”url”:”/computing/computer-programming/html-css#more-css-selectors”,”contentItems”:[{“nodeUrl”:”/computing/computer-programming/html-css/more-css-selectors/pt/using-multiple-css-classes”,”kind”:”Talkthrough”,”description”:””,”title”:”Using multiple CSS classes”,”contentId”:”xd86b6f05048cdbbc”,”bigBingoLinkConversions”:[“topic_page_click_talkthrough”],”sponsored”:false,”progressKey”:”p4939299519987712″,”thumbnailUrl”:”https://cdn.kastatic.org/googleusercontent/A2IhGKzbeF51tRW0WvVZfMi5e08VM4v1heO9urr97YeOHDsH38yBSkMIpMllXpANPBmHu8MkAq9EzPVmMUhrHis”,”slug”:”using-multiple-css-classes”},{“nodeUrl”:”/computing/computer-programming/html-css/more-css-selectors/pc/challenge-a-classy-gallery”,”kind”:”Challenge”,”description”:””,”title”:”Challenge: A classy gallery”,”contentId”:”x32da2343017b0116″,”bigBingoLinkConversions”:[“topic_page_click_challenge”],”sponsored”:false,”progressKey”:”p4574192365469696″,”thumbnailUrl”:”https://cdn.kastatic.org/googleusercontent/A2IhGKzbeF51tRW0WvVZfMi5e08VM4v1heO9urr97YeOHDsH38yBSkMIpMllXpANPBmHu8MkAq9EzPVmMUhrHis”,”slug”:”challenge-a-classy-gallery”},{“nodeUrl”:”/computing/computer-programming/html-css/more-css-selectors/pt/combining-css-class-and-element-selectors”,”kind”:”Talkthrough”,”description”:””,”title”:”Combining CSS class and element selectors”,”contentId”:”x488457332bf1f0ed”,”bigBingoLinkConversions”:[“topic_page_click_talkthrough”],”sponsored”:false,”progressKey”:”p5418858455498752″,”thumbnailUrl”:”https://cdn.kastatic.org/googleusercontent/A2IhGKzbeF51tRW0WvVZfMi5e08VM4v1heO9urr97YeOHDsH38yBSkMIpMllXpANPBmHu8MkAq9EzPVmMUhrHis”,”slug”:”combining-css-class-and-element-selectors”},{“nodeUrl”:”/computing/computer-programming/html-css/more-css-selectors/pc/challenge-classes-of-elements”,”kind”:”Challenge”,”description”:””,”title”:”Challenge: Classes of elements”,”contentId”:”xefe8e985a6642f86″,”bigBingoLinkConversions”:[“topic_page_click_challenge”],”sponsored”:false,”progressKey”:”p6401534587043840″,”thumbnailUrl”:”https://cdn.kastatic.org/googleusercontent/A2IhGKzbeF51tRW0WvVZfMi5e08VM4v1heO9urr97YeOHDsH38yBSkMIpMllXpANPBmHu8MkAq9EzPVmMUhrHis”,”slug”:”challenge-classes-of-elements”},{“nodeUrl”:”/computing/computer-programming/html-css/more-css-selectors/pt/css-descendant-selectors”,”kind”:”Talkthrough”,”description”:””,”title”:”CSS descendant selectors”,”contentId”:”xe319712ad3615f58″,”bigBingoLinkConversions”:[“topic_page_click_talkthrough”],”sponsored”:false,”progressKey”:”p6374633634004992″,”thumbnailUrl”:”https://cdn.kastatic.org/googleusercontent/A2IhGKzbeF51tRW0WvVZfMi5e08VM4v1heO9urr97YeOHDsH38yBSkMIpMllXpANPBmHu8MkAq9EzPVmMUhrHis”,”slug”:”css-descendant-selectors”},{“nodeUrl”:”/computing/computer-programming/html-css/more-css-selectors/pc/challenge-descendants-of-khan”,”kind”:”Challenge”,”description”:””,”title”:”Challenge: Descendants of Khan”,”contentId”:”x34ed3abead316408″,”bigBingoLinkConversions”:[“topic_page_click_challenge”],”sponsored”:false,”progressKey”:”p4757342446157824″,”thumbnailUrl”:”https://cdn.kastatic.org/googleusercontent/A2IhGKzbeF51tRW0WvVZfMi5e08VM4v1heO9urr97YeOHDsH38yBSkMIpMllXpANPBmHu8MkAq9EzPVmMUhrHis”,”slug”:”challenge-descendants-of-khan”},{“nodeUrl”:”/computing/computer-programming/html-css/more-css-selectors/pt/grouping-css-selectors”,”kind”:”Talkthrough”,”description”:””,”title”:”Grouping CSS selectors”,”contentId”:”xf9790bad0235c849″,”bigBingoLinkConversions”:[“topic_page_click_talkthrough”],”sponsored”:false,”progressKey”:”p6211781778472960″,”thumbnailUrl”:”https://cdn.kastatic.org/googleusercontent/A2IhGKzbeF51tRW0WvVZfMi5e08VM4v1heO9urr97YeOHDsH38yBSkMIpMllXpANPBmHu8MkAq9EzPVmMUhrHis”,”slug”:”grouping-css-selectors”},{“nodeUrl”:”/computing/computer-programming/html-css/more-css-selectors/pt/css-dynamic-pseudo-classes”,”kind”:”Talkthrough”,”description”:””,”title”:”CSS dynamic pseudo-classes”,”contentId”:”x7dd1a2bf15b03e96″,”bigBingoLinkConversions”:[“topic_page_click_talkthrough”],”sponsored”:false,”progressKey”:”p5180385597325312″,”thumbnailUrl”:”https://cdn.kastatic.org/googleusercontent/A2IhGKzbeF51tRW0WvVZfMi5e08VM4v1heO9urr97YeOHDsH38yBSkMIpMllXpANPBmHu8MkAq9EzPVmMUhrHis”,”slug”:”css-dynamic-pseudo-classes”},{“nodeUrl”:”/computing/computer-programming/html-css/more-css-selectors/pc/challenge-grouped-animals”,”kind”:”Challenge”,”description”:””,”title”:”Challenge: Grouped animals”,”contentId”:”x26f7b8f49de41e66″,”bigBingoLinkConversions”:[“topic_page_click_challenge”],”sponsored”:false,”progressKey”:”p4526038917054464″,”thumbnailUrl”:”https://cdn.kastatic.org/googleusercontent/A2IhGKzbeF51tRW0WvVZfMi5e08VM4v1heO9urr97YeOHDsH38yBSkMIpMllXpANPBmHu8MkAq9EzPVmMUhrHis”,”slug”:”challenge-grouped-animals”},{“nodeUrl”:”/computing/computer-programming/html-css/more-css-selectors/pt/css-specificity”,”kind”:”Talkthrough”,”description”:””,”title”:”CSS specificity”,”contentId”:”x9fef48b9b65cd79c”,”bigBingoLinkConversions”:[“topic_page_click_talkthrough”],”sponsored”:false,”progressKey”:”p4750409140011008″,”thumbnailUrl”:”https://cdn.kastatic.org/googleusercontent/A2IhGKzbeF51tRW0WvVZfMi5e08VM4v1heO9urr97YeOHDsH38yBSkMIpMllXpANPBmHu8MkAq9EzPVmMUhrHis”,”slug”:”css-specificity”},{“nodeUrl”:”/computing/computer-programming/html-css/more-css-selectors/e/quiz–css-specificity-rules”,”isSkillCheck”:false,”kind”:”Exercise”,”description”:”Test your knowledge of CSS specificity rules.”,”title”:”CSS specificity rules”,”contentId”:”x31250993″,”masteryEnabled”:false,”slug”:”quiz–css-specificity-rules”,”subjectMasteryEnabled”:false,”sponsored”:false,”progressKey”:”ex31250993″,”bigBingoLinkConversions”:[“topic_page_click_exercise”],”relatedVideos”:[],”thumbnailUrl”:”https://cdn.kastatic.org/googleusercontent/BeOgMWy4wbB_Q_hya2R5VB6kM67lVZt4Kk7QK0qeQF8kNTAZdgQySmtM2CjlKCnM43zq5iJ325T-aH9yhE89dd4″,”expectedDoNCount”:4,”timeEstimate”:{“lowerBound”:4,”upperBound”:6}}],”standards”:[],”id”:”x2e46f213″},{“slug”:”more-ways-to-embed-css”,”description”:”Learn how to use inline styles and external stylesheets, two more ways to bring CSS into your webpage.”,”title”:”Other ways to embed CSS”,”url”:”/computing/computer-programming/html-css#more-ways-to-embed-css”,”contentItems”:[{“nodeUrl”:”/computing/computer-programming/html-css/more-ways-to-embed-css/pt/using-inline-css-styles”,”kind”:”Talkthrough”,”description”:””,”title”:”Using inline CSS styles”,”contentId”:”xf371b67b25d00309″,”bigBingoLinkConversions”:[“topic_page_click_talkthrough”],”sponsored”:false,”progressKey”:”p6613492501708800″,”thumbnailUrl”:”https://cdn.kastatic.org/googleusercontent/A2IhGKzbeF51tRW0WvVZfMi5e08VM4v1heO9urr97YeOHDsH38yBSkMIpMllXpANPBmHu8MkAq9EzPVmMUhrHis”,”slug”:”using-inline-css-styles”},{“nodeUrl”:”/computing/computer-programming/html-css/more-ways-to-embed-css/pt/using-external-stylesheets”,”kind”:”Talkthrough”,”description”:””,”title”:”Using external stylesheets”,”contentId”:”x253c5b3aebe47e02″,”bigBingoLinkConversions”:[“topic_page_click_talkthrough”],”sponsored”:false,”progressKey”:”p5942995057246208″,”thumbnailUrl”:”https://cdn.kastatic.org/googleusercontent/A2IhGKzbeF51tRW0WvVZfMi5e08VM4v1heO9urr97YeOHDsH38yBSkMIpMllXpANPBmHu8MkAq9EzPVmMUhrHis”,”slug”:”using-external-stylesheets”}],”standards”:[],”id”:”xfcd93e44″},{“slug”:”html-css-further-learning”,”description”:”What can you do to keep learning HTML and CSS?”,”title”:”Further learning”,”url”:”/computing/computer-programming/html-css#html-css-further-learning”,”contentItems”:[{“nodeUrl”:”/computing/computer-programming/html-css/html-css-further-learning/a/webpage-design”,”kind”:”Article”,”description”:””,”title”:”Webpage design”,”contentId”:”x9ccc09f7″,”bigBingoLinkConversions”:[“topic_page_click_article”],”sponsored”:false,”progressKey”:”ax9ccc09f7″,”thumbnailUrl”:”https://cdn.kastatic.org/googleusercontent/K5bzbA067FpSFjs7VuTCAEosuCGLm4NfxQbq_tYtpMHIyB5j-nirP_Pdy8XXrmoARE3_2TBnGafYaRTsSiFt4iw”,”slug”:”webpage-design”},{“nodeUrl”:”/computing/computer-programming/html-css/html-css-further-learning/v/html-validation”,”kind”:”Video”,”translatedYoutubeLang”:”en”,”description”:”Learn how to validate your webpages with the W3C validator service.”,”title”:”HTML validation”,”contentId”:”x375b2a8b”,”downloadUrls”:{“mp4″:”https://cdn.kastatic.org/ka-youtube-converted/qrU3ghYJjEw.mp4/qrU3ghYJjEw.mp4″,”png”:”https://cdn.kastatic.org/ka-youtube-converted/qrU3ghYJjEw.mp4/qrU3ghYJjEw.png”,”m3u8″:”https://cdn.kastatic.org/ka-youtube-converted/qrU3ghYJjEw.m3u8/qrU3ghYJjEw.m3u8″},”translatedYoutubeId”:”qrU3ghYJjEw”,”sponsored”:false,”youtubeId”:”qrU3ghYJjEw”,”bigBingoLinkConversions”:[“topic_page_click_video”],”duration”:140,”thumbnailUrl”:”https://cdn.kastatic.org/googleusercontent/wq2DtHdpIlpBrQwa2Haf1gSKVSrx1PXsrsiVe48EkicoTROYRsxu2y0BoKsbMBmmAGvhDkrkp-TeA1HNe-iWl9ieNw”,”slug”:”html-validation”,”progressKey”:”vx375b2a8b”},{“nodeUrl”:”/computing/computer-programming/html-css/html-css-further-learning/e/quiz–validate-this-html”,”isSkillCheck”:false,”kind”:”Exercise”,”description”:”Try validating small HTML pages and figure out what’s wrong.”,”title”:”Validating HTML”,”contentId”:”x488fb047″,”masteryEnabled”:false,”slug”:”quiz–validate-this-html”,”subjectMasteryEnabled”:false,”sponsored”:false,”progressKey”:”ex488fb047″,”bigBingoLinkConversions”:[“topic_page_click_exercise”],”relatedVideos”:[],”thumbnailUrl”:”https://cdn.kastatic.org/googleusercontent/BeOgMWy4wbB_Q_hya2R5VB6kM67lVZt4Kk7QK0qeQF8kNTAZdgQySmtM2CjlKCnM43zq5iJ325T-aH9yhE89dd4″,”expectedDoNCount”:4,”timeEstimate”:{“lowerBound”:4,”upperBound”:6}},{“nodeUrl”:”/computing/computer-programming/html-css/html-css-further-learning/a/html-css-further-learning-what-to-learn-next”,”kind”:”Article”,”description”:””,”title”:”What to learn next”,”contentId”:”xd2d98915″,”bigBingoLinkConversions”:[“topic_page_click_article”],”sponsored”:false,”progressKey”:”axd2d98915″,”thumbnailUrl”:”https://cdn.kastatic.org/googleusercontent/K5bzbA067FpSFjs7VuTCAEosuCGLm4NfxQbq_tYtpMHIyB5j-nirP_Pdy8XXrmoARE3_2TBnGafYaRTsSiFt4iw”,”slug”:”html-css-further-learning-what-to-learn-next”}],”standards”:[],”id”:”x3c59ea3c”}]}]}],”curationKind”:”Concept”,”unitId”:”x7441c73b”,”requestedPath”:”computing/computer-programming/html-css”,”subject”:”computer-programming”,”unit”:”html-css”,”description”:”Learn how to use HTML and CSS to make webpages. HTML is the markup language that you surround content with, to tell browsers about headings, lists, tables, etc. CSS is the stylesheet language that you style the page with, to tell browsers to change the color, font, layout, and more.”}}}},”initialState”:{“ROOT_QUERY”:{“curatedContentLibraryJson({“followRedirects”:false,”isModal”:false,”path”:”computing/computer-programming/html-css”,”queryParams”:”lang=en”})”:”{“componentProps”: {“curation”: {“renderedPath”: “computing/computer-programming/html-css”, “initialTabUrl”: “/computing/computer-programming/html-css?lang=en”, “domain”: “computing”, “domainId”: “x45aed616”, “attribution”: null, “canonicalUrl”: “/computing/computer-programming/html-css”, “title”: “Intro to HTML/CSS: Making webpages”, “courseId”: “xffde7c31”, “breadcrumbs”: [{“href”: “/computing/computer-programming”, “title”: “Computer programming”}], “isUnlisted”: false, “ancestorTopics”: [{“title”: “Computing”, “depth”: 1, “href”: “/computing”, “renderType”: “Domain”, “slug”: “computing”}, {“title”: “Computer programming”, “depth”: 2, “href”: “/computing/computer-programming”, “renderType”: “Subject”, “slug”: “computer-programming”}], “standards”: [], “translatedCustomTitleTag”: “”, “searchSchema”: “”, “tabs”: [{“modules”: [{“kind”: “TopicProgress”, “quizzes”: {}, “unitTest”: null, “topic”: {“description”: “Learn how to use HTML and CSS to make webpages. HTML is the markup language that you surround content with, to tell browsers about headings, lists, tables, etc. CSS is the stylesheet language that you style the page with, to tell browsers to change the color, font, layout, and more.”, “title”: “Intro to HTML/CSS: Making webpages”, “masteryEnabled”: false, “subjectMasteryEnabled”: false, “hasUserAuthoredContent”: true, “id”: “x7441c73b”, “slug”: “html-css”}, “nextTopic”: {“previous”: {“url”: “/computing/computer-programming/programming”, “kind”: “topic”, “title”: “Intro to JS: Drawing & Animation”}, “next”: {“url”: “/computing/computer-programming/sql”, “kind”: “topic”, “title”: “Intro to SQL: Querying and managing data”}}, “experienceUpsell”: null, “videoAttribution”: null, “includeUpNextShelf”: false, “subject”: {“url”: “/computing/computer-programming”, “title”: “Computer programming”}, “tutorials”: [{“slug”: “intro-to-html”, “description”: “Learn what HTML is and how to make a webpage with marked up text and images.”, “title”: “Intro to HTML”, “url”: “/computing/computer-programming/html-css#intro-to-html”, “contentItems”: [{“nodeUrl”: “/computing/computer-programming/html-css/intro-to-html/v/making-webpages-intro”, “kind”: “Video”, “translatedYoutubeLang”: “en”, “description”: “”, “title”: “Welcome to the web!”, “contentId”: “x9b5f739f”, “downloadUrls”: {“mp4”: “https://cdn.kastatic.org/ka-youtube-converted/jHPr-CuvHhs.mp4/jHPr-CuvHhs.mp4”, “png”: “https://cdn.kastatic.org/ka-youtube-converted/jHPr-CuvHhs.mp4/jHPr-CuvHhs.png”, “m3u8”: “https://cdn.kastatic.org/ka-youtube-converted/jHPr-CuvHhs.m3u8/jHPr-CuvHhs.m3u8”}, “translatedYoutubeId”: “jHPr-CuvHhs”, “sponsored”: false, “youtubeId”: “jHPr-CuvHhs”, “bigBingoLinkConversions”: [“topic_page_click_video”], “duration”: 168, “thumbnailUrl”: “https://cdn.kastatic.org/googleusercontent/Zl-NTBWzy2fjauMadj5pNmsS11jXlEFQ856vsevBybLKgcQmpUaVe5mIzQLJoe9tymMqhU9EZ1cjnoFXEF4m3Wn0”, “slug”: “making-webpages-intro”, “progressKey”: “vx9b5f739f”}, {“nodeUrl”: “/computing/computer-programming/html-css/intro-to-html/pt/html-basics”, “kind”: “Talkthrough”, “description”: “”, “title”: “HTML basics”, “contentId”: “xf20eef6973e94543”, “bigBingoLinkConversions”: [“topic_page_click_talkthrough”], “sponsored”: false, “progressKey”: “p5012727132323840”, “thumbnailUrl”: “https://cdn.kastatic.org/googleusercontent/A2IhGKzbeF51tRW0WvVZfMi5e08VM4v1heO9urr97YeOHDsH38yBSkMIpMllXpANPBmHu8MkAq9EzPVmMUhrHis”, “slug”: “html-basics”}, {“nodeUrl”: “/computing/computer-programming/html-css/intro-to-html/a/quick-tip-html-tags”, “kind”: “Article”, “description”: “”, “title”: “Quick tip: HTML tags”, “contentId”: “x0f134878”, “bigBingoLinkConversions”: [“topic_page_click_article”], “sponsored”: false, “progressKey”: “ax0f134878”, “thumbnailUrl”: “https://cdn.kastatic.org/googleusercontent/K5bzbA067FpSFjs7VuTCAEosuCGLm4NfxQbq_tYtpMHIyB5j-nirP_Pdy8XXrmoARE3_2TBnGafYaRTsSiFt4iw”, “slug”: “quick-tip-html-tags”}, {“nodeUrl”: “/computing/computer-programming/html-css/intro-to-html/pc/challenge-write-a-poem”, “kind”: “Challenge”, “description”: “”, “title”: “Challenge: Write a Poem”, “contentId”: “x047226900a9584ff”, “bigBingoLinkConversions”: [“topic_page_click_challenge”], “sponsored”: false, “progressKey”: “p6198615379017728”, “thumbnailUrl”: “https://cdn.kastatic.org/googleusercontent/A2IhGKzbeF51tRW0WvVZfMi5e08VM4v1heO9urr97YeOHDsH38yBSkMIpMllXpANPBmHu8MkAq9EzPVmMUhrHis”, “slug”: “challenge-write-a-poem”}, {“nodeUrl”: “/computing/computer-programming/html-css/intro-to-html/pt/html-text-emphasis”, “kind”: “Talkthrough”, “description”: “”, “title”: “HTML: Text emphasis”, “contentId”: “xdcb2bbde0c6aee2e”, “bigBingoLinkConversions”: [“topic_page_click_talkthrough”], “sponsored”: false, “progressKey”: “p5955076083679232”, “thumbnailUrl”: “https://cdn.kastatic.org/googleusercontent/A2IhGKzbeF51tRW0WvVZfMi5e08VM4v1heO9urr97YeOHDsH38yBSkMIpMllXpANPBmHu8MkAq9EzPVmMUhrHis”, “slug”: “html-text-emphasis”}, {“nodeUrl”: “/computing/computer-programming/html-css/intro-to-html/pc/challenge-you-can-learn-text-tags”, “kind”: “Challenge”, “description”: “”, “title”: “Challenge: You can learn text tags”, “contentId”: “x1e54063443d20a5c”, “bigBingoLinkConversions”: [“topic_page_click_challenge”], “sponsored”: false, “progressKey”: “p5688482121121792”, “thumbnailUrl”: “https://cdn.kastatic.org/googleusercontent/A2IhGKzbeF51tRW0WvVZfMi5e08VM4v1heO9urr97YeOHDsH38yBSkMIpMllXpANPBmHu8MkAq9EzPVmMUhrHis”, “slug”: “challenge-you-can-learn-text-tags”}, {“nodeUrl”: “/computing/computer-programming/html-css/intro-to-html/pt/html-lists”, “kind”: “Talkthrough”, “description”: “”, “title”: “HTML: Lists”, “contentId”: “x3eeeba9718a1d070”, “bigBingoLinkConversions”: [“topic_page_click_talkthrough”], “sponsored”: false, “progressKey”: “p5811221262761984”, “thumbnailUrl”: “https://cdn.kastatic.org/googleusercontent/A2IhGKzbeF51tRW0WvVZfMi5e08VM4v1heO9urr97YeOHDsH38yBSkMIpMllXpANPBmHu8MkAq9EzPVmMUhrHis”, “slug”: “html-lists”}, {“nodeUrl”: “/computing/computer-programming/html-css/intro-to-html/pc/challenge-your-learning-list”, “kind”: “Challenge”, “description”: “”, “title”: “Challenge: Wishlist”, “contentId”: “x1d4b403aa1a3ba2b”, “bigBingoLinkConversions”: [“topic_page_click_challenge”], “sponsored”: false, “progressKey”: “p6244086130671616”, “thumbnailUrl”: “https://cdn.kastatic.org/googleusercontent/A2IhGKzbeF51tRW0WvVZfMi5e08VM4v1heO9urr97YeOHDsH38yBSkMIpMllXpANPBmHu8MkAq9EzPVmMUhrHis”, “slug”: “challenge-your-learning-list”}, {“nodeUrl”: “/computing/computer-programming/html-css/intro-to-html/pt/html-images”, “kind”: “Talkthrough”, “description”: “”, “title”: “HTML: Images”, “contentId”: “xcb7e552bc2faa22e”, “bigBingoLinkConversions”: [“topic_page_click_talkthrough”], “sponsored”: false, “progressKey”: “p6091331232595968”, “thumbnailUrl”: “https://cdn.kastatic.org/googleusercontent/A2IhGKzbeF51tRW0WvVZfMi5e08VM4v1heO9urr97YeOHDsH38yBSkMIpMllXpANPBmHu8MkAq9EzPVmMUhrHis”, “slug”: “html-images”}, {“nodeUrl”: “/computing/computer-programming/html-css/intro-to-html/pc/challenge-a-picture-perfect-trip”, “kind”: “Challenge”, “description”: “”, “title”: “Challenge: A picture-perfect trip”, “contentId”: “x76d09c7eaebc0054”, “bigBingoLinkConversions”: [“topic_page_click_challenge”], “sponsored”: false, “progressKey”: “p6630427901296640”, “thumbnailUrl”: “https://cdn.kastatic.org/googleusercontent/A2IhGKzbeF51tRW0WvVZfMi5e08VM4v1heO9urr97YeOHDsH38yBSkMIpMllXpANPBmHu8MkAq9EzPVmMUhrHis”, “slug”: “challenge-a-picture-perfect-trip”}], “standards”: [], “id”: “xefc0e88a”}, {“slug”: “intro-to-css”, “description”: “Learn how to write simple CSS rules, to select based on element, class, or ID, and change the colors of your page.”, “title”: “Intro to CSS”, “url”: “/computing/computer-programming/html-css#intro-to-css”, “contentItems”: [{“nodeUrl”: “/computing/computer-programming/html-css/intro-to-css/pt/css-basics”, “kind”: “Talkthrough”, “description”: “”, “title”: “CSS Basics”, “contentId”: “xb6e466b8d7d7aca7”, “bigBingoLinkConversions”: [“topic_page_click_talkthrough”], “sponsored”: false, “progressKey”: “p4918766136983552”, “thumbnailUrl”: “https://cdn.kastatic.org/googleusercontent/A2IhGKzbeF51tRW0WvVZfMi5e08VM4v1heO9urr97YeOHDsH38yBSkMIpMllXpANPBmHu8MkAq9EzPVmMUhrHis”, “slug”: “css-basics”}, {“nodeUrl”: “/computing/computer-programming/html-css/intro-to-css/a/quick-tip-selecting-by-tag-name”, “kind”: “Article”, “description”: “”, “title”: “Quick tip: Selecting by tag name”, “contentId”: “xd144ee6a”, “bigBingoLinkConversions”: [“topic_page_click_article”], “sponsored”: false, “progressKey”: “axd144ee6a”, “thumbnailUrl”: “https://cdn.kastatic.org/googleusercontent/K5bzbA067FpSFjs7VuTCAEosuCGLm4NfxQbq_tYtpMHIyB5j-nirP_Pdy8XXrmoARE3_2TBnGafYaRTsSiFt4iw”, “slug”: “quick-tip-selecting-by-tag-name”}, {“nodeUrl”: “/computing/computer-programming/html-css/intro-to-css/pc/challenge-colorful-creature”, “kind”: “Challenge”, “description”: “”, “title”: “Challenge: Colorful creature”, “contentId”: “x9771f669df0d8cb7”, “bigBingoLinkConversions”: [“topic_page_click_challenge”], “sponsored”: false, “progressKey”: “p4909130071670784”, “thumbnailUrl”: “https://cdn.kastatic.org/googleusercontent/A2IhGKzbeF51tRW0WvVZfMi5e08VM4v1heO9urr97YeOHDsH38yBSkMIpMllXpANPBmHu8MkAq9EzPVmMUhrHis”, “slug”: “challenge-colorful-creature”}, {“nodeUrl”: “/computing/computer-programming/html-css/intro-to-css/pt/css-selecting-by-id”, “kind”: “Talkthrough”, “description”: “”, “title”: “CSS: Selecting by id”, “contentId”: “x2c6835315e0ad813”, “bigBingoLinkConversions”: [“topic_page_click_talkthrough”], “sponsored”: false, “progressKey”: “p5361460026015744”, “thumbnailUrl”: “https://cdn.kastatic.org/googleusercontent/A2IhGKzbeF51tRW0WvVZfMi5e08VM4v1heO9urr97YeOHDsH38yBSkMIpMllXpANPBmHu8MkAq9EzPVmMUhrHis”, “slug”: “css-selecting-by-id”}, {“nodeUrl”: “/computing/computer-programming/html-css/intro-to-css/pc/challenge-seasonal-ids”, “kind”: “Challenge”, “description”: “”, “title”: “Challenge: Seasonal ids”, “contentId”: “xf6516aec0a1dc00a”, “bigBingoLinkConversions”: [“topic_page_click_challenge”], “sponsored”: false, “progressKey”: “p6081336571068416”, “thumbnailUrl”: “https://cdn.kastatic.org/googleusercontent/A2IhGKzbeF51tRW0WvVZfMi5e08VM4v1heO9urr97YeOHDsH38yBSkMIpMllXpANPBmHu8MkAq9EzPVmMUhrHis”, “slug”: “challenge-seasonal-ids”}, {“nodeUrl”: “/computing/computer-programming/html-css/intro-to-css/pt/css-selecting-by-class”, “kind”: “Talkthrough”, “description”: “”, “title”: “CSS: Selecting by class”, “contentId”: “x9191fc1bbca2d6bd”, “bigBingoLinkConversions”: [“topic_page_click_talkthrough”], “sponsored”: false, “progressKey”: “p5025944629936128”, “thumbnailUrl”: “https://cdn.kastatic.org/googleusercontent/A2IhGKzbeF51tRW0WvVZfMi5e08VM4v1heO9urr97YeOHDsH38yBSkMIpMllXpANPBmHu8MkAq9EzPVmMUhrHis”, “slug”: “css-selecting-by-class”}, {“nodeUrl”: “/computing/computer-programming/html-css/intro-to-css/pc/challenge-apples-and-bananas-classes”, “kind”: “Challenge”, “description”: “”, “title”: “Challenge: Apples and bananas classes”, “contentId”: “xa3120f70707da7d6”, “bigBingoLinkConversions”: [“topic_page_click_challenge”], “sponsored”: false, “progressKey”: “p4670903452696576”, “thumbnailUrl”: “https://cdn.kastatic.org/googleusercontent/A2IhGKzbeF51tRW0WvVZfMi5e08VM4v1heO9urr97YeOHDsH38yBSkMIpMllXpANPBmHu8MkAq9EzPVmMUhrHis”, “slug”: “challenge-apples-and-bananas-classes”}, {“nodeUrl”: “/computing/computer-programming/html-css/intro-to-css/e/quiz–simple-css-selectors”, “isSkillCheck”: false, “kind”: “Exercise”, “description”: “How well do you know element, class, and id selectors? Find out!”, “title”: “Using simple CSS selectors”, “contentId”: “x23a2cc94”, “masteryEnabled”: false, “slug”: “quiz–simple-css-selectors”, “subjectMasteryEnabled”: false, “sponsored”: false, “progressKey”: “ex23a2cc94”, “bigBingoLinkConversions”: [“topic_page_click_exercise”], “relatedVideos”: [], “thumbnailUrl”: “https://cdn.kastatic.org/googleusercontent/BeOgMWy4wbB_Q_hya2R5VB6kM67lVZt4Kk7QK0qeQF8kNTAZdgQySmtM2CjlKCnM43zq5iJ325T-aH9yhE89dd4”, “expectedDoNCount”: 4, “timeEstimate”: {“lowerBound”: 4, “upperBound”: 6}}, {“nodeUrl”: “/computing/computer-programming/html-css/intro-to-css/pp/project-travel-webpage”, “kind”: “Project”, “description”: “

In this project, you'll use everything you've learned so far to create a travel website enticing viewers to visit an exotic locale. You should have images of what they'll see, lists of things to see and places to go, and paragraphs of enticing details. You should also use CSS to style the website, using a mix of the simple selectors you've learned.\n\n

Tip: Can't find the images you want in our image selector? You can also bring in images from Wikipedia. To do that, use a site-restricted Google search, then click “View image” on the result you like, and copy the URL into your tag.\n”, “title”: “Project: Travel webpage”, “contentId”: “x0d1cdc24913dc0e3”, “bigBingoLinkConversions”: [“topic_page_click_project”], “sponsored”: false, “progressKey”: “p5255589914738688”, “thumbnailUrl”: “https://cdn.kastatic.org/googleusercontent/A2IhGKzbeF51tRW0WvVZfMi5e08VM4v1heO9urr97YeOHDsH38yBSkMIpMllXpANPBmHu8MkAq9EzPVmMUhrHis”, “slug”: “project-travel-webpage”}], “standards”: [], “id”: “xae5108e8”}, {“slug”: “html-tags-continued”, “description”: “Learn how to make links, tables, and comments.”, “title”: “More HTML tags”, “url”: “/computing/computer-programming/html-css#html-tags-continued”, “contentItems”: [{“nodeUrl”: “/computing/computer-programming/html-css/html-tags-continued/pt/html-links”, “kind”: “Talkthrough”, “description”: “”, “title”: “HTML links”, “contentId”: “xed2558436ff0de51”, “bigBingoLinkConversions”: [“topic_page_click_talkthrough”], “sponsored”: false, “progressKey”: “p5306658357248000”, “thumbnailUrl”: “https://cdn.kastatic.org/googleusercontent/A2IhGKzbeF51tRW0WvVZfMi5e08VM4v1heO9urr97YeOHDsH38yBSkMIpMllXpANPBmHu8MkAq9EzPVmMUhrHis”, “slug”: “html-links”}, {“nodeUrl”: “/computing/computer-programming/html-css/html-tags-continued/pc/challenge-links-you-love”, “kind”: “Challenge”, “description”: “”, “title”: “Challenge: Links for learning”, “contentId”: “x3edf1b69365746cf”, “bigBingoLinkConversions”: [“topic_page_click_challenge”], “sponsored”: false, “progressKey”: “p5185309823467520”, “thumbnailUrl”: “https://cdn.kastatic.org/googleusercontent/A2IhGKzbeF51tRW0WvVZfMi5e08VM4v1heO9urr97YeOHDsH38yBSkMIpMllXpANPBmHu8MkAq9EzPVmMUhrHis”, “slug”: “challenge-links-you-love”}, {“nodeUrl”: “/computing/computer-programming/html-css/html-tags-continued/pt/html-internal-links”, “kind”: “Talkthrough”, “description”: “”, “title”: “HTML internal links”, “contentId”: “xe33025bad127bfa3”, “bigBingoLinkConversions”: [“topic_page_click_talkthrough”], “sponsored”: false, “progressKey”: “p4820183568089088”, “thumbnailUrl”: “https://cdn.kastatic.org/googleusercontent/A2IhGKzbeF51tRW0WvVZfMi5e08VM4v1heO9urr97YeOHDsH38yBSkMIpMllXpANPBmHu8MkAq9EzPVmMUhrHis”, “slug”: “html-internal-links”}, {“nodeUrl”: “/computing/computer-programming/html-css/html-tags-continued/pc/challenge-jump-around”, “kind”: “Challenge”, “description”: “”, “title”: “Challenge: Jump around”, “contentId”: “x712ae29530655756”, “bigBingoLinkConversions”: [“topic_page_click_challenge”], “sponsored”: false, “progressKey”: “p5298232533188608”, “thumbnailUrl”: “https://cdn.kastatic.org/googleusercontent/A2IhGKzbeF51tRW0WvVZfMi5e08VM4v1heO9urr97YeOHDsH38yBSkMIpMllXpANPBmHu8MkAq9EzPVmMUhrHis”, “slug”: “challenge-jump-around”}, {“nodeUrl”: “/computing/computer-programming/html-css/html-tags-continued/pt/html-tables”, “kind”: “Talkthrough”, “description”: “”, “title”: “HTML tables”, “contentId”: “x04b7cfdb59f74e2d”, “bigBingoLinkConversions”: [“topic_page_click_talkthrough”], “sponsored”: false, “progressKey”: “p6263345914314752”, “thumbnailUrl”: “https://cdn.kastatic.org/googleusercontent/A2IhGKzbeF51tRW0WvVZfMi5e08VM4v1heO9urr97YeOHDsH38yBSkMIpMllXpANPBmHu8MkAq9EzPVmMUhrHis”, “slug”: “html-tables”}, {“nodeUrl”: “/computing/computer-programming/html-css/html-tags-continued/pc/challenge-the-dinner-table”, “kind”: “Challenge”, “description”: “”, “title”: “Challenge: The dinner table”, “contentId”: “x2f644375af676c37”, “bigBingoLinkConversions”: [“topic_page_click_challenge”], “sponsored”: false, “progressKey”: “p4670485825847296”, “thumbnailUrl”: “https://cdn.kastatic.org/googleusercontent/A2IhGKzbeF51tRW0WvVZfMi5e08VM4v1heO9urr97YeOHDsH38yBSkMIpMllXpANPBmHu8MkAq9EzPVmMUhrHis”, “slug”: “challenge-the-dinner-table”}, {“nodeUrl”: “/computing/computer-programming/html-css/html-tags-continued/pt/html-comments”, “kind”: “Talkthrough”, “description”: “”, “title”: “HTML comments”, “contentId”: “x6cd64bf2fdab2cf2”, “bigBingoLinkConversions”: [“topic_page_click_talkthrough”], “sponsored”: false, “progressKey”: “p4923263135514624”, “thumbnailUrl”: “https://cdn.kastatic.org/googleusercontent/A2IhGKzbeF51tRW0WvVZfMi5e08VM4v1heO9urr97YeOHDsH38yBSkMIpMllXpANPBmHu8MkAq9EzPVmMUhrHis”, “slug”: “html-comments”}, {“nodeUrl”: “/computing/computer-programming/html-css/html-tags-continued/pp/project-recipe-book”, “kind”: “Project”, “description”: “

Create a web page with your favorite recipes! The recipe book should have a table of contents linking to each recipe below, using internal links. Each recipe should have a table for the ingredients, a list of details, and a list and/or paragraphs of the steps required. If you use recipes from the internet, be sure to add a link to the website.\n\n

Use CSS to style the recipe book, using a mix of the simple selectors and colors that you've learned.\n\n

Tip: Can't find the images you want in our image selector? You can also bring in images from Wikipedia. To do that, use a site-restricted Google search, then click “View image” on the result you like, and copy the URL into your  tag.\n”, “title”: “Project: Recipe book”, “contentId”: “x6f4cbd00fb5e20e0”, “bigBingoLinkConversions”: [“topic_page_click_project”], “sponsored”: false, “progressKey”: “p5710844586622976”, “thumbnailUrl”: “https://cdn.kastatic.org/googleusercontent/A2IhGKzbeF51tRW0WvVZfMi5e08VM4v1heO9urr97YeOHDsH38yBSkMIpMllXpANPBmHu8MkAq9EzPVmMUhrHis”, “slug”: “project-recipe-book”}], “standards”: [], “id”: “x93850788”}, {“slug”: “css-text-properties”, “description”: “Learn how to style your text, like font families, size, spacing, and alignment.”, “title”: “CSS text properties”, “url”: “/computing/computer-programming/html-css#css-text-properties”, “contentItems”: [{“nodeUrl”: “/computing/computer-programming/html-css/css-text-properties/v/css-zen-garden”, “kind”: “Video”, “translatedYoutubeLang”: “en”, “description”: “”, “title”: “CSS Zen Garden”, “contentId”: “x20d5d0eb”, “downloadUrls”: {“mp4”: “https://cdn.kastatic.org/ka-youtube-converted/yTOS61GFq0g.mp4/yTOS61GFq0g.mp4”, “png”: “https://cdn.kastatic.org/ka-youtube-converted/yTOS61GFq0g.mp4/yTOS61GFq0g.png”, “m3u8”: “https://cdn.kastatic.org/ka-youtube-converted/yTOS61GFq0g.m3u8/yTOS61GFq0g.m3u8”}, “translatedYoutubeId”: “yTOS61GFq0g”, “sponsored”: false, “youtubeId”: “yTOS61GFq0g”, “bigBingoLinkConversions”: [“topic_page_click_video”], “duration”: 92, “thumbnailUrl”: “https://cdn.kastatic.org/googleusercontent/crldetSmM1uUEyifUwiWdwA7BZSHCM_iaAYAZ7G7bIgKGfXp2yoJDFfv0d6KPvSTdscuBd_pmPFUGvVIa-Bi7OU”, “slug”: “css-zen-garden”, “progressKey”: “vx20d5d0eb”}, {“nodeUrl”: “/computing/computer-programming/html-css/css-text-properties/pt/css-font-family-property”, “kind”: “Talkthrough”, “description”: “”, “title”: “CSS font-family property”, “contentId”: “x940af4745d7f9546”, “bigBingoLinkConversions”: [“topic_page_click_talkthrough”], “sponsored”: false, “progressKey”: “p6314802575310848”, “thumbnailUrl”: “https://cdn.kastatic.org/googleusercontent/A2IhGKzbeF51tRW0WvVZfMi5e08VM4v1heO9urr97YeOHDsH38yBSkMIpMllXpANPBmHu8MkAq9EzPVmMUhrHis”, “slug”: “css-font-family-property”}, {“nodeUrl”: “/computing/computer-programming/html-css/css-text-properties/pc/challenge-fancy-font-families”, “kind”: “Challenge”, “description”: “”, “title”: “Challenge: Fancy font families”, “contentId”: “x138a3c8c9708e9a9”, “bigBingoLinkConversions”: [“topic_page_click_challenge”], “sponsored”: false, “progressKey”: “p5492488954707968”, “thumbnailUrl”: “https://cdn.kastatic.org/googleusercontent/A2IhGKzbeF51tRW0WvVZfMi5e08VM4v1heO9urr97YeOHDsH38yBSkMIpMllXpANPBmHu8MkAq9EzPVmMUhrHis”, “slug”: “challenge-fancy-font-families”}, {“nodeUrl”: “/computing/computer-programming/html-css/css-text-properties/pt/css-font-size-property”, “kind”: “Talkthrough”, “description”: “”, “title”: “CSS font-size property”, “contentId”: “xef4b8b505c3edef4”, “bigBingoLinkConversions”: [“topic_page_click_talkthrough”], “sponsored”: false, “progressKey”: “p6408073213378560”, “thumbnailUrl”: “https://cdn.kastatic.org/googleusercontent/A2IhGKzbeF51tRW0WvVZfMi5e08VM4v1heO9urr97YeOHDsH38yBSkMIpMllXpANPBmHu8MkAq9EzPVmMUhrHis”, “slug”: “css-font-size-property”}, {“nodeUrl”: “/computing/computer-programming/html-css/css-text-properties/pc/challenge-great-big-font-sizes”, “kind”: “Challenge”, “description”: “”, “title”: “Challenge: Great big font sizes”, “contentId”: “xdd46017333ab3f76”, “bigBingoLinkConversions”: [“topic_page_click_challenge”], “sponsored”: false, “progressKey”: “p6362220301910016”, “thumbnailUrl”: “https://cdn.kastatic.org/googleusercontent/A2IhGKzbeF51tRW0WvVZfMi5e08VM4v1heO9urr97YeOHDsH38yBSkMIpMllXpANPBmHu8MkAq9EzPVmMUhrHis”, “slug”: “challenge-great-big-font-sizes”}, {“nodeUrl”: “/computing/computer-programming/html-css/css-text-properties/pt/css-font-styles-and-shorthand”, “kind”: “Talkthrough”, “description”: “”, “title”: “CSS font styles and shorthand”, “contentId”: “xec025257755fe9ef”, “bigBingoLinkConversions”: [“topic_page_click_talkthrough”], “sponsored”: false, “progressKey”: “p4875084255985664”, “thumbnailUrl”: “https://cdn.kastatic.org/googleusercontent/A2IhGKzbeF51tRW0WvVZfMi5e08VM4v1heO9urr97YeOHDsH38yBSkMIpMllXpANPBmHu8MkAq9EzPVmMUhrHis”, “slug”: “css-font-styles-and-shorthand”}, {“nodeUrl”: “/computing/computer-programming/html-css/css-text-properties/pc/challenge-famous-font-formats”, “kind”: “Challenge”, “description”: “”, “title”: “Challenge: Famous font formats”, “contentId”: “xe113d0a29dc54c7d”, “bigBingoLinkConversions”: [“topic_page_click_challenge”], “sponsored”: false, “progressKey”: “p5568645130616832”, “thumbnailUrl”: “https://cdn.kastatic.org/googleusercontent/A2IhGKzbeF51tRW0WvVZfMi5e08VM4v1heO9urr97YeOHDsH38yBSkMIpMllXpANPBmHu8MkAq9EzPVmMUhrHis”, “slug”: “challenge-famous-font-formats”}, {“nodeUrl”: “/computing/computer-programming/html-css/css-text-properties/pt/more-css-text-properties”, “kind”: “Talkthrough”, “description”: “”, “title”: “More CSS text properties”, “contentId”: “xa19370868a76b70b”, “bigBingoLinkConversions”: [“topic_page_click_talkthrough”], “sponsored”: false, “progressKey”: “p5525522508677120”, “thumbnailUrl”: “https://cdn.kastatic.org/googleusercontent/A2IhGKzbeF51tRW0WvVZfMi5e08VM4v1heO9urr97YeOHDsH38yBSkMIpMllXpANPBmHu8MkAq9EzPVmMUhrHis”, “slug”: “more-css-text-properties”}, {“nodeUrl”: “/computing/computer-programming/html-css/css-text-properties/e/quiz–text-properties”, “isSkillCheck”: false, “kind”: “Exercise”, “description”: “Practice your knowledge of CSS text properties.”, “title”: “Using CSS text properties”, “contentId”: “xeb00c49b”, “masteryEnabled”: false, “slug”: “quiz–text-properties”, “subjectMasteryEnabled”: false, “sponsored”: false, “progressKey”: “exeb00c49b”, “bigBingoLinkConversions”: [“topic_page_click_exercise”], “relatedVideos”: [], “thumbnailUrl”: “https://cdn.kastatic.org/googleusercontent/BeOgMWy4wbB_Q_hya2R5VB6kM67lVZt4Kk7QK0qeQF8kNTAZdgQySmtM2CjlKCnM43zq5iJ325T-aH9yhE89dd4”, “expectedDoNCount”: 4, “timeEstimate”: {“lowerBound”: 4, “upperBound”: 6}}, {“nodeUrl”: “/computing/computer-programming/html-css/css-text-properties/pt/css-inheritance”, “kind”: “Talkthrough”, “description”: “”, “title”: “CSS inheritance”, “contentId”: “xa0973c7dede4bbff”, “bigBingoLinkConversions”: [“topic_page_click_talkthrough”], “sponsored”: false, “progressKey”: “p6486573584744448”, “thumbnailUrl”: “https://cdn.kastatic.org/googleusercontent/A2IhGKzbeF51tRW0WvVZfMi5e08VM4v1heO9urr97YeOHDsH38yBSkMIpMllXpANPBmHu8MkAq9EzPVmMUhrHis”, “slug”: “css-inheritance”}, {“nodeUrl”: “/computing/computer-programming/html-css/css-text-properties/pp/project-blog”, “kind”: “Project”, “description”: “

A \”blog\” (or \”web log\”) is an online journal, which one or multiple people update on a frequent basis, like daily, weekly, or monthly. Many new programmers keep blogs to document their journey to becoming a programmer, with updates on what they’ve learned and what they’ve made.\n \n

There are many \”blogging engines\” out there, like WordPress and Blogger, but in this project, you’ll make your own blog using HTML and CSS. It should have at least 2 entries, and the table of contents should internally link to each entry. Use CSS text properties to style your blog – like changing the font family, line height, and font styles of various sections.\n \n

If you like your blog, then you could use it to document your journey here – make it a featured project on your profile, then people that visit your profile will get to read about your journey!\n “, “title”: “Project: Blog”, “contentId”: “x66fe50e3d0972e6d”, “bigBingoLinkConversions”: [“topic_page_click_project”], “sponsored”: false, “progressKey”: “p4863952709484544”, “thumbnailUrl”: “https://cdn.kastatic.org/googleusercontent/A2IhGKzbeF51tRW0WvVZfMi5e08VM4v1heO9urr97YeOHDsH38yBSkMIpMllXpANPBmHu8MkAq9EzPVmMUhrHis”, “slug”: “project-blog”}], “standards”: [], “id”: “x10c7b82a”}, {“slug”: “web-development-tools”, “description”: “Learn how to use other editors to develop your web pages and how to use the browser developer tools to debug your webpages.”, “title”: “Web development tools”, “url”: “/computing/computer-programming/html-css#web-development-tools”, “contentItems”: [{“nodeUrl”: “/computing/computer-programming/html-css/web-development-tools/a/using-the-browser-developer-tools”, “kind”: “Article”, “description”: “”, “title”: “Using the browser developer tools”, “contentId”: “x1b2aa4de”, “bigBingoLinkConversions”: [“topic_page_click_article”], “sponsored”: false, “progressKey”: “ax1b2aa4de”, “thumbnailUrl”: “https://cdn.kastatic.org/googleusercontent/K5bzbA067FpSFjs7VuTCAEosuCGLm4NfxQbq_tYtpMHIyB5j-nirP_Pdy8XXrmoARE3_2TBnGafYaRTsSiFt4iw”, “slug”: “using-the-browser-developer-tools”}, {“nodeUrl”: “/computing/computer-programming/html-css/web-development-tools/a/developing-webpages-outside-of-khan-academy”, “kind”: “Article”, “description”: “”, “title”: “Developing webpages outside of Khan Academy”, “contentId”: “x0dc83fd5”, “bigBingoLinkConversions”: [“topic_page_click_article”], “sponsored”: false, “progressKey”: “ax0dc83fd5”, “thumbnailUrl”: “https://cdn.kastatic.org/googleusercontent/K5bzbA067FpSFjs7VuTCAEosuCGLm4NfxQbq_tYtpMHIyB5j-nirP_Pdy8XXrmoARE3_2TBnGafYaRTsSiFt4iw”, “slug”: “developing-webpages-outside-of-khan-academy”}, {“nodeUrl”: “/computing/computer-programming/html-css/web-development-tools/a/hosting-your-website-on-your-own-server”, “kind”: “Article”, “description”: “”, “title”: “Hosting your website on a server”, “contentId”: “x9181b3ed0ace5200”, “bigBingoLinkConversions”: [“topic_page_click_article”], “sponsored”: false, “progressKey”: “ax9181b3ed0ace5200”, “thumbnailUrl”: “https://cdn.kastatic.org/googleusercontent/K5bzbA067FpSFjs7VuTCAEosuCGLm4NfxQbq_tYtpMHIyB5j-nirP_Pdy8XXrmoARE3_2TBnGafYaRTsSiFt4iw”, “slug”: “hosting-your-website-on-your-own-server”}, {“nodeUrl”: “/computing/computer-programming/html-css/web-development-tools/a/hosting-your-website-on-github”, “kind”: “Article”, “description”: “”, “title”: “Hosting your website on Github”, “contentId”: “xc860f62825f7d23d”, “bigBingoLinkConversions”: [“topic_page_click_article”], “sponsored”: false, “progressKey”: “axc860f62825f7d23d”, “thumbnailUrl”: “https://cdn.kastatic.org/googleusercontent/K5bzbA067FpSFjs7VuTCAEosuCGLm4NfxQbq_tYtpMHIyB5j-nirP_Pdy8XXrmoARE3_2TBnGafYaRTsSiFt4iw”, “slug”: “hosting-your-website-on-github”}], “standards”: [], “id”: “x869e031f”}, {“slug”: “css-layout-properties”, “description”: “Learn how to use the HTML span and div elements with CSS properties like position and float to change the layout of your webpages.”, “title”: “CSS layout”, “url”: “/computing/computer-programming/html-css#css-layout-properties”, “contentItems”: [{“nodeUrl”: “/computing/computer-programming/html-css/css-layout-properties/pt/css-grouping-elements”, “kind”: “Talkthrough”, “description”: “”, “title”: “CSS grouping elements”, “contentId”: “xa01d30b52cfccfea”, “bigBingoLinkConversions”: [“topic_page_click_talkthrough”], “sponsored”: false, “progressKey”: “p5699382839345152”, “thumbnailUrl”: “https://cdn.kastatic.org/googleusercontent/A2IhGKzbeF51tRW0WvVZfMi5e08VM4v1heO9urr97YeOHDsH38yBSkMIpMllXpANPBmHu8MkAq9EzPVmMUhrHis”, “slug”: “css-grouping-elements”}, {“nodeUrl”: “/computing/computer-programming/html-css/css-layout-properties/pc/challenge-group-the-groupers”, “kind”: “Challenge”, “description”: “”, “title”: “Challenge: Group the groupers”, “contentId”: “x1b3a1a553218b49e”, “bigBingoLinkConversions”: [“topic_page_click_challenge”], “sponsored”: false, “progressKey”: “p5987626911006720”, “thumbnailUrl”: “https://cdn.kastatic.org/googleusercontent/A2IhGKzbeF51tRW0WvVZfMi5e08VM4v1heO9urr97YeOHDsH38yBSkMIpMllXpANPBmHu8MkAq9EzPVmMUhrHis”, “slug”: “challenge-group-the-groupers”}, {“nodeUrl”: “/computing/computer-programming/html-css/css-layout-properties/pt/css-width-height-and-overflow”, “kind”: “Talkthrough”, “description”: “”, “title”: “CSS width, height, and overflow”, “contentId”: “xe097954a4470e5e9”, “bigBingoLinkConversions”: [“topic_page_click_talkthrough”], “sponsored”: false, “progressKey”: “p5631904855621632”, “thumbnailUrl”: “https://cdn.kastatic.org/googleusercontent/A2IhGKzbeF51tRW0WvVZfMi5e08VM4v1heO9urr97YeOHDsH38yBSkMIpMllXpANPBmHu8MkAq9EzPVmMUhrHis”, “slug”: “css-width-height-and-overflow”}, {“nodeUrl”: “/computing/computer-programming/html-css/css-layout-properties/pc/the-overflowing-ocean”, “kind”: “Challenge”, “description”: “”, “title”: “Challenge: The overflowing ocean”, “contentId”: “x1f48197226cc84a9”, “bigBingoLinkConversions”: [“topic_page_click_challenge”], “sponsored”: false, “progressKey”: “p5422392135647232”, “thumbnailUrl”: “https://cdn.kastatic.org/googleusercontent/A2IhGKzbeF51tRW0WvVZfMi5e08VM4v1heO9urr97YeOHDsH38yBSkMIpMllXpANPBmHu8MkAq9EzPVmMUhrHis”, “slug”: “the-overflowing-ocean”}, {“nodeUrl”: “/computing/computer-programming/html-css/css-layout-properties/pt/css-box-model”, “kind”: “Talkthrough”, “description”: “”, “title”: “CSS box model”, “contentId”: “xced4cf0569e397f5”, “bigBingoLinkConversions”: [“topic_page_click_talkthrough”], “sponsored”: false, “progressKey”: “p6200339767492608”, “thumbnailUrl”: “https://cdn.kastatic.org/googleusercontent/A2IhGKzbeF51tRW0WvVZfMi5e08VM4v1heO9urr97YeOHDsH38yBSkMIpMllXpANPBmHu8MkAq9EzPVmMUhrHis”, “slug”: “css-box-model”}, {“nodeUrl”: “/computing/computer-programming/html-css/css-layout-properties/pc/challenge-the-boxer-model”, “kind”: “Challenge”, “description”: “”, “title”: “Challenge: The boxer model”, “contentId”: “x3184338e0331d47d”, “bigBingoLinkConversions”: [“topic_page_click_challenge”], “sponsored”: false, “progressKey”: “p4676223608553472”, “thumbnailUrl”: “https://cdn.kastatic.org/googleusercontent/A2IhGKzbeF51tRW0WvVZfMi5e08VM4v1heO9urr97YeOHDsH38yBSkMIpMllXpANPBmHu8MkAq9EzPVmMUhrHis”, “slug”: “challenge-the-boxer-model”}, {“nodeUrl”: “/computing/computer-programming/html-css/css-layout-properties/pt/css-position”, “kind”: “Talkthrough”, “description”: “”, “title”: “CSS position”, “contentId”: “x81af87de20723afb”, “bigBingoLinkConversions”: [“topic_page_click_talkthrough”], “sponsored”: false, “progressKey”: “p4615703178248192”, “thumbnailUrl”: “https://cdn.kastatic.org/googleusercontent/A2IhGKzbeF51tRW0WvVZfMi5e08VM4v1heO9urr97YeOHDsH38yBSkMIpMllXpANPBmHu8MkAq9EzPVmMUhrHis”, “slug”: “css-position”}, {“nodeUrl”: “/computing/computer-programming/html-css/css-layout-properties/pc/challenge-position-planet”, “kind”: “Challenge”, “description”: “”, “title”: “Challenge: Position planet”, “contentId”: “xf6f727fed1df6342”, “bigBingoLinkConversions”: [“topic_page_click_challenge”], “sponsored”: false, “progressKey”: “p5153121644052480”, “thumbnailUrl”: “https://cdn.kastatic.org/googleusercontent/A2IhGKzbeF51tRW0WvVZfMi5e08VM4v1heO9urr97YeOHDsH38yBSkMIpMllXpANPBmHu8MkAq9EzPVmMUhrHis”, “slug”: “challenge-position-planet”}, {“nodeUrl”: “/computing/computer-programming/html-css/css-layout-properties/v/css-in-the-wild-google-maps”, “kind”: “Video”, “translatedYoutubeLang”: “en”, “description”: “”, “title”: “CSS in the wild: Google Maps”, “contentId”: “x3f1a907e”, “downloadUrls”: {“mp4”: “https://cdn.kastatic.org/ka-youtube-converted/7f-LsuAnLMA.mp4/7f-LsuAnLMA.mp4”, “png”: “https://cdn.kastatic.org/ka-youtube-converted/7f-LsuAnLMA.mp4/7f-LsuAnLMA.png”, “m3u8”: “https://cdn.kastatic.org/ka-youtube-converted/7f-LsuAnLMA.m3u8/7f-LsuAnLMA.m3u8”}, “translatedYoutubeId”: “7f-LsuAnLMA”, “sponsored”: false, “youtubeId”: “7f-LsuAnLMA”, “bigBingoLinkConversions”: [“topic_page_click_video”], “duration”: 133, “thumbnailUrl”: “https://cdn.kastatic.org/googleusercontent/Ub5d95U6O8rJCxHtnL8EgOSnSjWlofi0dgP7yg9YCaU9p6BK4UaHLYV_edvNBoh1gvmdXoHhhvuJ6hnigrBzchiadA”, “slug”: “css-in-the-wild-google-maps”, “progressKey”: “vx3f1a907e”}, {“nodeUrl”: “/computing/computer-programming/html-css/css-layout-properties/pt/css-floating-elements”, “kind”: “Talkthrough”, “description”: “”, “title”: “CSS floating elements”, “contentId”: “x1007f5d23dee9ad3”, “bigBingoLinkConversions”: [“topic_page_click_talkthrough”], “sponsored”: false, “progressKey”: “p4635563442569216”, “thumbnailUrl”: “https://cdn.kastatic.org/googleusercontent/A2IhGKzbeF51tRW0WvVZfMi5e08VM4v1heO9urr97YeOHDsH38yBSkMIpMllXpANPBmHu8MkAq9EzPVmMUhrHis”, “slug”: “css-floating-elements”}, {“nodeUrl”: “/computing/computer-programming/html-css/css-layout-properties/pc/challenge-floating-clouds”, “kind”: “Challenge”, “description”: “”, “title”: “Challenge: Floating clouds”, “contentId”: “xc6ccc133c7b23ff9”, “bigBingoLinkConversions”: [“topic_page_click_challenge”], “sponsored”: false, “progressKey”: “p5435078412075008”, “thumbnailUrl”: “https://cdn.kastatic.org/googleusercontent/A2IhGKzbeF51tRW0WvVZfMi5e08VM4v1heO9urr97YeOHDsH38yBSkMIpMllXpANPBmHu8MkAq9EzPVmMUhrHis”, “slug”: “challenge-floating-clouds”}, {“nodeUrl”: “/computing/computer-programming/html-css/css-layout-properties/e/quiz–css-layout”, “isSkillCheck”: false, “kind”: “Exercise”, “description”: “Practice CSS layout concepts and properties.”, “title”: “Using CSS layout properties”, “contentId”: “x46958c79”, “masteryEnabled”: false, “slug”: “quiz–css-layout”, “subjectMasteryEnabled”: false, “sponsored”: false, “progressKey”: “ex46958c79”, “bigBingoLinkConversions”: [“topic_page_click_exercise”], “relatedVideos”: [], “thumbnailUrl”: “https://cdn.kastatic.org/googleusercontent/BeOgMWy4wbB_Q_hya2R5VB6kM67lVZt4Kk7QK0qeQF8kNTAZdgQySmtM2CjlKCnM43zq5iJ325T-aH9yhE89dd4”, “expectedDoNCount”: 5, “timeEstimate”: {“lowerBound”: 5, “upperBound”: 8}}, {“nodeUrl”: “/computing/computer-programming/html-css/css-layout-properties/a/planning-your-webpage”, “kind”: “Article”, “description”: “”, “title”: “Planning your webpage”, “contentId”: “xcbf6fe3e”, “bigBingoLinkConversions”: [“topic_page_click_article”], “sponsored”: false, “progressKey”: “axcbf6fe3e”, “thumbnailUrl”: “https://cdn.kastatic.org/googleusercontent/K5bzbA067FpSFjs7VuTCAEosuCGLm4NfxQbq_tYtpMHIyB5j-nirP_Pdy8XXrmoARE3_2TBnGafYaRTsSiFt4iw”, “slug”: “planning-your-webpage”}, {“nodeUrl”: “/computing/computer-programming/html-css/css-layout-properties/pp/project-event-invite”, “kind”: “Project”, “description”: “

In this project, you’ll make an event invite for an event- a party, a workshop, a wedding, whatever you want. It should have event title, details, and maybe it’d have a guest list or RSVP button.\n\n

Before you start coding, I encourage you to \”prototype\” it – to plan it out either on paper or with a \”prototyping\” tool. Sketch out the vision you have in your head and go through a few prototypes until you’re happy.\n\n

Then, when you’re ready, try to implement your event invite in HTML/CSS. If you get stuck on something that’s hard to transfer from paper to HTML, try searching on the internet or clicking \”Request Help.\” I bet you’ll learn something from the process.”, “title”: “Project: Event invite”, “contentId”: “x71333e3f134714a9”, “bigBingoLinkConversions”: [“topic_page_click_project”], “sponsored”: false, “progressKey”: “p6750832828350464”, “thumbnailUrl”: “https://cdn.kastatic.org/googleusercontent/A2IhGKzbeF51tRW0WvVZfMi5e08VM4v1heO9urr97YeOHDsH38yBSkMIpMllXpANPBmHu8MkAq9EzPVmMUhrHis”, “slug”: “project-event-invite”}], “standards”: [], “id”: “x6787034c”}, {“slug”: “more-css-selectors”, “description”: “Learn more complex selectors- using multiple classes, combining elements with classes, descendant selectors, grouped selectors, and dynamic pseudo-classes.”, “title”: “More CSS selectors”, “url”: “/computing/computer-programming/html-css#more-css-selectors”, “contentItems”: [{“nodeUrl”: “/computing/computer-programming/html-css/more-css-selectors/pt/using-multiple-css-classes”, “kind”: “Talkthrough”, “description”: “”, “title”: “Using multiple CSS classes”, “contentId”: “xd86b6f05048cdbbc”, “bigBingoLinkConversions”: [“topic_page_click_talkthrough”], “sponsored”: false, “progressKey”: “p4939299519987712”, “thumbnailUrl”: “https://cdn.kastatic.org/googleusercontent/A2IhGKzbeF51tRW0WvVZfMi5e08VM4v1heO9urr97YeOHDsH38yBSkMIpMllXpANPBmHu8MkAq9EzPVmMUhrHis”, “slug”: “using-multiple-css-classes”}, {“nodeUrl”: “/computing/computer-programming/html-css/more-css-selectors/pc/challenge-a-classy-gallery”, “kind”: “Challenge”, “description”: “”, “title”: “Challenge: A classy gallery”, “contentId”: “x32da2343017b0116”, “bigBingoLinkConversions”: [“topic_page_click_challenge”], “sponsored”: false, “progressKey”: “p4574192365469696”, “thumbnailUrl”: “https://cdn.kastatic.org/googleusercontent/A2IhGKzbeF51tRW0WvVZfMi5e08VM4v1heO9urr97YeOHDsH38yBSkMIpMllXpANPBmHu8MkAq9EzPVmMUhrHis”, “slug”: “challenge-a-classy-gallery”}, {“nodeUrl”: “/computing/computer-programming/html-css/more-css-selectors/pt/combining-css-class-and-element-selectors”, “kind”: “Talkthrough”, “description”: “”, “title”: “Combining CSS class and element selectors”, “contentId”: “x488457332bf1f0ed”, “bigBingoLinkConversions”: [“topic_page_click_talkthrough”], “sponsored”: false, “progressKey”: “p5418858455498752”, “thumbnailUrl”: “https://cdn.kastatic.org/googleusercontent/A2IhGKzbeF51tRW0WvVZfMi5e08VM4v1heO9urr97YeOHDsH38yBSkMIpMllXpANPBmHu8MkAq9EzPVmMUhrHis”, “slug”: “combining-css-class-and-element-selectors”}, {“nodeUrl”: “/computing/computer-programming/html-css/more-css-selectors/pc/challenge-classes-of-elements”, “kind”: “Challenge”, “description”: “”, “title”: “Challenge: Classes of elements”, “contentId”: “xefe8e985a6642f86”, “bigBingoLinkConversions”: [“topic_page_click_challenge”], “sponsored”: false, “progressKey”: “p6401534587043840”, “thumbnailUrl”: “https://cdn.kastatic.org/googleusercontent/A2IhGKzbeF51tRW0WvVZfMi5e08VM4v1heO9urr97YeOHDsH38yBSkMIpMllXpANPBmHu8MkAq9EzPVmMUhrHis”, “slug”: “challenge-classes-of-elements”}, {“nodeUrl”: “/computing/computer-programming/html-css/more-css-selectors/pt/css-descendant-selectors”, “kind”: “Talkthrough”, “description”: “”, “title”: “CSS descendant selectors”, “contentId”: “xe319712ad3615f58”, “bigBingoLinkConversions”: [“topic_page_click_talkthrough”], “sponsored”: false, “progressKey”: “p6374633634004992”, “thumbnailUrl”: “https://cdn.kastatic.org/googleusercontent/A2IhGKzbeF51tRW0WvVZfMi5e08VM4v1heO9urr97YeOHDsH38yBSkMIpMllXpANPBmHu8MkAq9EzPVmMUhrHis”, “slug”: “css-descendant-selectors”}, {“nodeUrl”: “/computing/computer-programming/html-css/more-css-selectors/pc/challenge-descendants-of-khan”, “kind”: “Challenge”, “description”: “”, “title”: “Challenge: Descendants of Khan”, “contentId”: “x34ed3abead316408”, “bigBingoLinkConversions”: [“topic_page_click_challenge”], “sponsored”: false, “progressKey”: “p4757342446157824”, “thumbnailUrl”: “https://cdn.kastatic.org/googleusercontent/A2IhGKzbeF51tRW0WvVZfMi5e08VM4v1heO9urr97YeOHDsH38yBSkMIpMllXpANPBmHu8MkAq9EzPVmMUhrHis”, “slug”: “challenge-descendants-of-khan”}, {“nodeUrl”: “/computing/computer-programming/html-css/more-css-selectors/pt/grouping-css-selectors”, “kind”: “Talkthrough”, “description”: “”, “title”: “Grouping CSS selectors”, “contentId”: “xf9790bad0235c849”, “bigBingoLinkConversions”: [“topic_page_click_talkthrough”], “sponsored”: false, “progressKey”: “p6211781778472960”, “thumbnailUrl”: “https://cdn.kastatic.org/googleusercontent/A2IhGKzbeF51tRW0WvVZfMi5e08VM4v1heO9urr97YeOHDsH38yBSkMIpMllXpANPBmHu8MkAq9EzPVmMUhrHis”, “slug”: “grouping-css-selectors”}, {“nodeUrl”: “/computing/computer-programming/html-css/more-css-selectors/pt/css-dynamic-pseudo-classes”, “kind”: “Talkthrough”, “description”: “”, “title”: “CSS dynamic pseudo-classes”, “contentId”: “x7dd1a2bf15b03e96”, “bigBingoLinkConversions”: [“topic_page_click_talkthrough”], “sponsored”: false, “progressKey”: “p5180385597325312”, “thumbnailUrl”: “https://cdn.kastatic.org/googleusercontent/A2IhGKzbeF51tRW0WvVZfMi5e08VM4v1heO9urr97YeOHDsH38yBSkMIpMllXpANPBmHu8MkAq9EzPVmMUhrHis”, “slug”: “css-dynamic-pseudo-classes”}, {“nodeUrl”: “/computing/computer-programming/html-css/more-css-selectors/pc/challenge-grouped-animals”, “kind”: “Challenge”, “description”: “”, “title”: “Challenge: Grouped animals”, “contentId”: “x26f7b8f49de41e66”, “bigBingoLinkConversions”: [“topic_page_click_challenge”], “sponsored”: false, “progressKey”: “p4526038917054464”, “thumbnailUrl”: “https://cdn.kastatic.org/googleusercontent/A2IhGKzbeF51tRW0WvVZfMi5e08VM4v1heO9urr97YeOHDsH38yBSkMIpMllXpANPBmHu8MkAq9EzPVmMUhrHis”, “slug”: “challenge-grouped-animals”}, {“nodeUrl”: “/computing/computer-programming/html-css/more-css-selectors/pt/css-specificity”, “kind”: “Talkthrough”, “description”: “”, “title”: “CSS specificity”, “contentId”: “x9fef48b9b65cd79c”, “bigBingoLinkConversions”: [“topic_page_click_talkthrough”], “sponsored”: false, “progressKey”: “p4750409140011008”, “thumbnailUrl”: “https://cdn.kastatic.org/googleusercontent/A2IhGKzbeF51tRW0WvVZfMi5e08VM4v1heO9urr97YeOHDsH38yBSkMIpMllXpANPBmHu8MkAq9EzPVmMUhrHis”, “slug”: “css-specificity”}, {“nodeUrl”: “/computing/computer-programming/html-css/more-css-selectors/e/quiz–css-specificity-rules”, “isSkillCheck”: false, “kind”: “Exercise”, “description”: “Test your knowledge of CSS specificity rules.”, “title”: “CSS specificity rules”, “contentId”: “x31250993”, “masteryEnabled”: false, “slug”: “quiz–css-specificity-rules”, “subjectMasteryEnabled”: false, “sponsored”: false, “progressKey”: “ex31250993”, “bigBingoLinkConversions”: [“topic_page_click_exercise”], “relatedVideos”: [], “thumbnailUrl”: “https://cdn.kastatic.org/googleusercontent/BeOgMWy4wbB_Q_hya2R5VB6kM67lVZt4Kk7QK0qeQF8kNTAZdgQySmtM2CjlKCnM43zq5iJ325T-aH9yhE89dd4”, “expectedDoNCount”: 4, “timeEstimate”: {“lowerBound”: 4, “upperBound”: 6}}], “standards”: [], “id”: “x2e46f213”}, {“slug”: “more-ways-to-embed-css”, “description”: “Learn how to use inline styles and external stylesheets, two more ways to bring CSS into your webpage.”, “title”: “Other ways to embed CSS”, “url”: “/computing/computer-programming/html-css#more-ways-to-embed-css”, “contentItems”: [{“nodeUrl”: “/computing/computer-programming/html-css/more-ways-to-embed-css/pt/using-inline-css-styles”, “kind”: “Talkthrough”, “description”: “”, “title”: “Using inline CSS styles”, “contentId”: “xf371b67b25d00309”, “bigBingoLinkConversions”: [“topic_page_click_talkthrough”], “sponsored”: false, “progressKey”: “p6613492501708800”, “thumbnailUrl”: “https://cdn.kastatic.org/googleusercontent/A2IhGKzbeF51tRW0WvVZfMi5e08VM4v1heO9urr97YeOHDsH38yBSkMIpMllXpANPBmHu8MkAq9EzPVmMUhrHis”, “slug”: “using-inline-css-styles”}, {“nodeUrl”: “/computing/computer-programming/html-css/more-ways-to-embed-css/pt/using-external-stylesheets”, “kind”: “Talkthrough”, “description”: “”, “title”: “Using external stylesheets”, “contentId”: “x253c5b3aebe47e02”, “bigBingoLinkConversions”: [“topic_page_click_talkthrough”], “sponsored”: false, “progressKey”: “p5942995057246208”, “thumbnailUrl”: “https://cdn.kastatic.org/googleusercontent/A2IhGKzbeF51tRW0WvVZfMi5e08VM4v1heO9urr97YeOHDsH38yBSkMIpMllXpANPBmHu8MkAq9EzPVmMUhrHis”, “slug”: “using-external-stylesheets”}], “standards”: [], “id”: “xfcd93e44”}, {“slug”: “html-css-further-learning”, “description”: “What can you do to keep learning HTML and CSS?”, “title”: “Further learning”, “url”: “/computing/computer-programming/html-css#html-css-further-learning”, “contentItems”: [{“nodeUrl”: “/computing/computer-programming/html-css/html-css-further-learning/a/webpage-design”, “kind”: “Article”, “description”: “”, “title”: “Webpage design”, “contentId”: “x9ccc09f7”, “bigBingoLinkConversions”: [“topic_page_click_article”], “sponsored”: false, “progressKey”: “ax9ccc09f7”, “thumbnailUrl”: “https://cdn.kastatic.org/googleusercontent/K5bzbA067FpSFjs7VuTCAEosuCGLm4NfxQbq_tYtpMHIyB5j-nirP_Pdy8XXrmoARE3_2TBnGafYaRTsSiFt4iw”, “slug”: “webpage-design”}, {“nodeUrl”: “/computing/computer-programming/html-css/html-css-further-learning/v/html-validation”, “kind”: “Video”, “translatedYoutubeLang”: “en”, “description”: “Learn how to validate your webpages with the W3C validator service.”, “title”: “HTML validation”, “contentId”: “x375b2a8b”, “downloadUrls”: {“mp4”: “https://cdn.kastatic.org/ka-youtube-converted/qrU3ghYJjEw.mp4/qrU3ghYJjEw.mp4”, “png”: “https://cdn.kastatic.org/ka-youtube-converted/qrU3ghYJjEw.mp4/qrU3ghYJjEw.png”, “m3u8”: “https://cdn.kastatic.org/ka-youtube-converted/qrU3ghYJjEw.m3u8/qrU3ghYJjEw.m3u8”}, “translatedYoutubeId”: “qrU3ghYJjEw”, “sponsored”: false, “youtubeId”: “qrU3ghYJjEw”, “bigBingoLinkConversions”: [“topic_page_click_video”], “duration”: 140, “thumbnailUrl”: “https://cdn.kastatic.org/googleusercontent/wq2DtHdpIlpBrQwa2Haf1gSKVSrx1PXsrsiVe48EkicoTROYRsxu2y0BoKsbMBmmAGvhDkrkp-TeA1HNe-iWl9ieNw”, “slug”: “html-validation”, “progressKey”: “vx375b2a8b”}, {“nodeUrl”: “/computing/computer-programming/html-css/html-css-further-learning/e/quiz–validate-this-html”, “isSkillCheck”: false, “kind”: “Exercise”, “description”: “Try validating small HTML pages and figure out what’s wrong.”, “title”: “Validating HTML”, “contentId”: “x488fb047”, “masteryEnabled”: false, “slug”: “quiz–validate-this-html”, “subjectMasteryEnabled”: false, “sponsored”: false, “progressKey”: “ex488fb047”, “bigBingoLinkConversions”: [“topic_page_click_exercise”], “relatedVideos”: [], “thumbnailUrl”: “https://cdn.kastatic.org/googleusercontent/BeOgMWy4wbB_Q_hya2R5VB6kM67lVZt4Kk7QK0qeQF8kNTAZdgQySmtM2CjlKCnM43zq5iJ325T-aH9yhE89dd4”, “expectedDoNCount”: 4, “timeEstimate”: {“lowerBound”: 4, “upperBound”: 6}}, {“nodeUrl”: “/computing/computer-programming/html-css/html-css-further-learning/a/html-css-further-learning-what-to-learn-next”, “kind”: “Article”, “description”: “”, “title”: “What to learn next”, “contentId”: “xd2d98915”, “bigBingoLinkConversions”: [“topic_page_click_article”], “sponsored”: false, “progressKey”: “axd2d98915”, “thumbnailUrl”: “https://cdn.kastatic.org/googleusercontent/K5bzbA067FpSFjs7VuTCAEosuCGLm4NfxQbq_tYtpMHIyB5j-nirP_Pdy8XXrmoARE3_2TBnGafYaRTsSiFt4iw”, “slug”: “html-css-further-learning-what-to-learn-next”}], “standards”: [], “id”: “x3c59ea3c”}]}]}], “curationKind”: “Concept”, “unitId”: “x7441c73b”, “requestedPath”: “computing/computer-programming/html-css”, “subject”: “computer-programming”, “unit”: “html-css”, “description”: “Learn how to use HTML and CSS to make webpages. HTML is the markup language that you surround content with, to tell browsers about headings, lists, tables, etc. CSS is the stylesheet language that you style the page with, to tell browsers to change the color, font, layout, and more.”}}}”,”footerDomains({“curriculum”:””})”:[{“type”:”id”,”generated”:true,”id”:”ROOT_QUERY.footerDomains({“curriculum”:””}).0″,”typename”:”TopicBrowserCategory”},{“type”:”id”,”generated”:true,”id”:”ROOT_QUERY.footerDomains({“curriculum”:””}).1″,”typename”:”TopicBrowserCategory”},{“type”:”id”,”generated”:true,”id”:”ROOT_QUERY.footerDomains({“curriculum”:””}).2″,”typename”:”TopicBrowserCategory”},{“type”:”id”,”generated”:true,”id”:”ROOT_QUERY.footerDomains({“curriculum”:””}).3″,”typename”:”TopicBrowserCategory”},{“type”:”id”,”generated”:true,”id”:”ROOT_QUERY.footerDomains({“curriculum”:””}).4″,”typename”:”TopicBrowserCategory”},{“type”:”id”,”generated”:true,”id”:”ROOT_QUERY.footerDomains({“curriculum”:””}).5″,”typename”:”TopicBrowserCategory”},{“type”:”id”,”generated”:true,”id”:”ROOT_QUERY.footerDomains({“curriculum”:””}).6″,”typename”:”TopicBrowserCategory”},{“type”:”id”,”generated”:true,”id”:”ROOT_QUERY.footerDomains({“curriculum”:””}).7″,”typename”:”TopicBrowserCategory”},{“type”:”id”,”generated”:true,”id”:”ROOT_QUERY.footerDomains({“curriculum”:””}).8″,”typename”:”TopicBrowserCategory”},{“type”:”id”,”generated”:true,”id”:”ROOT_QUERY.footerDomains({“curriculum”:””}).9″,”typename”:”TopicBrowserCategory”}],”localesForLanguagePicker({“includeEnglish”:true,”includeFake”:false})”:[{“type”:”id”,”generated”:false,”id”:”Locale:az”,”typename”:”Locale”},{“type”:”id”,”generated”:false,”id”:”Locale:da”,”typename”:”Locale”},{“type”:”id”,”generated”:false,”id”:”Locale:gu”,”typename”:”Locale”},{“type”:”id”,”generated”:false,”id”:”Locale:hi”,”typename”:”Locale”},{“type”:”id”,”generated”:false,”id”:”Locale:hu”,”typename”:”Locale”},{“type”:”id”,”generated”:false,”id”:”Locale:id”,”typename”:”Locale”},{“type”:”id”,”generated”:false,”id”:”Locale:it”,”typename”:”Locale”},{“type”:”id”,”generated”:false,”id”:”Locale:ja”,”typename”:”Locale”},{“type”:”id”,”generated”:false,”id”:”Locale:km”,”typename”:”Locale”},{“type”:”id”,”generated”:false,”id”:”Locale:kn”,”typename”:”Locale”},{“type”:”id”,”generated”:false,”id”:”Locale:mn”,”typename”:”Locale”},{“type”:”id”,”generated”:false,”id”:”Locale:my”,”typename”:”Locale”},{“type”:”id”,”generated”:false,”id”:”Locale:nb”,”typename”:”Locale”},{“type”:”id”,”generated”:false,”id”:”Locale:nl”,”typename”:”Locale”},{“type”:”id”,”generated”:false,”id”:”Locale:ru”,”typename”:”Locale”},{“type”:”id”,”generated”:false,”id”:”Locale:sv”,”typename”:”Locale”},{“type”:”id”,”generated”:false,”id”:”Locale:ta”,”typename”:”Locale”},{“type”:”id”,”generated”:false,”id”:”Locale:uz”,”typename”:”Locale”},{“type”:”id”,”generated”:false,”id”:”Locale:bn”,”typename”:”Locale”},{“type”:”id”,”generated”:false,”id”:”Locale:bg”,”typename”:”Locale”},{“type”:”id”,”generated”:false,”id”:”Locale:cs”,”typename”:”Locale”},{“type”:”id”,”generated”:false,”id”:”Locale:de”,”typename”:”Locale”},{“type”:”id”,”generated”:false,”id”:”Locale:en”,”typename”:”Locale”},{“type”:”id”,”generated”:false,”id”:”Locale:es”,”typename”:”Locale”},{“type”:”id”,”generated”:false,”id”:”Locale:fr”,”typename”:”Locale”},{“type”:”id”,”generated”:false,”id”:”Locale:hy”,”typename”:”Locale”},{“type”:”id”,”generated”:false,”id”:”Locale:ka”,”typename”:”Locale”},{“type”:”id”,”generated”:false,”id”:”Locale:ko”,”typename”:”Locale”},{“type”:”id”,”generated”:false,”id”:”Locale:pa”,”typename”:”Locale”},{“type”:”id”,”generated”:false,”id”:”Locale:pl”,”typename”:”Locale”},{“type”:”id”,”generated”:false,”id”:”Locale:pt”,”typename”:”Locale”},{“type”:”id”,”generated”:false,”id”:”Locale:pt-pt”,”typename”:”Locale”},{“type”:”id”,”generated”:false,”id”:”Locale:ro”,”typename”:”Locale”},{“type”:”id”,”generated”:false,”id”:”Locale:sr”,”typename”:”Locale”},{“type”:”id”,”generated”:false,”id”:”Locale:tr”,”typename”:”Locale”},{“type”:”id”,”generated”:false,”id”:”Locale:vi”,”typename”:”Locale”},{“type”:”id”,”generated”:false,”id”:”Locale:zh-hans”,”typename”:”Locale”}],”learnMenuTopics({“curriculum”:””})”:[{“type”:”id”,”generated”:true,”id”:”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).0″,”typename”:”TopicBrowserCategory”},{“type”:”id”,”generated”:true,”id”:”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).1″,”typename”:”TopicBrowserCategory”},{“type”:”id”,”generated”:true,”id”:”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).2″,”typename”:”TopicBrowserCategory”},{“type”:”id”,”generated”:true,”id”:”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).3″,”typename”:”TopicBrowserCategory”},{“type”:”id”,”generated”:true,”id”:”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).4″,”typename”:”TopicBrowserCategory”},{“type”:”id”,”generated”:true,”id”:”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).5″,”typename”:”TopicBrowserCategory”},{“type”:”id”,”generated”:true,”id”:”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).6″,”typename”:”TopicBrowserCategory”},{“type”:”id”,”generated”:true,”id”:”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).7″,”typename”:”TopicBrowserCategory”},{“type”:”id”,”generated”:true,”id”:”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).8″,”typename”:”TopicBrowserCategory”},{“type”:”id”,”generated”:true,”id”:”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).9″,”typename”:”TopicBrowserCategory”}]},”ROOT_QUERY.footerDomains({“curriculum”:””}).0″:{“translatedTitle”:”Math: Pre-K – 8th grade”,”href”:”/math/k-8-grades”,”__typename”:”TopicBrowserCategory”},”ROOT_QUERY.footerDomains({“curriculum”:””}).1″:{“translatedTitle”:”Math: Get ready courses”,”href”:”/math/get-ready-courses”,”__typename”:”TopicBrowserCategory”},”ROOT_QUERY.footerDomains({“curriculum”:””}).2″:{“translatedTitle”:”Math: high school & college”,”href”:”/math”,”__typename”:”TopicBrowserCategory”},”ROOT_QUERY.footerDomains({“curriculum”:””}).3″:{“translatedTitle”:”Test prep”,”href”:”/test-prep”,”__typename”:”TopicBrowserCategory”},”ROOT_QUERY.footerDomains({“curriculum”:””}).4″:{“translatedTitle”:”Science”,”href”:”/science”,”__typename”:”TopicBrowserCategory”},”ROOT_QUERY.footerDomains({“curriculum”:””}).5″:{“translatedTitle”:”Computing”,”href”:”/computing”,”__typename”:”TopicBrowserCategory”},”ROOT_QUERY.footerDomains({“curriculum”:””}).6″:{“translatedTitle”:”Arts & humanities”,”href”:”/humanities”,”__typename”:”TopicBrowserCategory”},”ROOT_QUERY.footerDomains({“curriculum”:””}).7″:{“translatedTitle”:”Economics”,”href”:”/economics-finance-domain”,”__typename”:”TopicBrowserCategory”},”ROOT_QUERY.footerDomains({“curriculum”:””}).8″:{“translatedTitle”:”Reading & language arts”,”href”:”/ela”,”__typename”:”TopicBrowserCategory”},”ROOT_QUERY.footerDomains({“curriculum”:””}).9″:{“translatedTitle”:”Life skills”,”href”:”/college-careers-more”,”__typename”:”TopicBrowserCategory”},”Locale:az”:{“id”:”az”,”localName”:”Azərbaycanca”,”kaLocale”:”az”,”__typename”:”Locale”},”Locale:da”:{“id”:”da”,”localName”:”dansk”,”kaLocale”:”da”,”__typename”:”Locale”},”Locale:gu”:{“id”:”gu”,”localName”:”ગુજરાતી”,”kaLocale”:”gu”,”__typename”:”Locale”},”Locale:hi”:{“id”:”hi”,”localName”:”हिन्दी”,”kaLocale”:”hi”,”__typename”:”Locale”},”Locale:hu”:{“id”:”hu”,”localName”:”magyar”,”kaLocale”:”hu”,”__typename”:”Locale”},”Locale:id”:{“id”:”id”,”localName”:”Bahasa Indonesia”,”kaLocale”:”id”,”__typename”:”Locale”},”Locale:it”:{“id”:”it”,”localName”:”italiano”,”kaLocale”:”it”,”__typename”:”Locale”},”Locale:ja”:{“id”:”ja”,”localName”:”日本語”,”kaLocale”:”ja”,”__typename”:”Locale”},”Locale:km”:{“id”:”km”,”localName”:”ខ្មែរ”,”kaLocale”:”km”,”__typename”:”Locale”},”Locale:kn”:{“id”:”kn”,”localName”:”ಕನ್ನಡ”,”kaLocale”:”kn”,”__typename”:”Locale”},”Locale:mn”:{“id”:”mn”,”localName”:”монгол”,”kaLocale”:”mn”,”__typename”:”Locale”},”Locale:my”:{“id”:”my”,”localName”:”ဗမာ”,”kaLocale”:”my”,”__typename”:”Locale”},”Locale:nb”:{“id”:”nb”,”localName”:”norsk bokmål”,”kaLocale”:”nb”,”__typename”:”Locale”},”Locale:nl”:{“id”:”nl”,”localName”:”Nederlands”,”kaLocale”:”nl”,”__typename”:”Locale”},”Locale:ru”:{“id”:”ru”,”localName”:”русский”,”kaLocale”:”ru”,”__typename”:”Locale”},”Locale:sv”:{“id”:”sv”,”localName”:”svenska”,”kaLocale”:”sv”,”__typename”:”Locale”},”Locale:ta”:{“id”:”ta”,”localName”:”தமிழ்”,”kaLocale”:”ta”,”__typename”:”Locale”},”Locale:uz”:{“id”:”uz”,”localName”:”Oʻzbek”,”kaLocale”:”uz”,”__typename”:”Locale”},”Locale:bn”:{“id”:”bn”,”localName”:”বাংলা”,”kaLocale”:”bn”,”__typename”:”Locale”},”Locale:bg”:{“id”:”bg”,”localName”:”български”,”kaLocale”:”bg”,”__typename”:”Locale”},”Locale:cs”:{“id”:”cs”,”localName”:”čeština”,”kaLocale”:”cs”,”__typename”:”Locale”},”Locale:de”:{“id”:”de”,”localName”:”Deutsch”,”kaLocale”:”de”,”__typename”:”Locale”},”Locale:en”:{“id”:”en”,”localName”:”English”,”kaLocale”:”en”,”__typename”:”Locale”},”Locale:es”:{“id”:”es”,”localName”:”español”,”kaLocale”:”es”,”__typename”:”Locale”},”Locale:fr”:{“id”:”fr”,”localName”:”français”,”kaLocale”:”fr”,”__typename”:”Locale”},”Locale:hy”:{“id”:”hy”,”localName”:”հայերեն”,”kaLocale”:”hy”,”__typename”:”Locale”},”Locale:ka”:{“id”:”ka”,”localName”:”ქართული”,”kaLocale”:”ka”,”__typename”:”Locale”},”Locale:ko”:{“id”:”ko”,”localName”:”한국어”,”kaLocale”:”ko”,”__typename”:”Locale”},”Locale:pa”:{“id”:”pa”,”localName”:”ਪੰਜਾਬੀ”,”kaLocale”:”pa”,”__typename”:”Locale”},”Locale:pl”:{“id”:”pl”,”localName”:”polski”,”kaLocale”:”pl”,”__typename”:”Locale”},”Locale:pt”:{“id”:”pt”,”localName”:”português”,”kaLocale”:”pt”,”__typename”:”Locale”},”Locale:pt-pt”:{“id”:”pt-pt”,”localName”:”português (Portugal)”,”kaLocale”:”pt-pt”,”__typename”:”Locale”},”Locale:ro”:{“id”:”ro”,”localName”:”română”,”kaLocale”:”ro”,”__typename”:”Locale”},”Locale:sr”:{“id”:”sr”,”localName”:”Српски”,”kaLocale”:”sr”,”__typename”:”Locale”},”Locale:tr”:{“id”:”tr”,”localName”:”Türkçe”,”kaLocale”:”tr”,”__typename”:”Locale”},”Locale:vi”:{“id”:”vi”,”localName”:”Tiếng Việt”,”kaLocale”:”vi”,”__typename”:”Locale”},”Locale:zh-hans”:{“id”:”zh-hans”,”localName”:”中文 (简体中文)”,”kaLocale”:”zh-hans”,”__typename”:”Locale”},”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).0″:{“slug”:”math”,”translatedTitle”:”Math: Pre-K – 8th grade”,”href”:”/math/k-8-grades”,”isNew”:false,”children”:[{“type”:”id”,”generated”:true,”id”:”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).0.children.0″,”typename”:”TopicBrowserLink”},{“type”:”id”,”generated”:true,”id”:”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).0.children.1″,”typename”:”TopicBrowserLink”},{“type”:”id”,”generated”:true,”id”:”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).0.children.2″,”typename”:”TopicBrowserLink”},{“type”:”id”,”generated”:true,”id”:”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).0.children.3″,”typename”:”TopicBrowserLink”},{“type”:”id”,”generated”:true,”id”:”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).0.children.4″,”typename”:”TopicBrowserLink”},{“type”:”id”,”generated”:true,”id”:”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).0.children.5″,”typename”:”TopicBrowserLink”},{“type”:”id”,”generated”:true,”id”:”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).0.children.6″,”typename”:”TopicBrowserLink”},{“type”:”id”,”generated”:true,”id”:”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).0.children.7″,”typename”:”TopicBrowserLink”},{“type”:”id”,”generated”:true,”id”:”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).0.children.8″,”typename”:”TopicBrowserLink”}],”__typename”:”TopicBrowserCategory”},”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).0.children.0″:{“slug”:”kids”,”translatedTitle”:”Up to 1st grade (Khan Kids)”,”href”:”/kids”,”isNew”:false,”loggedOutHref”:null,”nonContentLink”:true,”__typename”:”TopicBrowserLink”},”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).0.children.1″:{“slug”:”cc-2nd-grade-math”,”translatedTitle”:”2nd grade”,”href”:”/math/cc-2nd-grade-math”,”isNew”:false,”loggedOutHref”:null,”nonContentLink”:false,”__typename”:”TopicBrowserLink”},”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).0.children.2″:{“slug”:”cc-third-grade-math”,”translatedTitle”:”3rd grade”,”href”:”/math/cc-third-grade-math”,”isNew”:false,”loggedOutHref”:null,”nonContentLink”:false,”__typename”:”TopicBrowserLink”},”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).0.children.3″:{“slug”:”cc-fourth-grade-math”,”translatedTitle”:”4th grade”,”href”:”/math/cc-fourth-grade-math”,”isNew”:false,”loggedOutHref”:null,”nonContentLink”:false,”__typename”:”TopicBrowserLink”},”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).0.children.4″:{“slug”:”cc-fifth-grade-math”,”translatedTitle”:”5th grade”,”href”:”/math/cc-fifth-grade-math”,”isNew”:false,”loggedOutHref”:null,”nonContentLink”:false,”__typename”:”TopicBrowserLink”},”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).0.children.5″:{“slug”:”cc-sixth-grade-math”,”translatedTitle”:”6th grade”,”href”:”/math/cc-sixth-grade-math”,”isNew”:false,”loggedOutHref”:null,”nonContentLink”:false,”__typename”:”TopicBrowserLink”},”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).0.children.6″:{“slug”:”cc-seventh-grade-math”,”translatedTitle”:”7th grade”,”href”:”/math/cc-seventh-grade-math”,”isNew”:false,”loggedOutHref”:null,”nonContentLink”:false,”__typename”:”TopicBrowserLink”},”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).0.children.7″:{“slug”:”cc-eighth-grade-math”,”translatedTitle”:”8th grade”,”href”:”/math/cc-eighth-grade-math”,”isNew”:false,”loggedOutHref”:null,”nonContentLink”:false,”__typename”:”TopicBrowserLink”},”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).0.children.8″:{“slug”:”k-8-grades”,”translatedTitle”:”See all Math”,”href”:”/math/k-8-grades”,”isNew”:false,”loggedOutHref”:null,”nonContentLink”:false,”__typename”:”TopicBrowserLink”},”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).1″:{“slug”:”math”,”translatedTitle”:”Math: Get ready courses”,”href”:”/math/get-ready-courses”,”isNew”:false,”children”:[{“type”:”id”,”generated”:true,”id”:”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).1.children.0″,”typename”:”TopicBrowserLink”},{“type”:”id”,”generated”:true,”id”:”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).1.children.1″,”typename”:”TopicBrowserLink”},{“type”:”id”,”generated”:true,”id”:”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).1.children.2″,”typename”:”TopicBrowserLink”},{“type”:”id”,”generated”:true,”id”:”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).1.children.3″,”typename”:”TopicBrowserLink”},{“type”:”id”,”generated”:true,”id”:”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).1.children.4″,”typename”:”TopicBrowserLink”},{“type”:”id”,”generated”:true,”id”:”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).1.children.5″,”typename”:”TopicBrowserLink”},{“type”:”id”,”generated”:true,”id”:”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).1.children.6″,”typename”:”TopicBrowserLink”},{“type”:”id”,”generated”:true,”id”:”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).1.children.7″,”typename”:”TopicBrowserLink”},{“type”:”id”,”generated”:true,”id”:”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).1.children.8″,”typename”:”TopicBrowserLink”},{“type”:”id”,”generated”:true,”id”:”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).1.children.9″,”typename”:”TopicBrowserLink”}],”__typename”:”TopicBrowserCategory”},”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).1.children.0″:{“slug”:”get-ready-for-3rd-grade”,”translatedTitle”:”Get ready for 3rd grade”,”href”:”/math/get-ready-for-3rd-grade”,”isNew”:false,”loggedOutHref”:null,”nonContentLink”:false,”__typename”:”TopicBrowserLink”},”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).1.children.1″:{“slug”:”get-ready-for-4th-grade”,”translatedTitle”:”Get ready for 4th grade”,”href”:”/math/get-ready-for-4th-grade”,”isNew”:false,”loggedOutHref”:null,”nonContentLink”:false,”__typename”:”TopicBrowserLink”},”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).1.children.2″:{“slug”:”get-ready-for-5th-grade”,”translatedTitle”:”Get ready for 5th grade”,”href”:”/math/get-ready-for-5th-grade”,”isNew”:false,”loggedOutHref”:null,”nonContentLink”:false,”__typename”:”TopicBrowserLink”},”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).1.children.3″:{“slug”:”get-ready-for-6th-grade”,”translatedTitle”:”Get ready for 6th grade”,”href”:”/math/get-ready-for-6th-grade”,”isNew”:false,”loggedOutHref”:null,”nonContentLink”:false,”__typename”:”TopicBrowserLink”},”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).1.children.4″:{“slug”:”get-ready-for-7th-grade”,”translatedTitle”:”Get ready for 7th grade”,”href”:”/math/get-ready-for-7th-grade”,”isNew”:false,”loggedOutHref”:null,”nonContentLink”:false,”__typename”:”TopicBrowserLink”},”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).1.children.5″:{“slug”:”get-ready-for-8th-grade”,”translatedTitle”:”Get ready for 8th grade”,”href”:”/math/get-ready-for-8th-grade”,”isNew”:false,”loggedOutHref”:null,”nonContentLink”:false,”__typename”:”TopicBrowserLink”},”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).1.children.6″:{“slug”:”get-ready-for-algebra-i”,”translatedTitle”:”Get ready for Algebra 1″,”href”:”/math/get-ready-for-algebra-i”,”isNew”:false,”loggedOutHref”:null,”nonContentLink”:false,”__typename”:”TopicBrowserLink”},”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).1.children.7″:{“slug”:”get-ready-for-geometry”,”translatedTitle”:”Get ready for Geometry”,”href”:”/math/get-ready-for-geometry”,”isNew”:false,”loggedOutHref”:null,”nonContentLink”:false,”__typename”:”TopicBrowserLink”},”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).1.children.8″:{“slug”:”get-ready-for-algebra-ii”,”translatedTitle”:”Get ready for Algebra 2″,”href”:”/math/get-ready-for-algebra-ii”,”isNew”:false,”loggedOutHref”:null,”nonContentLink”:false,”__typename”:”TopicBrowserLink”},”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).1.children.9″:{“slug”:”get-ready-for-precalculus”,”translatedTitle”:”Get ready for Precalculus”,”href”:”/math/get-ready-for-precalculus”,”isNew”:false,”loggedOutHref”:null,”nonContentLink”:false,”__typename”:”TopicBrowserLink”},”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).2″:{“slug”:”math”,”translatedTitle”:”Math: high school & college”,”href”:”/math”,”isNew”:false,”children”:[{“type”:”id”,”generated”:true,”id”:”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).2.children.0″,”typename”:”TopicBrowserLink”},{“type”:”id”,”generated”:true,”id”:”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).2.children.1″,”typename”:”TopicBrowserLink”},{“type”:”id”,”generated”:true,”id”:”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).2.children.2″,”typename”:”TopicBrowserLink”},{“type”:”id”,”generated”:true,”id”:”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).2.children.3″,”typename”:”TopicBrowserLink”},{“type”:”id”,”generated”:true,”id”:”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).2.children.4″,”typename”:”TopicBrowserLink”},{“type”:”id”,”generated”:true,”id”:”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).2.children.5″,”typename”:”TopicBrowserLink”},{“type”:”id”,”generated”:true,”id”:”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).2.children.6″,”typename”:”TopicBrowserLink”},{“type”:”id”,”generated”:true,”id”:”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).2.children.7″,”typename”:”TopicBrowserLink”},{“type”:”id”,”generated”:true,”id”:”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).2.children.8″,”typename”:”TopicBrowserLink”},{“type”:”id”,”generated”:true,”id”:”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).2.children.9″,”typename”:”TopicBrowserLink”},{“type”:”id”,”generated”:true,”id”:”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).2.children.10″,”typename”:”TopicBrowserLink”},{“type”:”id”,”generated”:true,”id”:”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).2.children.11″,”typename”:”TopicBrowserLink”},{“type”:”id”,”generated”:true,”id”:”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).2.children.12″,”typename”:”TopicBrowserLink”}],”__typename”:”TopicBrowserCategory”},”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).2.children.0″:{“slug”:”algebra”,”translatedTitle”:”Algebra 1″,”href”:”/math/algebra”,”isNew”:false,”loggedOutHref”:null,”nonContentLink”:false,”__typename”:”TopicBrowserLink”},”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).2.children.1″:{“slug”:”geometry”,”translatedTitle”:”Geometry”,”href”:”/math/geometry”,”isNew”:false,”loggedOutHref”:null,”nonContentLink”:false,”__typename”:”TopicBrowserLink”},”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).2.children.2″:{“slug”:”algebra2″,”translatedTitle”:”Algebra 2″,”href”:”/math/algebra2″,”isNew”:false,”loggedOutHref”:null,”nonContentLink”:false,”__typename”:”TopicBrowserLink”},”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).2.children.3″:{“slug”:”trigonometry”,”translatedTitle”:”Trigonometry”,”href”:”/math/trigonometry”,”isNew”:false,”loggedOutHref”:null,”nonContentLink”:false,”__typename”:”TopicBrowserLink”},”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).2.children.4″:{“slug”:”precalculus”,”translatedTitle”:”Precalculus”,”href”:”/math/precalculus”,”isNew”:false,”loggedOutHref”:null,”nonContentLink”:false,”__typename”:”TopicBrowserLink”},”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).2.children.5″:{“slug”:”statistics-probability”,”translatedTitle”:”Statistics & probability”,”href”:”/math/statistics-probability”,”isNew”:false,”loggedOutHref”:null,”nonContentLink”:false,”__typename”:”TopicBrowserLink”},”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).2.children.6″:{“slug”:”ap-calculus-ab”,”translatedTitle”:”AP®︎/College Calculus AB”,”href”:”/math/ap-calculus-ab”,”isNew”:false,”loggedOutHref”:null,”nonContentLink”:false,”__typename”:”TopicBrowserLink”},”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).2.children.7″:{“slug”:”ap-calculus-bc”,”translatedTitle”:”AP®︎/College Calculus BC”,”href”:”/math/ap-calculus-bc”,”isNew”:false,”loggedOutHref”:null,”nonContentLink”:false,”__typename”:”TopicBrowserLink”},”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).2.children.8″:{“slug”:”ap-statistics”,”translatedTitle”:”AP®︎/College Statistics”,”href”:”/math/ap-statistics”,”isNew”:false,”loggedOutHref”:null,”nonContentLink”:false,”__typename”:”TopicBrowserLink”},”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).2.children.9″:{“slug”:”multivariable-calculus”,”translatedTitle”:”Multivariable calculus”,”href”:”/math/multivariable-calculus”,”isNew”:false,”loggedOutHref”:null,”nonContentLink”:false,”__typename”:”TopicBrowserLink”},”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).2.children.10″:{“slug”:”differential-equations”,”translatedTitle”:”Differential equations”,”href”:”/math/differential-equations”,”isNew”:false,”loggedOutHref”:null,”nonContentLink”:false,”__typename”:”TopicBrowserLink”},”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).2.children.11″:{“slug”:”linear-algebra”,”translatedTitle”:”Linear algebra”,”href”:”/math/linear-algebra”,”isNew”:false,”loggedOutHref”:null,”nonContentLink”:false,”__typename”:”TopicBrowserLink”},”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).2.children.12″:{“slug”:”math”,”translatedTitle”:”See all Math”,”href”:”/math”,”isNew”:false,”loggedOutHref”:null,”nonContentLink”:false,”__typename”:”TopicBrowserLink”},”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).3″:{“slug”:”test-prep”,”translatedTitle”:”Test prep”,”href”:”/test-prep”,”isNew”:false,”children”:[{“type”:”id”,”generated”:true,”id”:”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).3.children.0″,”typename”:”TopicBrowserLink”},{“type”:”id”,”generated”:true,”id”:”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).3.children.1″,”typename”:”TopicBrowserLink”},{“type”:”id”,”generated”:true,”id”:”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).3.children.2″,”typename”:”TopicBrowserLink”}],”__typename”:”TopicBrowserCategory”},”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).3.children.0″:{“slug”:”sat”,”translatedTitle”:”SAT”,”href”:”/mission/sat”,”isNew”:false,”loggedOutHref”:”/sat”,”nonContentLink”:false,”__typename”:”TopicBrowserLink”},”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).3.children.1″:{“slug”:”lsat”,”translatedTitle”:”LSAT”,”href”:”/prep/lsat/start”,”isNew”:false,”loggedOutHref”:”/prep/lsat”,”nonContentLink”:false,”__typename”:”TopicBrowserLink”},”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).3.children.2″:{“slug”:”praxis”,”translatedTitle”:”Praxis Core”,”href”:”/prep/praxis-core/start”,”isNew”:false,”loggedOutHref”:”/prep/praxis-core”,”nonContentLink”:false,”__typename”:”TopicBrowserLink”},”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).4″:{“slug”:”science”,”translatedTitle”:”Science”,”href”:”/science”,”isNew”:false,”children”:[{“type”:”id”,”generated”:true,”id”:”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).4.children.0″,”typename”:”TopicBrowserLink”},{“type”:”id”,”generated”:true,”id”:”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).4.children.1″,”typename”:”TopicBrowserLink”},{“type”:”id”,”generated”:true,”id”:”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).4.children.2″,”typename”:”TopicBrowserLink”},{“type”:”id”,”generated”:true,”id”:”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).4.children.3″,”typename”:”TopicBrowserLink”},{“type”:”id”,”generated”:true,”id”:”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).4.children.4″,”typename”:”TopicBrowserLink”},{“type”:”id”,”generated”:true,”id”:”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).4.children.5″,”typename”:”TopicBrowserLink”},{“type”:”id”,”generated”:true,”id”:”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).4.children.6″,”typename”:”TopicBrowserLink”},{“type”:”id”,”generated”:true,”id”:”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).4.children.7″,”typename”:”TopicBrowserLink”},{“type”:”id”,”generated”:true,”id”:”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).4.children.8″,”typename”:”TopicBrowserLink”},{“type”:”id”,”generated”:true,”id”:”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).4.children.9″,”typename”:”TopicBrowserLink”},{“type”:”id”,”generated”:true,”id”:”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).4.children.10″,”typename”:”TopicBrowserLink”},{“type”:”id”,”generated”:true,”id”:”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).4.children.11″,”typename”:”TopicBrowserLink”}],”__typename”:”TopicBrowserCategory”},”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).4.children.0″:{“slug”:”hs-biology”,”translatedTitle”:”High school biology beta”,”href”:”/science/hs-biology”,”isNew”:false,”loggedOutHref”:null,”nonContentLink”:false,”__typename”:”TopicBrowserLink”},”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).4.children.1″:{“slug”:”high-school-biology”,”translatedTitle”:”High school biology”,”href”:”/science/high-school-biology”,”isNew”:false,”loggedOutHref”:null,”nonContentLink”:false,”__typename”:”TopicBrowserLink”},”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).4.children.2″:{“slug”:”ap-biology”,”translatedTitle”:”AP®︎/College Biology”,”href”:”/science/ap-biology”,”isNew”:false,”loggedOutHref”:null,”nonContentLink”:false,”__typename”:”TopicBrowserLink”},”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).4.children.3″:{“slug”:”hs-chemistry”,”translatedTitle”:”High school chemistry beta”,”href”:”/science/hs-chemistry”,”isNew”:false,”loggedOutHref”:null,”nonContentLink”:false,”__typename”:”TopicBrowserLink”},”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).4.children.4″:{“slug”:”ap-chemistry-beta”,”translatedTitle”:”AP®︎/College Chemistry beta”,”href”:”/science/ap-chemistry-beta”,”isNew”:false,”loggedOutHref”:null,”nonContentLink”:false,”__typename”:”TopicBrowserLink”},”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).4.children.5″:{“slug”:”ap-chemistry”,”translatedTitle”:”AP®︎/College Chemistry”,”href”:”/science/ap-chemistry”,”isNew”:false,”loggedOutHref”:null,”nonContentLink”:false,”__typename”:”TopicBrowserLink”},”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).4.children.6″:{“slug”:”hs-physics”,”translatedTitle”:”High school physics beta”,”href”:”/science/hs-physics”,”isNew”:false,”loggedOutHref”:null,”nonContentLink”:false,”__typename”:”TopicBrowserLink”},”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).4.children.7″:{“slug”:”high-school-physics”,”translatedTitle”:”High school physics”,”href”:”/science/high-school-physics”,”isNew”:false,”loggedOutHref”:null,”nonContentLink”:false,”__typename”:”TopicBrowserLink”},”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).4.children.8″:{“slug”:”ap-college-physics-1″,”translatedTitle”:”AP®︎/College Physics 1 beta”,”href”:”/science/ap-college-physics-1″,”isNew”:false,”loggedOutHref”:null,”nonContentLink”:false,”__typename”:”TopicBrowserLink”},”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).4.children.9″:{“slug”:”ap-physics-1″,”translatedTitle”:”AP®︎/College Physics 1″,”href”:”/science/ap-physics-1″,”isNew”:false,”loggedOutHref”:null,”nonContentLink”:false,”__typename”:”TopicBrowserLink”},”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).4.children.10″:{“slug”:”ap-college-environmental-science”,”translatedTitle”:”AP®︎/College Environmental Science beta”,”href”:”/science/ap-college-environmental-science”,”isNew”:false,”loggedOutHref”:null,”nonContentLink”:false,”__typename”:”TopicBrowserLink”},”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).4.children.11″:{“slug”:”science”,”translatedTitle”:”See all Science”,”href”:”/science”,”isNew”:false,”loggedOutHref”:null,”nonContentLink”:false,”__typename”:”TopicBrowserLink”},”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).5″:{“slug”:”computing”,”translatedTitle”:”Computing”,”href”:”/computing”,”isNew”:false,”children”:[{“type”:”id”,”generated”:true,”id”:”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).5.children.0″,”typename”:”TopicBrowserLink”},{“type”:”id”,”generated”:true,”id”:”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).5.children.1″,”typename”:”TopicBrowserLink”},{“type”:”id”,”generated”:true,”id”:”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).5.children.2″,”typename”:”TopicBrowserLink”}],”__typename”:”TopicBrowserCategory”},”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).5.children.0″:{“slug”:”computer-programming”,”translatedTitle”:”Computer programming”,”href”:”/computing/computer-programming”,”isNew”:false,”loggedOutHref”:null,”nonContentLink”:false,”__typename”:”TopicBrowserLink”},”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).5.children.1″:{“slug”:”ap-computer-science-principles”,”translatedTitle”:”AP®︎/College Computer Science Principles”,”href”:”/computing/ap-computer-science-principles”,”isNew”:false,”loggedOutHref”:null,”nonContentLink”:false,”__typename”:”TopicBrowserLink”},”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).5.children.2″:{“slug”:”computing”,”translatedTitle”:”See all Computing”,”href”:”/computing”,”isNew”:false,”loggedOutHref”:null,”nonContentLink”:false,”__typename”:”TopicBrowserLink”},”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).6″:{“slug”:”humanities”,”translatedTitle”:”Arts & humanities”,”href”:”/humanities”,”isNew”:false,”children”:[{“type”:”id”,”generated”:true,”id”:”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).6.children.0″,”typename”:”TopicBrowserLink”},{“type”:”id”,”generated”:true,”id”:”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).6.children.1″,”typename”:”TopicBrowserLink”},{“type”:”id”,”generated”:true,”id”:”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).6.children.2″,”typename”:”TopicBrowserLink”},{“type”:”id”,”generated”:true,”id”:”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).6.children.3″,”typename”:”TopicBrowserLink”},{“type”:”id”,”generated”:true,”id”:”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).6.children.4″,”typename”:”TopicBrowserLink”},{“type”:”id”,”generated”:true,”id”:”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).6.children.5″,”typename”:”TopicBrowserLink”},{“type”:”id”,”generated”:true,”id”:”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).6.children.6″,”typename”:”TopicBrowserLink”},{“type”:”id”,”generated”:true,”id”:”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).6.children.7″,”typename”:”TopicBrowserLink”},{“type”:”id”,”generated”:true,”id”:”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).6.children.8″,”typename”:”TopicBrowserLink”}],”__typename”:”TopicBrowserCategory”},”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).6.children.0″:{“slug”:”us-history”,”translatedTitle”:”US history”,”href”:”/humanities/us-history”,”isNew”:false,”loggedOutHref”:null,”nonContentLink”:false,”__typename”:”TopicBrowserLink”},”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).6.children.1″:{“slug”:”ap-us-history”,”translatedTitle”:”AP®︎/College US History”,”href”:”/humanities/ap-us-history”,”isNew”:false,”loggedOutHref”:null,”nonContentLink”:false,”__typename”:”TopicBrowserLink”},”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).6.children.2″:{“slug”:”us-government-and-civics”,”translatedTitle”:”US government and civics”,”href”:”/humanities/us-government-and-civics”,”isNew”:false,”loggedOutHref”:null,”nonContentLink”:false,”__typename”:”TopicBrowserLink”},”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).6.children.3″:{“slug”:”ap-us-government-and-politics”,”translatedTitle”:”AP®︎/College US Government & Politics”,”href”:”/humanities/ap-us-government-and-politics”,”isNew”:false,”loggedOutHref”:null,”nonContentLink”:false,”__typename”:”TopicBrowserLink”},”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).6.children.4″:{“slug”:”whp-origins”,”translatedTitle”:”World History Project – Origins”,”href”:”/humanities/whp-origins”,”isNew”:false,”loggedOutHref”:null,”nonContentLink”:false,”__typename”:”TopicBrowserLink”},”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).6.children.5″:{“slug”:”whp-1750″,”translatedTitle”:”World History Project – 1750″,”href”:”/humanities/whp-1750″,”isNew”:false,”loggedOutHref”:null,”nonContentLink”:false,”__typename”:”TopicBrowserLink”},”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).6.children.6″:{“slug”:”art-history”,”translatedTitle”:”Art history”,”href”:”/humanities/art-history”,”isNew”:false,”loggedOutHref”:null,”nonContentLink”:false,”__typename”:”TopicBrowserLink”},”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).6.children.7″:{“slug”:”ap-art-history”,”translatedTitle”:”AP®︎/College Art History”,”href”:”/humanities/ap-art-history”,”isNew”:false,”loggedOutHref”:null,”nonContentLink”:false,”__typename”:”TopicBrowserLink”},”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).6.children.8″:{“slug”:”humanities”,”translatedTitle”:”See all Arts & Humanities”,”href”:”/humanities”,”isNew”:false,”loggedOutHref”:null,”nonContentLink”:false,”__typename”:”TopicBrowserLink”},”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).7″:{“slug”:”economics-finance-domain”,”translatedTitle”:”Economics”,”href”:”/economics-finance-domain”,”isNew”:false,”children”:[{“type”:”id”,”generated”:true,”id”:”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).7.children.0″,”typename”:”TopicBrowserLink”},{“type”:”id”,”generated”:true,”id”:”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).7.children.1″,”typename”:”TopicBrowserLink”},{“type”:”id”,”generated”:true,”id”:”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).7.children.2″,”typename”:”TopicBrowserLink”},{“type”:”id”,”generated”:true,”id”:”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).7.children.3″,”typename”:”TopicBrowserLink”},{“type”:”id”,”generated”:true,”id”:”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).7.children.4″,”typename”:”TopicBrowserLink”}],”__typename”:”TopicBrowserCategory”},”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).7.children.0″:{“slug”:”macroeconomics”,”translatedTitle”:”Macroeconomics”,”href”:”/economics-finance-domain/macroeconomics”,”isNew”:false,”loggedOutHref”:null,”nonContentLink”:false,”__typename”:”TopicBrowserLink”},”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).7.children.1″:{“slug”:”ap-macroeconomics”,”translatedTitle”:”AP®︎/College Macroeconomics”,”href”:”/economics-finance-domain/ap-macroeconomics”,”isNew”:false,”loggedOutHref”:null,”nonContentLink”:false,”__typename”:”TopicBrowserLink”},”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).7.children.2″:{“slug”:”microeconomics”,”translatedTitle”:”Microeconomics”,”href”:”/economics-finance-domain/microeconomics”,”isNew”:false,”loggedOutHref”:null,”nonContentLink”:false,”__typename”:”TopicBrowserLink”},”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).7.children.3″:{“slug”:”ap-microeconomics”,”translatedTitle”:”AP®︎/College Microeconomics”,”href”:”/economics-finance-domain/ap-microeconomics”,”isNew”:false,”loggedOutHref”:null,”nonContentLink”:false,”__typename”:”TopicBrowserLink”},”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).7.children.4″:{“slug”:”economics-finance-domain”,”translatedTitle”:”See all Economics”,”href”:”/economics-finance-domain”,”isNew”:false,”loggedOutHref”:null,”nonContentLink”:false,”__typename”:”TopicBrowserLink”},”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).8″:{“slug”:”ela”,”translatedTitle”:”Reading & language arts”,”href”:”/ela”,”isNew”:false,”children”:[{“type”:”id”,”generated”:true,”id”:”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).8.children.0″,”typename”:”TopicBrowserLink”},{“type”:”id”,”generated”:true,”id”:”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).8.children.1″,”typename”:”TopicBrowserLink”},{“type”:”id”,”generated”:true,”id”:”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).8.children.2″,”typename”:”TopicBrowserLink”},{“type”:”id”,”generated”:true,”id”:”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).8.children.3″,”typename”:”TopicBrowserLink”},{“type”:”id”,”generated”:true,”id”:”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).8.children.4″,”typename”:”TopicBrowserLink”},{“type”:”id”,”generated”:true,”id”:”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).8.children.5″,”typename”:”TopicBrowserLink”},{“type”:”id”,”generated”:true,”id”:”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).8.children.6″,”typename”:”TopicBrowserLink”},{“type”:”id”,”generated”:true,”id”:”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).8.children.7″,”typename”:”TopicBrowserLink”},{“type”:”id”,”generated”:true,”id”:”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).8.children.8″,”typename”:”TopicBrowserLink”},{“type”:”id”,”generated”:true,”id”:”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).8.children.9″,”typename”:”TopicBrowserLink”}],”__typename”:”TopicBrowserCategory”},”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).8.children.0″:{“slug”:”kids”,”translatedTitle”:”Up to 1st grade (Khan Kids)”,”href”:”/kids”,”isNew”:false,”loggedOutHref”:null,”nonContentLink”:true,”__typename”:”TopicBrowserLink”},”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).8.children.1″:{“slug”:”cc-2nd-reading-vocab”,”translatedTitle”:”2nd grade”,”href”:”/ela/cc-2nd-reading-vocab”,”isNew”:false,”loggedOutHref”:null,”nonContentLink”:false,”__typename”:”TopicBrowserLink”},”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).8.children.2″:{“slug”:”cc-3rd-reading-vocab”,”translatedTitle”:”3rd grade”,”href”:”/ela/cc-3rd-reading-vocab”,”isNew”:false,”loggedOutHref”:null,”nonContentLink”:false,”__typename”:”TopicBrowserLink”},”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).8.children.3″:{“slug”:”cc-4th-reading-vocab”,”translatedTitle”:”4th grade”,”href”:”/ela/cc-4th-reading-vocab”,”isNew”:false,”loggedOutHref”:null,”nonContentLink”:false,”__typename”:”TopicBrowserLink”},”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).8.children.4″:{“slug”:”cc-5th-reading-vocab”,”translatedTitle”:”5th grade”,”href”:”/ela/cc-5th-reading-vocab”,”isNew”:false,”loggedOutHref”:null,”nonContentLink”:false,”__typename”:”TopicBrowserLink”},”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).8.children.5″:{“slug”:”cc-6th-reading-vocab”,”translatedTitle”:”6th grade”,”href”:”/ela/cc-6th-reading-vocab”,”isNew”:false,”loggedOutHref”:null,”nonContentLink”:false,”__typename”:”TopicBrowserLink”},”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).8.children.6″:{“slug”:”cc-7th-reading-vocab”,”translatedTitle”:”7th grade”,”href”:”/ela/cc-7th-reading-vocab”,”isNew”:false,”loggedOutHref”:null,”nonContentLink”:false,”__typename”:”TopicBrowserLink”},”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).8.children.7″:{“slug”:”cc-8th-reading-vocab”,”translatedTitle”:”8th grade”,”href”:”/ela/cc-8th-reading-vocab”,”isNew”:false,”loggedOutHref”:null,”nonContentLink”:false,”__typename”:”TopicBrowserLink”},”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).8.children.8″:{“slug”:”cc-9th-reading-vocab”,”translatedTitle”:”9th grade”,”href”:”/ela/cc-9th-reading-vocab”,”isNew”:false,”loggedOutHref”:null,”nonContentLink”:false,”__typename”:”TopicBrowserLink”},”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).8.children.9″:{“slug”:”ela”,”translatedTitle”:”See all Reading & Language Arts”,”href”:”/ela”,”isNew”:false,”loggedOutHref”:null,”nonContentLink”:false,”__typename”:”TopicBrowserLink”},”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).9″:{“slug”:”college-careers-more”,”translatedTitle”:”Life skills”,”href”:”/college-careers-more”,”isNew”:false,”children”:[{“type”:”id”,”generated”:true,”id”:”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).9.children.0″,”typename”:”TopicBrowserLink”},{“type”:”id”,”generated”:true,”id”:”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).9.children.1″,”typename”:”TopicBrowserLink”},{“type”:”id”,”generated”:true,”id”:”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).9.children.2″,”typename”:”TopicBrowserLink”},{“type”:”id”,”generated”:true,”id”:”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).9.children.3″,”typename”:”TopicBrowserLink”},{“type”:”id”,”generated”:true,”id”:”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).9.children.4″,”typename”:”TopicBrowserLink”}],”__typename”:”TopicBrowserCategory”},”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).9.children.0″:{“slug”:”kids”,”translatedTitle”:”Social & emotional learning (Khan Kids)”,”href”:”/kids”,”isNew”:false,”loggedOutHref”:null,”nonContentLink”:true,”__typename”:”TopicBrowserLink”},”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).9.children.1″:{“slug”:”career-content”,”translatedTitle”:”Careers”,”href”:”/college-careers-more/career-content”,”isNew”:false,”loggedOutHref”:null,”nonContentLink”:false,”__typename”:”TopicBrowserLink”},”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).9.children.2″:{“slug”:”personal-finance”,”translatedTitle”:”Personal finance”,”href”:”/college-careers-more/personal-finance”,”isNew”:false,”loggedOutHref”:null,”nonContentLink”:false,”__typename”:”TopicBrowserLink”},”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).9.children.3″:{“slug”:”learnstorm-growth-mindset-activities-us”,”translatedTitle”:”Growth mindset”,”href”:”/partner-content/learnstorm-growth-mindset-activities-us”,”isNew”:false,”loggedOutHref”:null,”nonContentLink”:false,”__typename”:”TopicBrowserLink”},”ROOT_QUERY.learnMenuTopics({“curriculum”:””}).9.children.4″:{“slug”:”college-careers-more”,”translatedTitle”:”See all Life Skills”,”href”:”/college-careers-more”,”isNew”:false,”loggedOutHref”:null,”nonContentLink”:false,”__typename”:”TopicBrowserLink”}},”styleClassNames”:[“_11bfxfy”,”_11igkdh”,”_12gk0yh”,”_12qks37″,”_12r4ewyx”,”_13cw2ryn”,”_13ise4e”,”_14bmcy4r”,”_14hvi6g8″,”_14jg6rbg”,”_14q9mlq8″,”_168icmv”,”_1745n9bz”,”_17bhrfb”,”_17ci9h9″,”_17tckgal”,”_18idwv4″,”_190525k”,”_191yaktd”,”_1923jcq”,”_19bpjuy”,”_19crc9gp”,”_19tdiqu”,”_19ujcxk”,”_1beo6qnl”,”_1boekgo”,”_1c07mee”,”_1c8t70d”,”_1d4mskp”,”_1dc2fu2″,”_1dcyqj2q”,”_1djt3vmr”,”_1eiug0zj”,”_1eoep6mp”,”_1eqoe4n8″,”_1f5ffzx”,”_1fjpreec”,”_1g8ypdt”,”_1gf0b5c”,”_1gf659q”,”_1i20hn5d”,”_1jy18x8″,”_1lve43w”,”_1lwwhwr”,”_1m09btgf”,”_1m4cc7g”,”_1mpjkvn”,”_1mv4i87″,”_1npf8u3w”,”_1nqsahao”,”_1ny02i68″,”_1o3zyidr”,”_1o51yl6″,”_1p9458yw”,”_1q19l6p3″,”_1qh64wuz”,”_1qhmdkk0″,”_1qjoj0v”,”_1qwvhpzm”,”_1r7k3ame”,”_1rqswim”,”_1rt6g9t”,”_1s8mywu”,”_1t9s97v”,”_1ujnvj”,”_1vfqidr7″,”_1wsjyp7″,”_1wv6lz9″,”_1xakt9tj”,”_1ycdc3w”,”_1yok8f4″,”_2qe0as”,”_2thbqw”,”_3238e18″,”_37mhyh”,”_4701ts”,”_5p7lt5″,”_5tdxkjz”,”_7044vkb”,”_79rohb”,”_85gotc3″,”_8qymdn”,”_9bl3wi”,”_atd7un”,”_bc4egv”,”_dc6frz”,”_dhzffk”,”_dwmetq”,”_e296pg”,”_e9you9d”,”_eil8noz”,”_eoghuo”,”_f34ur54″,”_fss88w4″,”_gkt786u”,”_gl1g2rh”,”_io410w6″,”_iwy53bs”,”_jw8wag”,”_lhvgag5″,”_lqicet”,”_mx31bt”,”_ob2ihsb”,”_p203k62″,”_pc9bder”,”_pcq78pb”,”_s217esa”,”_siqxmg”,”_smwbqor”,”_t0tx82″,”_tg9e1ct”,”_tma09g”,”_tv30v8″,”_u3cvgv3″,”_u7elqji”,”_ude160″,”_ulrurd”,”_v5zh60p”,”_vscsza”,”_wdqi0l”,”_wl68xnz”,”_xh4irn7″,”_xu2jcg”,”_xvt9wo”,”_ysqlpkj”,”_yutmpt”,”keyframe_1syiron”]}; ]]>

To use Khan Academy you need to upgrade to another web browser. Just select one of the options below to start upgrading.

If you’re seeing this message, it means we’re having trouble loading external resources on our website.

If you’re behind a web filter, please make sure that the domains *.kastatic.org and *.kasandbox.org are unblocked.

Source

Leave a comment

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