Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
HTML, CSS & Python – Web Development Certification Course
Rating: 4.0 out of 5(119 ratings)
12,046 students

HTML, CSS & Python – Web Development Certification Course

Learn Advanced Web Development with Html, CSS, And Python Complete Job ready course
Created byKiran Gavali
Last updated 2/2023
English
English [Auto],

What you'll learn

  • The Structure of an HTML Page
  • Core HTML Tags
  • HTML Text Formatting & Decoration
  • HTML Image Insertion
  • HTML Embedding Videos
  • Form Tags and Attributes - Buttons, Input Areas, Select Menus
  • Parts of a CSS Rule
  • CSS - Classes, Spans, Divisions
  • CSS Text Properties, Margins, & Padding
  • CSS Borders, Backgrounds, & Transparency
  • CSS Positioning - Relative, Absolute, Fixed, Float, Clear
  • Responsive Web Page Design using CSS
  • Learn how to use Python 3 the right way
  • Understand complex functions in python
  • Be able to use python on a daily basis
  • Create your own basic programs with python

Course content

3 sections100 lectures9h 40m total length
  • Introduction to HTML2:24

    Discover HTML basics: tags, elements, attributes, and the basic page structure, including head, body, formatting, lists, images, links, tables, and forms. Build a complete HTML project.

  • What is HTML?3:59

    HTML, the hypertext markup language, marks content to describe a web page’s structure and its display in a browser using opening and closing tags.

  • What is Tag, Element and Attribute4:55

    Explore the basics of tag, element, and attribute in HTML, including opening and closing tags, empty and self-closing tags like br, and how attributes like href and class define properties.

  • Setting up the System3:20

    Download and install Notepad++ on Windows, choosing the 64-bit installer, and set up a desktop shortcut to start using this editor for programming languages.

  • Basic Structure of a Web Page6:05

    Discover the essential html structure by building a simple page with doctype, html, head, and body, including meta charset utf-8, a title, p and h1, then save as document.html.

  • HTML Head Tags3:38

    Explore the HTML head tag, its role in page structure, and how the title and meta tags influence browser display and search engine metadata.

  • HTML Body Tag3:16

    Explore how the HTML body tag defines the content area of a web page, hosting basic text, hyperlinks, images, tables, and lists, with CSS affecting color and a form element.

  • HTML Paragraph Spacing1:39

    Learn to create HTML paragraph spacing by wrapping text in opening and closing paragraph tags, then save and preview to see lines separated by paragraph spacing.

  • HTML Line Breaks2:09

    Discover how to control vertical spacing in HTML by using the paragraph tag versus the break tag. Learn to insert single line breaks with br to format multi-line text effectively.

  • HTML Non-Breaking Space2:40

    Learn how HTML non breaking space handles spacing, showing that HTML ignores regular spaces (white spaces) and use a tag to insert a single space or multiple spaces.

  • HTML Header Tags2:36

    Learn to use header tags to create titles with h1 through h6, demonstrate their size differences, and how to insert, save, and refresh headers in a document.

  • HTML Text Formatting and Decoration6:09

    Master html text formatting by using bold, italic, underline, strike, and line breaks with strong, em, u, strike, and br tags. Create and style paragraphs while ensuring proper tag closure.

  • HTML Inline Text Formatting2:37

    Explore inline text formatting with the font tag to set font face, size, and color (Arial, blue) and compare it to CSS as a more efficient approach.

  • HTML Unordered Lists2:49

    Learn to create an unordered list in HTML by adding a ul tag with li items under an h3 heading, then view the result in a browser.

  • HTML Ordered Lists3:14

    Learn how to create HTML ordered lists using the ol tag and li items, with automatically sequenced numbers, demonstrated by a vacation example and viewing the output in a browser.

  • HTML Image Insertion5:17

    Insert images into an HTML document using the image tag with src, width, and height. Use relative references for images in the same folder and absolute URLs for external images.

  • HTML Embedding Videos3:15
  • HTML Absolute vs. Relative File Referencing2:08
  • HTML Link Creation5:03

    Learn to create image and text links in HTML by wrapping images with anchor tags using href attributes, then use target="_blank" to open links in a new window.

  • HTML Anchor Tags4:35

    Learn how to use HTML anchor tags to create on-page links from a table of contents to article headings, using id attributes and href with # to jump to sections.

  • HTML Tables11:16

    Learn to build HTML tables by organizing data into rows and columns with table, tr, and td elements. Apply width, border color, cell spacing, and cell padding to refine layouts.

  • HTML Nested Tables6:28

    Explore nested tables in HTML, learn how a child table's width relates to its parent, and experiment with red and blue borders to visualize structure.

  • HTML Merging Cells1:35

    Master merging table cells in HTML by removing the second column in the first row and applying the colspan attribute to span two columns.

  • HTML Text Wrapping1:52

    Learn how text wrapping works in HTML tables by using the nowrap attribute on table columns to keep long text on a single line.

  • HTML Table Background Image1:46

    Learn to insert background images into HTML tables using the background attribute, apply a sky dot jpg background to tables, rows, and columns via relative paths, then save and refresh.

  • HTML Cell Alignment1:20
  • HTML - Introduction to Forms3:49

    Develop a frontend HTML form to collect user details (first name, last name, country, subject) and learn how validation—client-side JavaScript and server-side PHP—prepares data for database or email processing.

  • HTML Form Tags and Attributes3:41

    create employment form in html using a two-column table with text fields, selects, checkboxes, radio buttons, text area, and submit and reset buttons, with form action send.php and method post.

  • HTML Forms - Post vs Get2:16

    Compare get and post: get sends data in the url and remains in history; post sends data in the http body and has no length limit, and cannot be bookmarked.

  • HTML Forms - Input Text Fields3:45

    Build an employment application form with a heading and labels for first name and last name, then add text inputs named fname and lname with maxlength 50 for PHP submission.

  • HTML Forms - Select Menus5:20

    The lecture teaches building html forms with select menus for position and experience, including options like accountant, receptionist, administrator, and supervisor, using two-character values to identify options for the database.

  • HTML Forms - Check Boxes and Radio Buttons4:55

    Build html forms by adding checkboxes for job type and radio buttons for employment status, with proper naming and grouping, then preview in a browser.

  • HTML Forms - Text Areas and Buttons5:28

    Learn to create text areas in HTML forms with cols and rows, use name attribute, and add submit and reset buttons to send data to a server script.

  • HTML Forms Practice - Creating Forms to take user's input19:24

    Learn to build HTML forms with the form tag and method, using inputs such as text, email, password, and more, including placeholders, br tags, and the checkbox versus radio distinction.

  • HTML Project - Introduction2:03

    Practice building a complete HTML page using only HTML, with inline styles and table-based layout, and apply object insertion, text formatting, form development, and basic styling.

  • HTML Project - Header3:39

    Create a basic HTML page and build a header using a nested table with five centered navigation links, white text on a black header, and Verdana fonts.

  • HTML Project - Callout3:59

    Build a header callout in HTML by nesting a two-column table inside a full-width table, showing the website name on the left and the phone number on the right.

  • HTML Project - Image Insertion1:36

    Insert a centered image by creating a table under the callout, setting the column to center, and specifying the image source, width, and height; save and refresh to view.

  • HTML Project - Text Insertion1:29

    Add a row and column to table, nest a table inside the column, set width 726 px, height 72 px, center text and top-align with font attribute; save and refresh.

  • HTML Project - Links and Form4:17

    Create a contact us today link and a newsletter signup form within a table. Set table styling and a post method form with email input and a submit button.

  • HTML Project - Tabular Data2:33

    Create a three-column HTML table with two rows, bold headings for about us, our vision, and services, set widths, and include text and an unordered list.

  • HTML Project - Footer1:14

    Construct the page footer as a black-background table with a single column, including navigation labels (home, about, services, clients, contact) and a copyright line with font attributes.

  • Html Quiz

