{"id":154,"date":"2017-03-19T13:07:33","date_gmt":"2017-03-19T13:07:33","guid":{"rendered":"http:\/\/codeinsightacademy.com\/blog\/?page_id=154"},"modified":"2019-12-31T04:25:48","modified_gmt":"2019-12-31T04:25:48","slug":"html5-and-css3-contents","status":"publish","type":"page","link":"https:\/\/codeinsightacademy.com\/blog\/html5-and-css3-contents\/","title":{"rendered":"HTML5 and CSS3"},"content":{"rendered":"<table dir=\"ltr\" border=\"1\" cellspacing=\"0\" cellpadding=\"0\">\n<colgroup>\n<col width=\"49\" \/>\n<col width=\"392\" \/><\/colgroup>\n<tbody>\n<tr>\n<td style=\"text-align: center;\" colspan=\"2\" rowspan=\"1\" data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;HTML5&quot;}\">HTML5<\/td>\n<\/tr>\n<tr>\n<td data-sheets-value=\"{&quot;1&quot;:3,&quot;3&quot;:1}\">1<\/td>\n<td data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;Introduction&quot;}\">Introduction<\/td>\n<\/tr>\n<tr>\n<td data-sheets-value=\"{&quot;1&quot;:3,&quot;3&quot;:2}\">2<\/td>\n<td data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;Software Installation and Configuration&quot;}\">Software Installation and Configuration<\/td>\n<\/tr>\n<tr>\n<td data-sheets-value=\"{&quot;1&quot;:3,&quot;3&quot;:3}\">3<\/td>\n<td data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;Creating first Page Hello Html&quot;}\">Creating first Page Hello Html<\/td>\n<\/tr>\n<tr>\n<td data-sheets-value=\"{&quot;1&quot;:3,&quot;3&quot;:4}\">4<\/td>\n<td data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;Basic Tags - Head, Title, Meta, Body, Breaks, Paragraph, Headers&quot;}\">Basic Tags &#8211; Head, Title, Meta, Body, Breaks, Paragraph, Headers<\/td>\n<\/tr>\n<tr>\n<td data-sheets-value=\"{&quot;1&quot;:3,&quot;3&quot;:5}\">5<\/td>\n<td data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;Comments, Font Style: Bold and Italics&quot;}\">Comments, Font Style: Bold and Italics<\/td>\n<\/tr>\n<tr>\n<td data-sheets-value=\"{&quot;1&quot;:3,&quot;3&quot;:6}\">6<\/td>\n<td data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;Lists&quot;}\">Lists<\/td>\n<\/tr>\n<tr>\n<td data-sheets-value=\"{&quot;1&quot;:3,&quot;3&quot;:7}\">7<\/td>\n<td data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;Hyperlinks | anchor tag&quot;}\">Hyperlinks | anchor tag<\/td>\n<\/tr>\n<tr>\n<td data-sheets-value=\"{&quot;1&quot;:3,&quot;3&quot;:8}\">8<\/td>\n<td data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;Image tag&quot;}\">Image tag<\/td>\n<\/tr>\n<tr>\n<td data-sheets-value=\"{&quot;1&quot;:3,&quot;3&quot;:9}\">9<\/td>\n<td data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;Directory Structure: Absolute and Relative Path&quot;}\">Directory Structure: Absolute and Relative Path<\/td>\n<\/tr>\n<tr>\n<td data-sheets-value=\"{&quot;1&quot;:3,&quot;3&quot;:10}\">10<\/td>\n<td data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;HTML5 audio and video tag&quot;}\">HTML5 audio and video tag<\/td>\n<\/tr>\n<tr>\n<td data-sheets-value=\"{&quot;1&quot;:3,&quot;3&quot;:11}\">11<\/td>\n<td data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;HTML5 Layout tags\\nheader, nav, section and article, aside, footer, &quot;}\">HTML5 Layout tags<br \/>\nheader, nav, section and article, aside, footer,<\/td>\n<\/tr>\n<tr>\n<td data-sheets-value=\"{&quot;1&quot;:3,&quot;3&quot;:12}\">12<\/td>\n<td data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;html table\\ncaption, thead, tbody, tfoot \\nth, tr, td, colspan, rowspan, border&quot;}\">html table<br \/>\ncaption, thead, tbody, tfoot<br \/>\nth, tr, td, colspan, rowspan, border<\/td>\n<\/tr>\n<tr>\n<td data-sheets-value=\"{&quot;1&quot;:3,&quot;3&quot;:13}\">13<\/td>\n<td data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;HTML Forms\\ninput: text, password&quot;}\">HTML Forms<br \/>\ninput: text, password<\/td>\n<\/tr>\n<tr>\n<td data-sheets-value=\"{&quot;1&quot;:3,&quot;3&quot;:14}\">14<\/td>\n<td data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;select tag\\noption, multiple, optgroup label=\\&quot;group name\\&quot;&quot;}\">select tag<br \/>\noption, multiple, optgroup label=&#8221;group name&#8221;<\/td>\n<\/tr>\n<tr>\n<td data-sheets-value=\"{&quot;1&quot;:3,&quot;3&quot;:15}\">15<\/td>\n<td data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;checkbox and radio buttons&quot;}\">checkbox and radio buttons<\/td>\n<\/tr>\n<tr>\n<td data-sheets-value=\"{&quot;1&quot;:3,&quot;3&quot;:16}\">16<\/td>\n<td data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;textarea&quot;}\">textarea<\/td>\n<\/tr>\n<tr>\n<td data-sheets-value=\"{&quot;1&quot;:3,&quot;3&quot;:17}\">17<\/td>\n<td data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;buttons: button, submit, file, reset&quot;}\">buttons: button, submit, file, reset<\/td>\n<\/tr>\n<tr>\n<td data-sheets-value=\"{&quot;1&quot;:3,&quot;3&quot;:18}\">18<\/td>\n<td data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;label and fieldset\\nlabel for=\\&quot;id\\&quot;\\nfieldset: legend&quot;}\">label and fieldset<br \/>\nlabel for=&#8221;id&#8221;<br \/>\nfieldset: legend<\/td>\n<\/tr>\n<tr>\n<td data-sheets-value=\"{&quot;1&quot;:3,&quot;3&quot;:19}\">19<\/td>\n<td data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;Formatting Forms&quot;}\">Formatting Forms<\/td>\n<\/tr>\n<tr>\n<td data-sheets-value=\"{&quot;1&quot;:3,&quot;3&quot;:20}\">20<\/td>\n<td data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;Deployment&quot;}\">Deployment<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>&nbsp;<\/p>\n<table dir=\"ltr\" border=\"1\" cellspacing=\"0\" cellpadding=\"0\">\n<colgroup>\n<col width=\"41\" \/>\n<col width=\"397\" \/><\/colgroup>\n<tbody>\n<tr>\n<td style=\"text-align: center;\" colspan=\"2\" rowspan=\"1\" data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;CSS3&quot;}\">CSS3<\/td>\n<\/tr>\n<tr>\n<td data-sheets-value=\"{&quot;1&quot;:3,&quot;3&quot;:1}\">1<\/td>\n<td data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;Introduction to CSS&quot;}\">Introduction to CSS<\/td>\n<\/tr>\n<tr>\n<td data-sheets-value=\"{&quot;1&quot;:3,&quot;3&quot;:2}\">2<\/td>\n<td data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;Types of CSS: Inline, Internal and External&quot;}\">Types of CSS: Inline, Internal and External<\/td>\n<\/tr>\n<tr>\n<td data-sheets-value=\"{&quot;1&quot;:3,&quot;3&quot;:3}\">3<\/td>\n<td data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;CSS Comments&quot;}\">CSS Comments<\/td>\n<\/tr>\n<tr>\n<td data-sheets-value=\"{&quot;1&quot;:3,&quot;3&quot;:4}\">4<\/td>\n<td data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;Font Properties&quot;}\">Font Properties<\/td>\n<\/tr>\n<tr>\n<td data-sheets-value=\"{&quot;1&quot;:3,&quot;3&quot;:5}\">5<\/td>\n<td data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;Box Model: p, div, span tags and border property&quot;}\">Box Model: p, div, span tags and border property<\/td>\n<\/tr>\n<tr>\n<td data-sheets-value=\"{&quot;1&quot;:3,&quot;3&quot;:6}\">6<\/td>\n<td data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;Margin and Padding Properties&quot;}\">Margin and Padding Properties<\/td>\n<\/tr>\n<tr>\n<td data-sheets-value=\"{&quot;1&quot;:3,&quot;3&quot;:7}\">7<\/td>\n<td data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;Colors: rgba&quot;}\">Colors: rgba<\/td>\n<\/tr>\n<tr>\n<td data-sheets-value=\"{&quot;1&quot;:3,&quot;3&quot;:8}\">8<\/td>\n<td data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;text-decoration&quot;}\">text-decoration<\/td>\n<\/tr>\n<tr>\n<td data-sheets-value=\"{&quot;1&quot;:3,&quot;3&quot;:9}\">9<\/td>\n<td data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;Background Image: repeat, position, attachment&quot;}\">Background Image: repeat, position, attachment<\/td>\n<\/tr>\n<tr>\n<td data-sheets-value=\"{&quot;1&quot;:3,&quot;3&quot;:10}\">10<\/td>\n<td data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;CSS class&quot;}\">CSS class<\/td>\n<\/tr>\n<tr>\n<td data-sheets-value=\"{&quot;1&quot;:3,&quot;3&quot;:11}\">11<\/td>\n<td data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;CSS id&quot;}\">CSS id<\/td>\n<\/tr>\n<tr>\n<td data-sheets-value=\"{&quot;1&quot;:3,&quot;3&quot;:12}\">12<\/td>\n<td data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;Child selectors: with tag, with class and with ids&quot;}\">Child selectors: with tag, with class and with ids<\/td>\n<\/tr>\n<tr>\n<td data-sheets-value=\"{&quot;1&quot;:3,&quot;3&quot;:13}\">13<\/td>\n<td data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;Pseudo Class: first-letter, first-line, first-child, last-child\\nbefor | after :- content&quot;}\">Pseudo Class: first-letter, first-line, first-child, last-child<br \/>\nbefor | after :- content<\/td>\n<\/tr>\n<tr>\n<td data-sheets-value=\"{&quot;1&quot;:3,&quot;3&quot;:14}\">14<\/td>\n<td data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;n-th child pseudo class\\neven, odd,[number]n, [number]&quot;}\">n-th child pseudo class<br \/>\neven, odd,[number]n, [number]<\/td>\n<\/tr>\n<tr>\n<td data-sheets-value=\"{&quot;1&quot;:3,&quot;3&quot;:15}\">15<\/td>\n<td data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;Hyper Link Style: default, hover, active, visited&quot;}\">Hyper Link Style: default, hover, active, visited<\/td>\n<\/tr>\n<tr>\n<td data-sheets-value=\"{&quot;1&quot;:3,&quot;3&quot;:16}\">16<\/td>\n<td data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;Styling lists\\nlist-style-type, list-style-image, line-height, list-style-position&quot;}\">Styling lists<br \/>\nlist-style-type, list-style-image, line-height, list-style-position<\/td>\n<\/tr>\n<tr>\n<td data-sheets-value=\"{&quot;1&quot;:3,&quot;3&quot;:17}\">17<\/td>\n<td data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;Border Radius | Rounded Box Corner&quot;}\">Border Radius | Rounded Box Corner<\/td>\n<\/tr>\n<tr>\n<td data-sheets-value=\"{&quot;1&quot;:3,&quot;3&quot;:18}\">18<\/td>\n<td data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;Liner Gradient\\nbackground-image: linear-gradient(to top, #color [%], #color [%], ...)&quot;}\">Liner Gradient<br \/>\nbackground-image: linear-gradient(to top, #color [%], #color [%], &#8230;)<\/td>\n<\/tr>\n<tr>\n<td data-sheets-value=\"{&quot;1&quot;:3,&quot;3&quot;:19}\">19<\/td>\n<td data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;Box positioning: overflow, float and clear property&quot;}\">Box positioning: overflow, float and clear property<\/td>\n<\/tr>\n<tr>\n<td data-sheets-value=\"{&quot;1&quot;:3,&quot;3&quot;:20}\">20<\/td>\n<td data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;* property for all&quot;}\">* property for all<\/td>\n<\/tr>\n<tr>\n<td data-sheets-value=\"{&quot;1&quot;:3,&quot;3&quot;:21}\">21<\/td>\n<td data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;box width and margint: 0 auto&quot;}\">box width and margin: 0 auto<\/td>\n<\/tr>\n<tr>\n<td data-sheets-value=\"{&quot;1&quot;:3,&quot;3&quot;:21}\">22<\/td>\n<td data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;box width and margint: 0 auto&quot;}\">Accordian, Toggle, Breadcrumbs<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n","protected":false},"excerpt":{"rendered":"<p>HTML5 1 Introduction 2 Software Installation and Configuration 3 Creating first Page Hello Html 4 Basic Tags &#8211; Head, Title, Meta, Body, Breaks, Paragraph, Headers 5 Comments, Font Style: Bold and Italics 6 Lists 7 Hyperlinks | anchor tag 8 Image tag 9 Directory Structure: Absolute and Relative Path 10 HTML5 audio and video tag [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":2,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/codeinsightacademy.com\/blog\/wp-json\/wp\/v2\/pages\/154"}],"collection":[{"href":"https:\/\/codeinsightacademy.com\/blog\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/codeinsightacademy.com\/blog\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/codeinsightacademy.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codeinsightacademy.com\/blog\/wp-json\/wp\/v2\/comments?post=154"}],"version-history":[{"count":13,"href":"https:\/\/codeinsightacademy.com\/blog\/wp-json\/wp\/v2\/pages\/154\/revisions"}],"predecessor-version":[{"id":590,"href":"https:\/\/codeinsightacademy.com\/blog\/wp-json\/wp\/v2\/pages\/154\/revisions\/590"}],"wp:attachment":[{"href":"https:\/\/codeinsightacademy.com\/blog\/wp-json\/wp\/v2\/media?parent=154"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}