# Tinker: HTML/CSS - Meow Mix ### HTML things * *SEQUENCE* affects the order of the information displayed. * It will affect the order of display. Besides, styles are applied *hierarchically*, so if the relationships are messed up, the style no longer applies correctly. * HTML is composed of different `elements` such as `<h1>`,`<p>` and `<img>`. Different `elements` have different attributes. `id` and `class` are `attributes` of `elements`, they are related to css and affects the visual style of the `elements`. * The embeded code is as below. Embeded videos using `iframe` allows the video to show on the page, but because style is not linked to it, so it is in its default presentation. ``` html <section id="videos"> <iframe src="https://www.youtube.com/embed/LDaayQj-vq8"></iframe> </section> ``` * *Comments* help to clearly know what each section is doing. * All of these tags have `attributes` and need to close. * I made a `ul` element. looking at the cheat sheet -> figuire out how to use an element to visualize my thoughts -> used the element. * Structured the html sequence tree correctly by nesting elements inside elements, such as `div`. Giving same `class` and `id` to related elements to bestow them same visual styles. ### CSS things * To have more control over the style. * tag, specific `class/id/attribute` under the tag. and then indicated styles. * Practice ### Combined * The child element inherit parent element's css. * Comment out sections that might contain error and then test. * Comment each section. * *STRENGTH* is that you can practice what you learnt. *LIMITATION* is that there is no video courses that introduce to the topics. * *STRENGTH* is that it gives me guidlines, *LIMITATION* is that it doesn't contain a lot of useful information but you have to spend long time doing it.