Weekly Progress Report: Insights of Week-2

PS: Started CSS in this week

Things I Learned:

• Semantic tags improve website’s SEO by making its content more understandable to search engines—ultimately boosting your chances of ranking higher in search results.

• Html entities— let’s say if we want to show an html tag anywhere like this “<p></p>” we use html entities to do so like this→ &lt p &gt &lt /p &gt

  Pre tag— this makes output as it is you write in an editor including spaces.

  &copy —copyright symbol

  &nbsp —to get actual spaces in a line

• Code tag to display code anywhere in a website (use pre tag to avoid all in same line)

CSS: (Styling begins)

• I think CSS is all about selectors and declarations.

• They are of three types: INLINE, INTERNAL and EXTERNAL.

  The best way is the external method. (makes code look clean and readable)

• CSS selectors include Element selectors, Class selectors, ID selectors, child selectors, descendant selectors and universal selectors (*), each have its own styling power.

• Placing a block element inside an inline element doesn't work with HTML.

• Box Model- Margin, Border, Padding, Content.

• 

  Margin Collapse-If margin is overlapping of two elements whichever the maximum one that is executed.

• I found a website where you can test your ideas, like how different styles, colors, or other elements will look on a webpage. Check it out at CodePen (focused more on frontend).

Steps I did:

• Used Semantic tags, html entities, code tag.

• Applied internal CSS to style the div and span tags using both single and multiple selectors.

• Used Inline CSS with id and multiple classes to understand Box Model of CSS.

• I experimented with all the font, text, and color attributes, such as alignment, styling, appearance, and more.

• Added fonts from Google Fonts in two ways: by importing them and by downloading them to a local machine.

• Used all the different methods to add color to the webpage.

• Completed an exercise given by my mentor on paragraph styling.

Challenges I Faced:

Nothing major, just a few small questions that came up, which I resolved using Google.

Source Codes:

GitHub Profile- avinashh-gh

LinkedIn Profile-www.linkedin.com/in/avinash-chaurasia-701181368