Requirements

  • Basic Computer Skills
  • No experience required

Description

Welcome to the HTML, CSS  & Python – Web Development Certification Course

Looking to take your coding skills to the next level?
Look no further than the HTML, CSS  & Python – Web Development Certification Course, a two-part series designed to provide an in-depth look at the fundamentals of coding in HTML and CSS, as well as an introduction to Python. Whether you're in school, looking to learn a new skill, or need to learn programming for work, this course has everything you need to get started.

With a focus on learning by practice, this course will teach you the basics of each programming language and provide ample opportunity to put your knowledge into practice. By the end of the course, you'll have a solid understanding of Python and the ability to create small and simple applications.

What sets this course apart is the way it's structured. You'll start with the basics of HTML development and move on to exploring CSS attributes, components, and positioning. Then, you'll dive into Python, learning everything from installing your text editor to writing your first lines of code. This course is designed to help you think like a programmer, not just memorize lines of code.

This course is perfect for beginners, as well as those with some prior programming experience looking to refresh their knowledge. And with a 100% satisfaction guarantee, there's no risk involved. If you're not happy with what you've learned, you have 30 days to get a complete refund, no questions asked.

Enroll now and start learning today. The possibilities are endless!

Who this course is for:

  • Beginner Web Developers who want to learn to Code in HTML & CSS
  • People interested to learn how to program in python
  • People curious about programming