
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.
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.
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.
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.
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.
Explore the HTML head tag, its role in page structure, and how the title and meta tags influence browser display and search engine metadata.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
Master merging table cells in HTML by removing the second column in the first row and applying the colspan attribute to span two columns.
Learn how text wrapping works in HTML tables by using the nowrap attribute on table columns to keep long text on a single line.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
Explore cascading stylesheets that replace inline styles and table-based layouts with reusable rules to format text, images, and tables, and link a single stylesheet to multiple pages for efficient updates.
Learn the three parts of a CSS rule—selector, property, and value—and see how selectors target HTML elements, then apply pink background and Arial fonts to headings h1, h2, and h3.
Explore the three CSS rule types: internal, inline, and external, and learn how to implement, link, and convert styles across HTML documents, with external stylesheets shown as the preferred approach.
Explore how CSS colors originate from red, green and blue and are applied via color names, RGB codes, and hex values, with H1, H2, and H3 examples.
Discover how to define and apply CSS classes with the class selector, create styles like large green text and underline, and apply them to inline text using the span tag.
Explore how css divisions, or divs, differ from table cells to enable advanced formatting, layering, and pixel-perfect positioning in html layouts, using a basic html page.
Learn how CSS IDs create unique styles for HTML elements by declaring an id with a #, applying it to a div, and controlling width, border, background, and text color.
Learn to use CSS margins to add spacing around HTML elements, applying values to all sides or specific sides and observing changes from 10px to 30px.
Explore css padding to create space between an element’s border and its text, using padding on all sides or just the top and left with 10, 20, and 30 examples.
Explore CSS text properties by applying color decoration with color codes and RGB, adjust letter spacing, align text, and use text decoration and transform options such as capitalize and lowercase.
Apply font properties to style text by creating a class that sets font-family with fallbacks like Verdana, font-size, font-style, and line-height on a paragraph, then preview changes in the browser.
Create a reusable border class to apply borders around elements, using pixel thickness, border colors in name, hex, or rgb values, and styles like dashed; apply to a paragraph.
Learn to build and style a web page by applying CSS backgrounds with background color (name, hex, rgb) and a background image via an id in a basic HTML structure.
Set up a basic HTML document with an image, then use the opacity declaration in the stylesheet to toggle the image from 40% to 100% on hover and back.
Overlay text on a background image with css by using two id selectors for the background and the semi-transparent text box, including padding, opacity, and a white text layer.
Explore how to control element size with width and height properties, including min/max width and height, auto sizing, and viewport height, as shown by browser window scaling.
Explore how the CSS display property controls visibility and layout using a 400px container and 50px colored blocks that align side by side or disappear with display none.
Learn how the position property controls static, relative, and absolute layouts, with static as the default and elements flowing in the normal content order.
Discover how css relative positioning uses top, right, bottom, and left values to move elements, and see how nested elements shift relative to their parent container, including an 80-pixel move.
Apply absolute positioning to keep an element fixed in place, independent of browser window resizing and page flow, and compare it to relative positioning that moves with the page.
Explore css fixed positioning and compare it with absolute positioning, showing how fixed elements stay put when scrolling while absolute elements move with the page.
Learn how to wrap text around images with the CSS float property in HTML pages. Position images on the left or right and set margins to control layout.
Explore how the CSS z-index property determines the stacking order of overlapping elements, illustrated with blue and yellow blocks using absolute positioning, to place blue above yellow.
Explore css link styling across states: unvisited, hover, active, and visited, with color changes and decorations such as red, purple, underline, yellow background, and blue for visited links.
Explore how CSS tables enhance the look, styling, and responsiveness of edge HTML tables. Learn practical formatting with borders, padding, border-collapse, th and td, and hover effects to improve readability.
Build a CSIS best web page with a three-column responsive layout, top navigation with hover effects and an active link, and blue and yellow content areas for mobile-friendly layout.
Create the basic HTML page and CSS stylesheet, including a black header and Arial text, then set up a fluid layout with 230px side columns and a center column.
Learn to style a navigation bar using a ul, removing bullets, and arranging links in a single row with borders, hover effects, and an active blue background.
Create a responsive CSS layout for mobile by using a media rule with max-width 840 pixels, stacking the right column under the left and content columns, and clearing to both.
Create a container with a header and navigation, then a content wrapper that holds three columns: center, left, and right, and apply inner text styles for margins and padding.
Master Python basics, from variables to loops and functions, and set up your environment with python.org and PyCharm, then write and run a hello world program.
Create and initialize variables in Python by assigning a name to a value with the equals sign, then explore multiple assignment to set several variables in one line.
Learn how to use variables in Python to store strings, numbers, and booleans, and apply them to personalize text templates.
Explore string manipulation in Python, covering storing strings in variables, and common functions like upper, lower, is lower, length, replace, and index to transform text.
Explore number manipulation in Python through basic arithmetic, type conversion between numbers and strings, and functions like max, min, pow, round, abs, sqrt, floor, and factorial.
Learn how to use the Python input function to collect user data, store it in variables (name, age, food, drink), and print a personalized sentence.
Create a small app that asks for price and quantity for three products, converts strings to numbers, and prints the final total by summing each product's result.
Practice part 2 builds a Python app that collects three names, asks for pizza slices and price, and computes each person’s slices and payment.
Learn how to add comments in Python to describe each line of code without printing it, using hashtags to annotate code and explain simple operations like one plus one.
Learn how to write and call Python functions, define parameters, use input for interaction, and print outputs to create reusable code, including a simple food-order dialogue.
Master how the return statement ends a function and stops execution at a certain place, preventing later code from running.
Explore how Python uses boolean variables and the if statement with if, else, and elif, including the not, and, or operators, with practical examples.
Learn how to use if statements with booleans and comparisons in python, including equal, not equal, greater, and converting strings to numbers, plus finding the richest person among three.
Practice building a Python app using if statements and functions to guide a user through yes/no questions. Use return statements and input prompts to control flow.
Explore how Python lists store multiple data types, print full or partial lists by index, and modify elements to see how lists differ from single variables.
Discover how to manipulate lists in Python using popular list functions like insert, delete, extend, index, count, and copy to build dynamic data structures.
Learn how Python distinguishes lists and tuples: lists are mutable and allow insertions and deletions, while tuples are immutable, ideal for fixed data like coordinates or IP addresses.
Discover how to use Python dictionaries to store diverse data types, map keys to values, and retrieve items with defaults through practical examples like colors and employee names.
Master the Python while loop structure by updating a variable each iteration and executing until a condition is met, printing results, with examples from data analysis and cybersecurity.
Learn how to use Python for loops to iterate over lists, strings, dictionaries, and numbers, print elements, and control flow with break and range.
Master Python basics by building a password check app that uses a while loop and if statements to enforce a max number of tries, returning access granted or account blocked.
Practice nested for loops in Python to generate all meal, drink, and dessert combinations and print each result as a simple app output.
Explore how Python classes define a data template and how objects personalize it, using a pizza example with attributes like type, price, and size, plus basic object creation and printing.
Learn how to identify and handle Python errors, including syntax and logical errors, using try and except, input validation, and loops to prevent crashes.
Recap Python basics and web development skills, including data types, statements, functions, loops, and classes and objects, with hands-on practice to read and write simple code and build confidence.
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!