Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Subscribe
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Learn HTML & CSS basics & build websites from SCRATCH
Rating: 3.9 out of 5(28 ratings)
1,379 students

Learn HTML & CSS basics & build websites from SCRATCH

Learn website development fundamentals
Created byShailesh Bhat
Last updated 3/2026
English

What you'll learn

  • HTML
  • CSS
  • Building Websites from Scratch
  • How to create HTML Web Page Layouts

Course content

2 sections • 13 lectures • 1h 59m total length

  • Course Outline0:59

    •This course includes the basic tools needed to learn & build websites.

    •I will introduce you to the tools required for building websites.

    •What software's are used in tech companies currently.

    •How internet Started & How it works?

    •Then We will learn HTML(Hyper Text Mark-up Language)

    •Then We will learn CSS (Cascading style sheets)

    •Then we will learn Bootstrap 5 basics

  • Required Softwares2:03

    Download Required Softwares

    • Chrome

    • Sublime Text

    • XAMPP Server

  • Brief History of Internet3:04

    The Internet started in the 1960s as a way for government researchers to share information. Computers in the '60s were large and immobile and in order to make use of information stored in any one computer, one had to either travel to the site of the computer or have magnetic computer tapes sent through the conventional postal system.

    Another catalyst in the formation of the Internet was the heating up of the Cold War. The Soviet Union's launch of the Sputnik satellite spurred the U.S. Defense Department to consider ways information could still be disseminated even after a nuclear attack. This eventually led to the formation of the ARPANET (Advanced Research Projects Agency Network), the network that ultimately evolved into what we now know as the Internet. ARPANET was a great success but membership was limited to certain academic and research organizations who had contracts with the Defense Department. In response to this, other networks were created to provide information sharing.

    January 1, 1983 is considered the official birthday of the Internet. Prior to this, the various computer networks did not have a standard way to communicate with each other. A new communications protocol was established called Transfer Control Protocol/Internetwork Protocol (TCP/IP). This allowed different kinds of computers on different networks to "talk" to each other. ARPANET and the Defense Data Network officially changed to the TCP/IP standard on January 1, 1983, hence the birth of the Internet. All networks could now be connected by a universal language.

    The image above is a scale model of the UNIVAC I (the name stood for Universal Automatic Computer) which was delivered to the Census Bureau in 1951. It weighed some 16,000 pounds, used 5,000 vacuum tubes, and could perform about 1,000 calculations per second. It was the first American commercial computer, as well as the first computer designed for business use. (Business computers like the UNIVAC processed data more slowly than the IAS-type machines, but were designed for fast input and output.) The first few sales were to government agencies, the A.C. Nielsen Company, and the Prudential Insurance Company. The first UNIVAC for business applications was installed at the General Electric Appliance Division, to do payroll, in 1954. By 1957 Remington-Rand (which had purchased the Eckert-Mauchly Computer Corporation in 1950) had sold forty-six machines.

  • What you Will learn in HTML?0:29

    •Basic Tags

    •Basic HTML Structure

    •Html Forms

    •Box model

    •Designing elements using width & height attributes

    •Positioning elements using margin & padding attributes

  • Basic structure of HTML webpage1:01

    •<!DOCTYPE html>
    <html>
    <body>

    <h1>My First Heading</h1>
    <p>My first paragraph.</p>

    </body>
    </html>

  • HTML Tags Part114:33
  • HTML Tags continued Part 215:05

    •Paragraph tag: <p> </p>

    •Image Tag: <img />

    •Horizontal Row Tag<hr>

    •<br>

    •<a href=“http://www.google.com”>Click Here</a>

    •<ol></ol> Ordered list

    •<ul></ul> Unordered list

    •<i></i> Italic tag

    •<b></b> bold tag

    •<u></u> underline tag

    •<sup></sup> superscript tag

    •<sub></sub>

    •<pre></pre>

    •&copy; &reg; &nbsp; &lt; &gt; &#153

  • Creating Tables in HTML9:49

    •<table border=“1”> </table> tag

  • HTML Form Elements16:34

    •HTML Form Elements:

    •<form></form> Tag

    •<input type=“text/password/radio/checkbox” />

    •<select><optgroup label=“Maharshtra”>

    <option>Mumbai</option> <option>Pune</option> </optgroup> </select>

    •<textarea rows=“10” cols=“10”></textarea>

    •<input type=“submit/reset/button” />

  • CSS - Cascading Style Sheets, Inline, Internal & External17:23

    There are three types of CSS:

    •Inline: <h1 style=“color:green;”> Inline CSS</h1>

    •Internal:

    •<html>

    •<head>

    •<title>Internal CSS</title>

    •<style>

    •h1{color:green;} p{color:red;}

    •</style>

    •

    •External: h1{color:green;} p{color:red;}


  • CSS Selectors11:58

    •A CSS selector selects the HTML element(s) you want to style.

    •Two main CSS selectors are class(.class1) Selects all elements with class="intro" & Id (#type1) Selects the element with id.

    •Element.class(p.fontnew): Selects only <tag> elements with class=“class1”

    •Element: Selects all <p> elements

    Element1, element2: Selects all <tag1> elements and all <tag2> elements

  • The Box Model of a Webpage3:45

    • In CSS, the term "box model" is used when talking about design and layout.

    • The CSS box model is essentially a box that wraps around every HTML element. It consists of: margins, borders, padding, and the actual content.

Requirements

  • No Progarmming skills needed
  • Anyone can learn it from scratch

Description

In this course, students will learn, HTML & CSS

The HyperText Markup Language or HTML is the standard markup language for documents designed to be displayed in a web browser. It can be assisted by technologies such as Cascading Style Sheets and scripting languages such as JavaScript.

Cascading Style Sheets is a style sheet language used for describing the presentation of a document written in a markup language such as HTML. CSS is a cornerstone technology of the World Wide Web, alongside HTML and JavaScript.

History of Internet

The Internet started in the 1960s as a way for government researchers to share information, and the formation of ARPANET eventually led to the birth of the Internet on January 1, 1983. The UNIVAC I was the first American commercial computer designed for business use and was first sold to government agencies, the A.C. Nielsen Company, and the Prudential Insurance Company.

Bootstrap is a highly popular front-end development framework that can be installed through various methods such as package managers, source code downloads, or via a CDN. It includes Sass, which offers a modular and customizable architecture, and CSS variables make customization a breeze. Moreover, Bootstrap comes with built-in support for real-time CSS development via variables. In the latest version of Bootstrap, version 5, there is a utility API that makes it easy to customize components. There are also hundreds of classes available to use with CSS variable overrides. Additionally, Bootstrap 5 has a JavaScript plugin API that allows for easy addition of toggleable elements, modals, and menus without relying on jQuery. Bootstrap also has numerous plugins that can be incorporated into any project, and Bootstrap themes can take your project to the next level.

Who this course is for:

  • Beginners in Web Development

Report abuse