7 days coding website making Tips and Tricks – Day 7

Lots of web design and development tutorial available on the internet, but we make a short and easy web design tutorial step by step. Follow the last step if you complete learning previous lesson about basic HTML, CSS, and design principles.

Website design full Tutorial

Follow Instructions:

  • Open index.html
  • Use different types of HTML tag for Style
  • Use two CSS identifier element( ID,CLASS)
  • Add Image
  • Save all Pages
  • Open index.html with your Browser.(Firefox, Google chrome)

HTML file Example Code:


CSS file Example Code:


Increase your HTML tags use skills and Develop your career as a best web developer in the world.

Previous Lesson Review

  1. How to learn HTML CSS

  2. What is HTML syntax

  3. Start HTML coding in Notepad

  4. How to add CSS link to HTML page

  5. Create CSS file in Notepad

  6. How to add image in HTML

  7. Website design full Tutorial


#coding-tips, #css-tricks-tips, #free-website, #html-tricks-tips, #web-developer-tricks