I learned what is HTML and CSS. While HTML gives content structure and meaning, CSS on the other hand controls the appearance of content. I learned that the two languages are interdependent of one another.
I learned about Elements, which define the structure and content of objects within a page. ( <h1>, <p>, <a>, <div>, <span>, <story> and many more. I also learned about tags; The opening tag ( < ) and the closing tag </>. The opening tag marks the beginning of an element while the closing tag marks the end of an element.
I also learned about attributes which are properties used to provide additional information about an element. Also learned about HTML Document Structure and created a webpage. I also learned about common CSS terms, Selectors, Properties, and Values. I further learned about type of selectors and how to reference CSS file within an HTML document.
I learned about CSS Resets which take every common HTML element with a predefined style and provide one unified style for all browsers. I tried Eric Meyer’s Reset and it worked perfectly.
Then, I moved to learning Semantics within HTML, which is the practice of giving content on the page meaning and structure by using proper element. I learned about <div>, <span>, difference between block and inline elements and HTML building structure. I learned about <nav>, <header>, <article>, <section>, <aside> and <footer> elements.
At the end of the week, I created a simple 4-page website using HTML 5. One index page and three sub pages. I also included text and images. Click here to see the website.