HTML Tutorials

In this lab, you will learn the fundamentals of JavaScript DOM manipulation, including selecting elements, changing content, setting attributes, and creating/appending new elements.

In this lab, you will learn how to style HTML tables using various CSS properties to improve their readability and visual appeal.

In this lab, you will learn the fundamental structure of an HTML document by creating a basic web page from scratch. You'll understand the roles of DOCTYPE, html, head, and body tags.

In this lab, you will learn how to embed images into your HTML documents using the `<img>` tag and its essential attributes like `src`, `alt`, `width`, and `height`.

In this lab, you will learn how to create and structure web forms using various HTML elements like form, input, label, and textarea.

In this lab, you will learn how to create different types of links in HTML, including external links, internal links, and how to add tooltips.

In this lab, you will learn the basics of HTML text formatting, including how to use headings, paragraphs, bold, italic, and line break tags to structure and style your web content.

In this lab, you will learn how to create and structure content using unordered, ordered, and nested lists in HTML. This is a fundamental skill for organizing information on web pages.

In this lab, you will learn how to create and structure data using HTML tables. You will build a simple table from scratch, understanding the roles of `<table>`, `<tr>`, `<th>`, and `<td>` tags.

In this lab, you will learn the basics of JavaScript, including how to embed it directly into an HTML file and how to link an external JavaScript file.

In this lab, you will learn how to style web page elements by applying various CSS color and background properties, including setting colors, adding images, and controlling their position and repetition.

In this lab, you will learn how to style HTML lists using various CSS properties to create a horizontal navigation bar.

In this lab, you will learn the basics of Tailwind CSS, a utility-first CSS framework, by styling a simple HTML element. You'll add the CDN, and apply classes for background color, text color, padding, and layout.

In this lab, you will learn the basics of CSS, including how to create an external stylesheet and link it to an HTML document to change the font of the page.

In this lab, you will build a complete personal webpage from scratch using fundamental HTML tags. You'll learn to structure documents, format text, create lists, add links and images, and build tables and forms.

In this lab, you will learn the fundamentals of JavaScript event handling, from using the onclick attribute to advanced techniques like addEventListener and event object properties.

This project, the 'jQuery Flip Puzzle Game,' provides a hands-on experience in web development, focusing on JavaScript, jQuery, and Bootstrap. It involves object-oriented programming in JavaScript and addresses the common issue of 'this' binding in the context of web development. The game is implemented using jQuery and Bootstrap 3 for the user interface. While familiarity with Bootstrap is helpful, the project's core logic is built with jQuery and JavaScript.

This project guides you through creating a simple URL shortener service using Flask and MySQL. You'll learn to set up a database, design a web interface, and implement functionality to shorten URLs, search for URLs by tags, and view analytics. The project is beginner-friendly and offers a comprehensive insight into web development with Python and database management.