Make a Website from Scratch with HTML & CSS

For Complete Beginner . Go From first Step to Another and Learn how to Build an Amazing Website . All the Best
4.0 (3 ratings)
Instead of using a simple lifetime average, Udemy calculates a
course's star rating by considering a number of different factors
such as the number of ratings, the age of ratings, and the
likelihood of fraudulent ratings.
47 students enrolled
25% off
Take This Course
  • Lectures 51
  • Length 6.5 hours
  • Skill Level Beginner Level
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works


Find online courses made by experts from around the world.


Take your courses with you and learn anywhere, anytime.


Learn and practice real-world skills and achieve your goals.

About This Course

Published 11/2014 English

Course Description

A Certificate of Completion will be provided to all students after completing this course.

In this Vedio Session we took all the Basic Elements of HTML and CSS. and we tried make u a Complete web developer with this Vedio. After Completion of the Session you can make your own Static Website.


A Web Browser can read HTML files and Compose them into visible or audible web pages. The Browser does not display the HTML tags, but uses them to interpret the content of the page. HTML uses special bits of Programming language called "tags" to let the browser know how a Webpage should look. The tags usually come in pairs: an opening tag to tell the browser when to start doing something, and an ending tag to tell the browser when to stop doing something. There are many different kinds of tags, and each one has a different purpose.


Web browsers can also refer to Cascading Style Sheets (CSS) to define the look and layout of text and other Material.

HyperText Markup Language is a markup language that web browsers use to interpret and compose text, images and other material into visual or audible web pages. Default Characteristics for every item of HTML markup are defined in the Browser, and these characteristics can be altered or enhanced by the web page designer's Additional use of CSS. Cascading Style Sheets (CSS) and JavaScript can be included in HTML code. CSS is used to change how a webpage looks. JavaScript is used to add features to Webpages and make them more Interactive.

The id attribute provides a Document-Wide unique identifier for an Element. This is used to identify the element so that Stylesheets can alter its Presentational properties, and scripts may alter, animate or delete its Contents or presentation.

The class attribute provides a way of Classifying similar Elements. This can be used for semantic or presentation purposes. For example, an HTML document might semantically use the designation class="notation" to indicate that all elements with this class value are subordinate to the main text of the Document.


The course provides step-by-step Walk-through and Coding demos that you're encouraged to code along with to enhance the learning process. By the end of the course you'll understand how all of the coding pieces fit together and be able to apply this knowledge to building your own custom Web applications.

Web browsers can also refer to Cascading Style Sheets to define the look and layout of text and other material.

What are the requirements?

  • An internet connection
  • desire to learn fast and effectively
  • This is an all levels class. No programming knowledge or experience required.

What am I going to get from this course?

  • To learn HTML
  • To learn HTML 5
  • To learn CSS
  • To learn CSS3
  • To learn great development techniques
  • Earn Certification that is Proof of your Competence

Who is the target audience?

  • Complete beginners
  • People who desire a new career path
  • Anyone interested in making their own website

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.


