# HTML-CSS Checklist ## HTML Checklist - [ ] Do you know what is `HTML` and what it stands for? - [ ] Can you explain if `HTML` is a programming language or not? - [ ] Can you explain the difference between `W3C` and `WHATWG`? - [ ] Can you write a standard `HTML5` document structure? - [ ] Can you explain the purpose of ``<!Doctype html>``? - [ ] Can you explain the difference between HTML `elements` and `tags`? - [ ] What are `semantic elements` in HTML5? Can you name some of it? - [ ] Do you know how many ways there are to reference CSS in an HTML document? - [ ] Do you know how to create hyperlinks? - [ ] Do you know to create hyperlink on a webpage that allows you to send an email when clicked? - [ ] Do you know the difference between `DIV` and `SPAN` in HTML? - [ ] Do you know the purpose of using `iFrame` tag? - [ ] Can you name all media element tags introduced by HTML5? - [ ] Do you know what are the common lists used when designing a webpage? - [ ] Do you know the use of `canvas` element in HTML5? - [ ] Can you name all the heading-level elements that an HTML document supports? - [ ] Can you create an hyperlink that opens a URL into a new tab when clicked? - [ ] Do you know about `SVG` element and why we use it? - [ ] Do you know how to set an image as a background image of a web page? - [ ] Do you know the type of video formats that are supported by HTML5? - [ ] Do you know the use of `figure` and `figcaption` tag? - [ ] Can you explain the purpose of using alternative texts in images? - [ ] Do you know how to embed a form on a webpage? - [ ] Do you know about `checkbox` and `radio` button and why we use it? - [ ] Do you know what are the tags we use to represent a tabular data on a page? - [ ] Do you know which attribute we use to combine multiple rows and columns? - [ ] Do you know how to add comments in HTML? - [ ] Do you know about SEO and how we can improve SEO of a webpage? - [ ] Do you know the meta tags that we must include in an HTML document? - [ ] How can you reduce a page’s load time? ## CSS Checklist - [ ] Do you know how to include CSS in a webpage? - [ ] Can you explain all the types of CSS selectors? - [ ] Can you explain the diffrence between `reset` and `normalized` CSS?. - [ ] Can you convert an inline-level element into a block-level element? - [ ] Can you explain box-model of an element? - [ ] Do you know about pseudo elements and pseudo class? - [ ] Can you explain what is `specificity` weight and how we can increase the specificity weight of a selector? - [ ] Can you explain different CSS position properties? - [ ] Do you know why we use box-sizing property? - [ ] Can you apply margin(all four sides) to an inline-level element? - [ ] How can you center an element vertically as well as horizontally in a block-level elemnt? - [ ] Do you know what a CSS preprocessor is? - [ ] Can you differentiate between SASS vs SCSS? - [ ] Do you know what is `vh` and `vh` in CSS? - [ ] Do you know which property we use to collapse borders between table cell? - [ ] Do you know how to style placeholder of an input element? - [ ] Do you know the different properties that the `font` shorthand property includes? - [ ] Can you explain all the properties that a `background` shorthand property includes? - [ ] Do you know which property we use set an image as a `list item` marker? - [ ] Can you explain `media queries`? - [ ] Do you know the difference between `Responsive` vs Adaptive vs Mobile? - [ ] What are the different `relative` lengths in CSS? Can you explain? - [ ] Do you know what is `grid system` in CSS? - [ ] Do you know what is `flexbox` in CSS? - [ ] Can you differentiate between `flexbox` and `CSS grid`? - [ ] In how many ways you can hide an element on a page using CSS? - [ ] Do you know how to apply `gradient background` on a webpage? - [ ] Do you know about what are the `child` and `sibling` selectors in CSS? - [ ] Do you know how to select `first` and `last child` in an HTML element using css? - [ ] Can you explain about `nth-child` selector? - [ ] Do you know how does `calc` works in css? - [ ] Can you create `variables` in CSS? - [ ] Can you explain the difference between `CSS variables` and `SASS/SCSS` variables? - [ ] Do you know about `CSS transform` property? - [ ] Can you create 2D and 3D cubes in CSS? - [ ] Do you know what is `transition` in CSS and what are the properties it includes? - [ ] Can you explain the difference between `transition` and `animation`? - [ ] Do you know how to add aninmation to an element in CSS? - [ ] Can you explain `accessibility`?