1 - you don't need to know everything about anything :
For the HTML here is a list the most used tag you should know:
- headings (h1-h6),
- links (<a>)
- images (<img>)
- unordered lists (<ul> with <li> inside)
- divs and spans.
and also some semantic html5 tags like :
- <header>,
- <nav>,
- <main>,
- <section>,
- <aside>,
- <article>
- <footer>.
There are lots of other tags that are required in certain situations but those are the most commonly utilized.
For CSS, you just need to learn how to :
- style text (font properties),
- links (text-decoration mostly),
- tweak dimension and position of elements (width, margin, padding, float, position)
- style backgrounds (background-image and background-color).
and also you need to know some CSS transitions and animations
For the HTML here is a list the most used tag you should know:
- headings (h1-h6),
- links (<a>)
- images (<img>)
- unordered lists (<ul> with <li> inside)
- divs and spans.
and also some semantic html5 tags like :
- <header>,
- <nav>,
- <main>,
- <section>,
- <aside>,
- <article>
- <footer>.
There are lots of other tags that are required in certain situations but those are the most commonly utilized.
For CSS, you just need to learn how to :
- style text (font properties),
- links (text-decoration mostly),
- tweak dimension and position of elements (width, margin, padding, float, position)
- style backgrounds (background-image and background-color).
and also you need to know some CSS transitions and animations
Here are links to some tutorials to learn HTML and CSS:
- Learn HTML
- Learn CSS
- Responsive Web Design
2 - Learn Frameworks and Libraries :
Framework and libraries let your work very organized and help with its features in order to write code less. here what you should know:
- FlexBox and CSS Grid.
- Bootstrap
- Foundation
- Semantic-UI
- Learn HTML
- Learn CSS
- Responsive Web Design
2 - Learn Frameworks and Libraries :
Framework and libraries let your work very organized and help with its features in order to write code less. here what you should know:
- FlexBox and CSS Grid.
- Bootstrap
- Foundation
- Semantic-UI
3 - Learn to use Chrome Developer Tools
With Chrome’s Dev Tools you can easily check your site’s HTML elements and CSS properties in order to fix bugs or test a new style you want to incorporate to your page without committing it into the actual code.
4 - Clone Website And Learn from it:
cloning an existing web site is always a good idea it will save you the time of searching for ideas. and it is a good way to practice html and css.
5 - look for a coding partner to practice with:
look for a coding partner from your friends in order to start practicing your html and css skills you will learn a lot from each others. start coding together may be launch challenges ... You will learn a lot along the way.