Section 1: Introduction Tags of HTML (Hyper Text Markap Language)
Course Introduction
Definition and Basic text display
Attributes (1) Bgcolor (2) Background
Color Coding in HTML (1) Color name ( 2) Hex codes
: Various body tags : (1) Br tag (2) P tag (3) Spaces and nextline
Hr tag (1) Pre tag
Section 2: (Text) All Text and font will be Explain
Playing with text :1 Bold, italics, underline, strike 2 Text alignment 3 Using v
Text Formatting: 1 Heading tag 2 Superscript 3 Subscript 4Big 5 Small
Font tag : 1 Font face 2 Font size 3 color
Img Tag
Section 3: Listing of fonts Color and Alignment
: Lists - I (1) Ul
list - II (1) OI
Section 4: Divide the with Table
Tables - I : Introduction
Tables - II (1) Rowspan (2) Colspan (3) Background
Tables -III (1) Cell padding (2) Cell spacing (3) Border color
Table –IV : Example
Section 5: Linking of Pages Internal and External Links
Page layout Using Tables (To do in CSS)-: Hyperlinks - I Anchor tag
Hyperlinks – II Internal Hyperlinks
Hyperlinks – III (1) Link (2) Vlink (3) Alink (4) A Pdf file (5) Image File
Image Links
Section 6: logical Data Tags and Attributes
Forms – I (1) Form tag (2) Text box (3) Textarea (4) Buttons
Forms – II (1) Check boxes (2) Radio buttons
Forms – III (1) Combo box (2) List Box
Forms – IV Examples
Frames – I (1) General form (2) Rows (3) Cols
Frames–II 1 Percentagewise 2rols and cols together 3Bord4Frameborder 5 noresize
Frames – III (1) Name (2) Target attributes
Section 7: Motion Tags Motion in horizontal and vertical
Marquee tag – I (1) Direction (2) Width (3) Height
Marquee Tag–II (1 Behavior. Alternate.Scroll. Slide2 Hspace 3 Vspace 4 bgcolour
Marquee tag – III (1) Images in Marquee (2) Loop (3) Scrollamount
Meta Tag-1Defines keyword 2Webpage Description3 Author of page4 Refresh5 Defines
Comments 1<!-- --!>2Valid vs invalid comments 3Multiline 4Tag 5script code 6css
HTML Quotations and Citations- 1 q tag 2 Blockquote 3 Abbr 4Address 4 Dfn
HTML Entities and Symbols 1 non breaking spaces 2<, > signs 3&, currency symbol
HTML 5 –Introduction 1 Hoctype Declaration 2 Header, footer, Article and Section
Section 8: Multimedia Tags And Attributes
HTML Plugins - (1) Object (2) Embed
HTML 5 –Multimedia 1Video formats Supported 2Video Tag 3 Adding a Youtube Videos
HTML 5 – Multimedia Contd (1)Audio formats Supported (2) Audio Tag
Section 9: Introduction of CSS (Cascaded style sheet)
(1)Introduction (2) Basic css design (3) External css file (5) Comments in CSS
Ways to Define CSS -1Selectors ,Element ,ID,Class ,Grouping 2 Internl 3•External
Section 10: Colors and Images of front and Back
Background - (1) Background (2) Background color (3) Size (4)Image (5)Repetition
Fonts- 1 Font-family,generic famil 2 Style 3Variant 4 Size 5 Weight 6Shorthand
Section 11: Text formating
Text Formatting -Text color • Text align • Text decoration • Text transformatio
Section 12: Linkings with Cascaded Style Sheet Lecture
Links - (1) A:hover (2) A:link (3)A:visited (4) A:active
Lists- (1) Setting list item markers (2)List style position (3)Shorthand propert
Section 13: Divisions of Tables with Rows And Colomns
Tables-1 Border 2 Border collapse 3Width, height 4Text align 5 Vertical align
Images -(1)Border (2)Height (3)Width (4) Opacity ----- Opacity o Filter(alpha)
Section 14: Border Decoration with Color and Margins
Borders, Margins, Paddings -1)Border color 2)Border style 3) Border with 4CSS 3
Section 15: Logical Division Tag floating
Positioning / Floating - 1)Relative 2)Fixed 3)Absolute 4)Overlapping 5)Floating
Pseudo Elements & Classes-1)Syntax 2)Pseudo classes 3)Add different styles to li

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Kishan Jainani, Web Developer

A skilled professional, Kishan Jainani have interests to teach online and have a experience of 10 years in teaching online.

Personal thought

Living your life to the fullest, and provides premium quality web design tutorials and courses for tens of thousands of amazing people desiring to master the craft.I'm fortunate to enjoy the development work I do, but my true passion is helping people learn. I look forward to answering your questions and am available for 1-on-1 chats with all of my students. At Maker-Based we aim to better education through content and delivery. We believe every day there is a growing gap between what students should be and are learning. We aim to lessen that gap by teaching you skills that are relevant today - to enable you to follow your passion and do what you love. And we believe the most effective way to learn these skills is through project-based learning. We work to achieve this mission daily with courses and our social venture of bringing coding into the school system. ALL THE BEST

Ready to start learning?
Take This Course