{"id":15969,"date":"2019-02-26T11:48:57","date_gmt":"2019-02-26T19:48:57","guid":{"rendered":"https:\/\/www.tynker.com\/blog\/?p=15969"},"modified":"2023-05-01T10:31:36","modified_gmt":"2023-05-01T17:31:36","slug":"new-learn-web-development-with-html-css-in-our-newest-course","status":"publish","type":"post","link":"https:\/\/www.tynker.com\/blog\/new-learn-web-development-with-html-css-in-our-newest-course\/","title":{"rendered":"NEW! Learn web development with HTML &#038; CSS in our newest course"},"content":{"rendered":"\n<h1 class=\"wp-block-heading has-text-align-center\">NEW! Learn web development with HTML &amp; CSS in our newest course<\/h1>\n\n\n\n<p>Did you know that there are about 2 billion active websites today? This number has been growing exponentially, with a dizzying array of new online services launching each year, and more people accessing the web using their computers, tablets and mobile phones. &nbsp;In this new course, students will learn how to create and host their own websites. Using the two standard web languages HyperText Markup Language (HTML) and Cascading Style Sheets (CSS) together, they will learn to design and craft their own web pages with code.&nbsp;There are no prerequisites for this course. We recommend <a href=\"https:\/\/www.tynker.com\/parents\/curriculum\/web-dev\/\">Intro to Web Development<\/a> for ages 12+.<\/p>\n\n\n\n<p>The course is specifically designed for those who would like a step-by-step description of the basics. It contains 10 lessons and starts by introducing HTML and CSS language syntax. Students begin by creating simple web pages using basic elements to control page layout and style, and then gradually expand their skills to build posters, a photo gallery and even their own Instagram clone.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/9suXm2GqSewt8OAQTu_SwdNr1CpALW3ht0MSRkLLxdCMDpA_YMuYt0x5osbBu9RnjhXOWWEGW7wKHS8k8oD-tofWHABfwT5BSADDRIz8fpHJmiWy_weRAuz3aIVm1V2l0H--_ox-\" alt=\"\"\/><figcaption class=\"wp-element-caption\"><strong>Illustration of HTML Tag Syntax &#8211; Lesson 1.3<\/strong><\/figcaption><\/figure>\n\n\n\n<p>The course covers the following topics: HTML page creation, CSS styles, hyperlinks, lists, and tables; CSS pseudo-classes, selectors, and more; typography and page layout; the CSS box model; embedding images, audio, and video; modal popups and hover states; and multi-page websites and responsive website design.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh6.googleusercontent.com\/ycIC7WTfxv78OsuyGFzSa5XST1XLxdih0H7_oMEBsz3orv9Q9Z2AxMzp9clOdtDF-CAUlWnYHkWkgM_Ue6P6NUgrm-JhI-H0Lz7KFUSvcfSmrpujG7u7EqsAqxO_-L8-DH9kSxLe\" alt=\"\"\/><figcaption class=\"wp-element-caption\"><strong>CSS Box Model &#8211; Explained in Lesson 3.9<\/strong><\/figcaption><\/figure>\n\n\n\n<p>Each lesson includes a number of hands-on coding exercises with error-checking, a do-it-yourself project with a step-by-step tutorial, and a multiple-choice quiz to assess students\u2019 understanding of concepts.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh6.googleusercontent.com\/KTXlAFfpvWeFcD6UqrsVYPN1TuWjaC8Kbte2FaBBE_w5ET_jcndigJCX7jt1Te5nTzC40S6MI0PCEK2cuc1Nqlh2ZN_1QAchkelvrd410KvPWdLzAiP34IBYLOCGrISBLccQjZOf\" alt=\"\"\/><figcaption class=\"wp-element-caption\"><strong>Tynker Code Editor<\/strong><\/figcaption><\/figure>\n\n\n\n<p><strong>Students Learn How To:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Build 14 practical web projects<\/li>\n\n\n\n<li>Write HTML And CSS code<\/li>\n\n\n\n<li>Design simple web pages<\/li>\n\n\n\n<li>Design a web profile card<\/li>\n\n\n\n<li>Create animations, gradients, and effects<\/li>\n\n\n\n<li>Use lists, tables, and containers<\/li>\n\n\n\n<li>Build responsive websites<\/li>\n\n\n\n<li>Create pixel art<\/li>\n\n\n\n<li>Build a game world creator <\/li>\n\n\n\n<li>Build a photo gallery<\/li>\n\n\n\n<li>Build an Instagram clone<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"768\" src=\"https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/20190228102843\/project_samples-1024x768.png\" alt=\"\" class=\"wp-image-15988\" srcset=\"https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/20190228102843\/project_samples-1024x768.png 1024w, https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/20190228102843\/project_samples-150x113.png 150w, https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/20190228102843\/project_samples-300x225.png 300w, https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/20190228102843\/project_samples-768x576.png 768w, https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/20190228102843\/project_samples-94x70.png 94w, https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/20190228102843\/project_samples-600x450.png 600w, https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/20190228102843\/project_samples-900x675.png 900w, https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/20190228102843\/project_samples.png 1600w, https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/20190228102843\/project_samples-1280x960.png 1280w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Students who successfully complete this course will demonstrate a strong mastery of HTML and CSS syntax, as well as the ability to create their own websites from scratch.<\/p>\n\n\n\n<p>The course requires a desktop computer, laptop computer, Chromebook, or Netbook with an Internet connection and a modern web browser. This course is not supported on tablet computers and mobile phones.<\/p>\n\n\n\n<p><strong>Learning Web Development at Home<\/strong><\/p>\n\n\n\n<p>If you already have a Tynker home subscription, you can just log into your account to get started.<a href=\"https:\/\/www.tynker.com\/courses\/web-development-1\"> Intro to Web Development<\/a> is included with any Tynker subscription, so take a look at<a href=\"https:\/\/www.tynker.com\/parents\/\"> our plans<\/a> to see which one is right for your family!<\/p>\n\n\n\n<p><strong>Learning Web Development at School<\/strong><\/p>\n\n\n\n<p><a href=\"https:\/\/www.tynker.com\/k8-school\/coding-curriculum\/web-dev-101?#details\">Web Development 101<\/a> is included with any K-8 or Middle School license. If your school has one of these licenses, you already have access to this course. If you do not have a school license, please <a href=\"https:\/\/www.tynker.com\/middle-school\/coding-curriculum\">view our school curriculum<\/a>  and <a href=\"https:\/\/www.tynker.com\/school\/coding-curriculum\/request\">request a quote<\/a>.<br><\/p>\n","protected":false},"excerpt":{"rendered":"<p>NEW! Learn web development with HTML &amp; CSS in our newest course Did you know that there are about 2 billion active websites today? This number has been growing exponentially, with a dizzying array of new online services launching each year, and more people accessing the web using their computers, tablets and mobile phones. &nbsp;In this new course, students will [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":15970,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12,511,58],"tags":[489,488,446],"class_list":["post-15969","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ideas-and-tips","category-programming-languages","category-teacher-feature","tag-css","tag-html","tag-text-coding"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>NEW! Learn web development with HTML &amp; CSS in our newest course - Tynker Blog<\/title>\n<meta name=\"description\" content=\"Learn web development with Tynker&#039;s newest course! Discover HTML &amp; CSS and start building your own websites. Get started now!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.tynker.com\/blog\/new-learn-web-development-with-html-css-in-our-newest-course\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"NEW! Learn web development with HTML &amp; CSS in our newest course - Tynker Blog\" \/>\n<meta property=\"og:description\" content=\"Learn web development with Tynker&#039;s newest course! Discover HTML &amp; CSS and start building your own websites. Get started now!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.tynker.com\/blog\/new-learn-web-development-with-html-css-in-our-newest-course\/\" \/>\n<meta property=\"og:site_name\" content=\"Tynker Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Gotynker\/\" \/>\n<meta property=\"article:published_time\" content=\"2019-02-26T19:48:57+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-05-01T17:31:36+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/20190226100225\/02-25-2018-html-css-announcement-blog.png\" \/>\n\t<meta property=\"og:image:width\" content=\"996\" \/>\n\t<meta property=\"og:image:height\" content=\"450\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Tynker\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@gotynker\" \/>\n<meta name=\"twitter:site\" content=\"@gotynker\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Tynker\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"NEW! Learn web development with HTML & CSS in our newest course - Tynker Blog","description":"Learn web development with Tynker's newest course! Discover HTML & CSS and start building your own websites. Get started now!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.tynker.com\/blog\/new-learn-web-development-with-html-css-in-our-newest-course\/","og_locale":"en_US","og_type":"article","og_title":"NEW! Learn web development with HTML & CSS in our newest course - Tynker Blog","og_description":"Learn web development with Tynker's newest course! Discover HTML & CSS and start building your own websites. Get started now!","og_url":"https:\/\/www.tynker.com\/blog\/new-learn-web-development-with-html-css-in-our-newest-course\/","og_site_name":"Tynker Blog","article_publisher":"https:\/\/www.facebook.com\/Gotynker\/","article_published_time":"2019-02-26T19:48:57+00:00","article_modified_time":"2023-05-01T17:31:36+00:00","og_image":[{"width":996,"height":450,"url":"https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/20190226100225\/02-25-2018-html-css-announcement-blog.png","type":"image\/png"}],"author":"Tynker","twitter_card":"summary_large_image","twitter_creator":"@gotynker","twitter_site":"@gotynker","twitter_misc":{"Written by":"Tynker","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.tynker.com\/blog\/new-learn-web-development-with-html-css-in-our-newest-course\/#article","isPartOf":{"@id":"https:\/\/www.tynker.com\/blog\/new-learn-web-development-with-html-css-in-our-newest-course\/"},"author":{"name":"Tynker","@id":"https:\/\/www.tynker.com\/blog\/#\/schema\/person\/b63acd9ceebe78ea474bfcfbfdac7d57"},"headline":"NEW! Learn web development with HTML &#038; CSS in our newest course","datePublished":"2019-02-26T19:48:57+00:00","dateModified":"2023-05-01T17:31:36+00:00","mainEntityOfPage":{"@id":"https:\/\/www.tynker.com\/blog\/new-learn-web-development-with-html-css-in-our-newest-course\/"},"wordCount":484,"publisher":{"@id":"https:\/\/www.tynker.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.tynker.com\/blog\/new-learn-web-development-with-html-css-in-our-newest-course\/#primaryimage"},"thumbnailUrl":"https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/20190226100225\/02-25-2018-html-css-announcement-blog.png","keywords":["CSS","HTML","Text Coding"],"articleSection":["Ideas and Tips","Programming Languages","Teacher Feature"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.tynker.com\/blog\/new-learn-web-development-with-html-css-in-our-newest-course\/","url":"https:\/\/www.tynker.com\/blog\/new-learn-web-development-with-html-css-in-our-newest-course\/","name":"NEW! Learn web development with HTML & CSS in our newest course - Tynker Blog","isPartOf":{"@id":"https:\/\/www.tynker.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.tynker.com\/blog\/new-learn-web-development-with-html-css-in-our-newest-course\/#primaryimage"},"image":{"@id":"https:\/\/www.tynker.com\/blog\/new-learn-web-development-with-html-css-in-our-newest-course\/#primaryimage"},"thumbnailUrl":"https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/20190226100225\/02-25-2018-html-css-announcement-blog.png","datePublished":"2019-02-26T19:48:57+00:00","dateModified":"2023-05-01T17:31:36+00:00","description":"Learn web development with Tynker's newest course! Discover HTML & CSS and start building your own websites. Get started now!","breadcrumb":{"@id":"https:\/\/www.tynker.com\/blog\/new-learn-web-development-with-html-css-in-our-newest-course\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.tynker.com\/blog\/new-learn-web-development-with-html-css-in-our-newest-course\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.tynker.com\/blog\/new-learn-web-development-with-html-css-in-our-newest-course\/#primaryimage","url":"https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/20190226100225\/02-25-2018-html-css-announcement-blog.png","contentUrl":"https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/20190226100225\/02-25-2018-html-css-announcement-blog.png","width":996,"height":450},{"@type":"BreadcrumbList","@id":"https:\/\/www.tynker.com\/blog\/new-learn-web-development-with-html-css-in-our-newest-course\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Coding for Kids","item":"https:\/\/www.tynker.com\/"},{"@type":"ListItem","position":2,"name":"Blog","item":"https:\/\/www.tynker.com\/blog\/"},{"@type":"ListItem","position":3,"name":"NEW! Learn web development with HTML &#038; CSS in our newest course"}]},{"@type":"WebSite","@id":"https:\/\/www.tynker.com\/blog\/#website","url":"https:\/\/www.tynker.com\/blog\/","name":"Tynker Blog","description":"Tynker makes it fun and easy to learn computer programming. Get started today with Tynker&#039;s easy-to-learn, visual programming courses designed for young learners in grades K-12.","publisher":{"@id":"https:\/\/www.tynker.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.tynker.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.tynker.com\/blog\/#organization","name":"Tynker - Coding for Kids","url":"https:\/\/www.tynker.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.tynker.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/20220713063303\/appicon-120.png","contentUrl":"https:\/\/images.tynker.com\/blog\/wp-content\/uploads\/20220713063303\/appicon-120.png","width":120,"height":120,"caption":"Tynker - Coding for Kids"},"image":{"@id":"https:\/\/www.tynker.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Gotynker\/","https:\/\/x.com\/gotynker","https:\/\/www.instagram.com\/tynkercoding\/","https:\/\/www.pinterest.com\/gotynker\/","https:\/\/www.linkedin.com\/company\/tynker"]},{"@type":"Person","@id":"https:\/\/www.tynker.com\/blog\/#\/schema\/person\/b63acd9ceebe78ea474bfcfbfdac7d57","name":"Tynker","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.tynker.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/e763a250a1fd5790919d1e588e78461c1f50971644d40baac7f6176d0a4ea007?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/e763a250a1fd5790919d1e588e78461c1f50971644d40baac7f6176d0a4ea007?s=96&d=mm&r=g","caption":"Tynker"},"description":"Tynker enables children to learn computer programming in a fun and imaginative way. More than 60 million kids worldwide have started learning to code using Tynker.","url":"https:\/\/www.tynker.com\/blog\/author\/tynker\/"}]}},"_links":{"self":[{"href":"https:\/\/www.tynker.com\/blog\/wp-json\/wp\/v2\/posts\/15969","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.tynker.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.tynker.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.tynker.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.tynker.com\/blog\/wp-json\/wp\/v2\/comments?post=15969"}],"version-history":[{"count":16,"href":"https:\/\/www.tynker.com\/blog\/wp-json\/wp\/v2\/posts\/15969\/revisions"}],"predecessor-version":[{"id":33973,"href":"https:\/\/www.tynker.com\/blog\/wp-json\/wp\/v2\/posts\/15969\/revisions\/33973"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.tynker.com\/blog\/wp-json\/wp\/v2\/media\/15970"}],"wp:attachment":[{"href":"https:\/\/www.tynker.com\/blog\/wp-json\/wp\/v2\/media?parent=15969"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.tynker.com\/blog\/wp-json\/wp\/v2\/categories?post=15969"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.tynker.com\/blog\/wp-json\/wp\/v2\/tags?post=15969"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}