Kick Starter - Introduction to HTML, CSS

Learn at the comfort of your own home - Enhance Your Skills & Get the Job.


4.9 Star Raring     100+ Students
Last Update: 20/09/2026 14:11:43    English, Urdu


Comprehensive Course on How to create websites Learn to create websites the complete front end web developer course
  • Course Duration: 2 month / 8 Weeks
  • Registeration Fee: 1,000 PKR
  • Course Fee: 35,000 PKR
  • Institution: The DevTech
  • Level: Intermediate
  • Certificate of completion

What you Will Learn

  • Learn the basics of computer programming
  • Learn HTML
  • Learn CSS
  • By the end of the course, students will know the basics of a valuable life long skill

Requirements

  • An internet connection
  • An up to date web browser
  • A word processor like notepad

Get Your Self Registered with this Course

Please fill the form Below to get registeration of this Course.

Buy submitting this form, i agree the enrollment Terms & Conditions

Course Detail

This course is for both beginners and seasoned developers that want to learn how to build responsive websites and user interfaces with modern HTML5 and CSS3+ technologies. This course includes hours of both learning & studying sections along with real life projects. Stop having to rely on frameworks like Bootstrap for your user interface and learn how to create your own layouts and utility classes to build custom responsive websites and app UIs.

Things We Cover

  • How Websites Work
  • HTML5 Semantic Layout
  • CSS Fundamentals
  • Responsive Design With Media Queries
  • CSS Grid
  • CSS Variables
  • Full Projects & Mini Projects
  • Website Deployment to Shared Hosting
  • Much More

Who this course is for:

  • From absolute beginner to seasoned developer

Introduction to the course

  1. Finding the real time HTML editor
  2. Talking about the editor and <!DOCTYPE>
  3. Adding an html and body tag
  4. Adding the paragraph tag
  5. Adding headers and talkinga bout different headers
  6. Talking about text formating in the editor and in the output
  7. Adding breaks to the code.
  8. Adding in text formatting. Emphisize
  9. Adding in strong text
  10. Adding in other text formatting
  11. Adding links
  12. Adding an image
  13. Editing the hieght and the width of an image
  14. Adding the alt property to an image tag
  15. Adding a clickable link to an image
  16. Comments
  17. Tables
  18. Tables, adding columns
  19. Adding rows to tables
  20. How to comment effectively
  21. Adding a table header plus editing the text with takes
  22. Un ordered lists.
  23. Ordered List
  24. Lists within lists
  25. Definition lists
  26. Adding unordered lists to defintion lists
  27. Playing around with HTML
  28. Title Tags
  29. Forms
  30. The password input type
  31. The color input type
  32. Date input type
  33. Adding in a file input type
  34. Range input type
  35. Adding in a search field
  36. Adding in a submit button
  37. Adding in radio button input types
  38. Adding in a checkbox input type
  39. More on radio buttons
  40. Paragraph styles
  41. Adding in the background color and multiple attributes
  42. Aligning text
  43. Adding styles to a table
  44. Aligning a table to the center
  45. Adding in columns with table and building a website
  46. Changing the cell width
  47. Adding in a table header to the columns
  48. HTML quiz

Introduction to CSS

  1. Lets get our hands dirty and talk about CSS
  2. The power of CSS
  3. Setting colors to RGB values
  4. Adding a background image
  5. More background image options
  6. Aligning text
  7. Text transform
  8. Indenting text
  9. Text decorations
  10. Changing fonts in CSS
  11. Serif fonts, sans-serif fonts and monospace fonts
  12. More fonts like google fonts
  13. Font - styles
  14. Other ways to use the font family
  15. Adding bold weight to your fonts
  16. Adding in styling points to other tags
  17. Changing the list style type for un ordered lists
  18. Changing ordered lists styles
  19. Adding a image as the list item
  20. Tables in CSS
  21. Changing the width and height of the table cells
  22. Adding in style points to tables
  23. Changinge the background color in tables
  24. Table padding
  25. Adding a background image to a table
  26. Padding, border, margin
  27. Border style
  28. Opacity
  29. Adding the class id
  30. Div tags and CSS
  31. Span tags
  32. Changing table tags
  33. More adjusting on tables and class ID
  34. Adding more class IDs to tables. This time the table data section
  35. Class ID table header
  36. Class ID with unordered lists.
  37. Orderlists and classes
  38. List item class IDs
  39. Css Quiz

Time to make your own website
Saving your HTML website



Certificate Upon Completion

DevTech courses provide certificates of completion. These digital credentials allow students to present a rich and trustworthy record of their learning to anyone at any time. Above is the sample certificate to see a live example of how you can put your best foot forward in your professional and personal networks.

Browse More Courses


Build Responsive Real-World Websites with HTML and CSS Bootstrap

Learn modern HTML5, CSS3 and web design by building a stunning website for your portfolio! Includes CSS Bootstrap

PHP for Beginners

Build a Content Management System from Scratch with PHP and MySQL

Learn Website Development using HTML, CSS, JavaScript & PHP

Become a Web developer | Master HTML5, CSS3, JavaScript, jQuery, Bootstrap4, PHP & MySQL!

Careers

Start your career with a growing company in a learning environment and work with a team of professionals.

View Positions

Latest News

Get The Latest Updates On Design, Development, And Technology Trends arround you.

Read Articles

Contact

Let's talk about what you want to accomplish and how we can make it happen.

Get in Touch

Tell us about your idea, and we’ll make it happen.

Have a brand problem that needs to be solved? We’d love to hear about it!
Let’s Get Started


We'd love to Hear from You

We design brand experiences that help enterprising nonprofits & organizations grow their impact.

info@thedevtech.com
+92 319 7846426
Kohinoor One Plaza Office 86, 2nd Floor, Kohinor City, Faisalabad.
Monday - Friday: 11:00 AM - 9:00 PM

Complete the form below. We will Respond as soon as Possible.

up