Coding Fundamentals Part 2

The date was 16th of November. Through the wind and the cold I was taking tired step towards 3 Hub, where Coding Girls were holding their workshop - Coding Fundamentals: HTML & CSS Part 2. This time our mentor and speaker was Todor Nikolov. With lots of humour and energy he began the lesson.

Last time we covered basic tags and uses of HTML and CSS. The point of this lesson was to build up more knowledge on the matter. Everyone, who attended the first part, came back to learn more and to get more into the world of coding.

Todor started with the <div> tag. The <div> tag defines a division or a section in an HTML document. The <div> tag is used to group block-elements to format them with CSS. We created 3 <div> tags, each one named with different id-s. Within each <div> we added paragraphs and then we started working on them through the CSS file. After choosing a colour for the paragraphs in the different <div>-s, we added a :hover selector.

The :hover selector is used to select elements when you mouse over them. It can be used on all elements, not only links. Another thing we learned, was how to change the css properties of different paragraphs in one <div>. What we had to do, was to write #<div> p:first-of-type/last-of-type/nth-of-type(number of chosen paragraph) and then start working on it.

Next thing we tried was the <input> tag. Its purpose is to specify an input field where the user can enter data. The input field can vary in many ways, depending on the type attribute. The one that we used was <input type="text" name="text-box">. We also changed a bit the size and colour of the border.

We learned more about the font property type and its most common properties - font-family, font-size, font-weight, font-style, etc. Then we created table elements and worked on their width, height, border. Finally we covered how reposition an image, in order for it to be placed exactly where we wanted.

During this part of Coding Fundamentals: HMTL & CSS we learned more in depth about different elements and attributes. While everyone was already a bit tired from the long day, Todor with the help of Maria Vladimirova and Anna Radulovski was able to keep up the good spirit, еxplain everything easily and answered any rising questions on the matter.

On 24th of November Coding-Girls are holding the 3-rd part of the workshop. I can't wait for the lesson to continue, for every participant to learn more and use it in real life.  All one has to do is to sit down and start coding - I do, you can too.

CSS
0 Comments
Nov 23, 2017 By Elena Lulcheva

Other recent blog posts