Learning
Published 21 Dec 2023
HTML & CSS foundations
These languagues are the backbone of every website, defining structure, content, and presentation.
Greg Hooper
'%3e%3cpath%20fill='%23F4D04E'%20d='M0%20.5h336v200H0z'/%3e%3crect%20width='139'%20height='95'%20x='87.996'%20y='77.729'%20fill='%23fff'%20rx='47.5'%20transform='rotate(-45%2087.996%2077.729)'/%3e%3crect%20width='139'%20height='95'%20x='54.055'%20y='77.729'%20fill='%23111'%20rx='47.5'%20transform='rotate(-45%2054.055%2077.729)'/%3e%3cpath%20fill='%23111'%20d='M234.864%20209.036%20451.4-7.5l67.175%2067.175-216.536%20216.536z'/%3e%3crect%20width='139'%20height='95'%20x='20.114'%20y='77.729'%20fill='%23fff'%20rx='47.5'%20transform='rotate(-45%2020.114%2077.729)'/%3e%3crect%20width='204.19'%20height='270.554'%20fill='%23111'%20rx='102.095'%20transform='scale(-1%201)%20rotate(45%20-103.887%2014.564)'/%3e%3cpath%20stroke='%23fff'%20stroke-width='3'%20d='m6.69-357.5%20135.583%20135.727c12.481%2012.494%2012.481%2032.737%200%2045.231L-45.544%2011.475c-12.481%2012.494-12.481%2032.737%200%2045.23L107.088%20209.5'/%3e%3cpath%20stroke='%23111'%20stroke-width='3'%20d='M69.965%2071.719v23.334h23.334M136.079%2052.273V28.94h-23.334M102.845%2038.838v46.67M210.364-37.5l60.873%2060.873c12.497%2012.496%2012.497%2032.758%200%2045.254l-77.745%2077.746c-12.497%2012.496-12.497%2032.758%200%2045.254l69.872%2069.873'/%3e%3cpath%20stroke='%23111'%20stroke-width='3'%20d='m253.339%20149.574-12.144%2012.145%2014.256%2014.257v12.672h12.673l13.729%2013.729%2012.145-12.145M278.685%20124.228l-12.145%2012.145%2014.257%2014.257v12.673h12.673l13.729%2013.729%2012.145-12.145M304.031%2098.883l-12.145%2012.144%2014.257%2014.257v12.673h12.673l13.729%2013.729%2012.144-12.145M329.376%2073.537l-12.145%2012.145%2014.257%2014.257v12.672h12.673l13.729%2013.729%2012.145-12.144'/%3e%3cpath%20stroke='%23fff'%20stroke-width='5'%20d='m354.722%2048.191-12.145%2012.145%2014.257%2014.257v12.673h12.673l13.729%2013.729%2012.145-12.145'/%3e%3cmask%20id='b'%20width='285'%20height='285'%20x='234'%20y='-8'%20maskUnits='userSpaceOnUse'%20style='mask-type:alpha'%3e%3cpath%20fill='%23111'%20d='M234.864%20209.036%20451.4-7.5l67.175%2067.175-216.536%20216.536z'/%3e%3c/mask%3e%3cg%20stroke='%23fff'%20mask='url(%23b)'%3e%3cpath%20stroke-width='3'%20d='m253.339%20149.574-12.144%2012.145%2014.256%2014.257v12.672h12.673l13.729%2013.729%2012.145-12.145M278.685%20124.228l-12.145%2012.145%2014.257%2014.257v12.673h12.673l13.729%2013.729%2012.145-12.145M304.031%2098.883l-12.145%2012.144%2014.257%2014.257v12.673h12.673l13.729%2013.729%2012.144-12.145M329.376%2073.537l-12.145%2012.145%2014.257%2014.257v12.672h12.673l13.729%2013.729%2012.145-12.145'/%3e%3cpath%20stroke-width='5'%20d='m354.722%2048.191-12.145%2012.145%2014.257%2014.257v12.673h12.673l13.729%2013.729%2012.145-12.145'/%3e%3c/g%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='a'%3e%3cpath%20fill='%23fff'%20d='M0%20.5h336v200H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e)
