
Discover HTML from scratch with in-depth videos, theory, real-world applications, projects, and quizzes that build a solid foundation and guide complete beginners to expert web development skills.
Explore bite-size HTML fundamentals from text formatting to tables and forms, including lists, images, and links, with quizzes, projects, and downloadable resources for complete beginners.
Explore how HTML defines hypertext markup language, tells browsers what to display, structures text, buttons, and forms, and is not a programming language; the backbone of web pages.
Discover how html uses opening and closing tags, self-closing tags, and attributes to structure text, apply bold via strong tags, create forms, and link pages.
Explore the difference between block level and inline tags in HTML, learn how block level tags create new lines and sections, while inline tags style text without breaking the line.
Explore the HTML boilerplate, including doctype, html, header, title, and body tags, and distinguish visible versus hidden data while grasping the role of specificity.
Create your first html document in sublime text, save as .html, and generate a boilerplate; learn comments and multi-line editing shortcuts to accelerate coding.
Learn to use HTML header tags from H1 to H6 and the paragraph tag, and see how headers and paragraphs control layout and line breaks.
Master inline text styling with bold (strong), underline (u), and italic sizing (i) tags, learn how to apply them inside paragraphs, headers, and links.
Practice replicating a website from scratch by applying learned HTML tags, wrap the bolded word in an anchor tag, and compare your code with the solution file before advancing.
Insert images in HTML with the image tag (img) from a file or URL, as a self-closing inline tag, and resize using width and height in pixels.
Learn how to create anchor tags to link to external pages using href with full urls, and use the target attribute to open links in a new tab.
Learn to create HTML lists using ul and ol with li items, compare bullet points and numbered lists, and understand how proper list markup controls item order.
Learn how divs group elements into blocks and how spans keep text inline, enabling precise layout control by wrapping headers and text.
Build a basic webpage using an image, header tags (h1 and h2), a link tag, and bold text, then download and compare with the solution.
Learn to build HTML tables with table, thead, tbody, tr, and td, set borders, and place data under the correct header by matching cells to header positions.
Learn to create a table from scratch in HTML by building the table tag, thead with a header row, body rows, and borders for a neat, proportional layout.
Create a basic HTML table with a fixed 150px width and height, preserve header row, and replicate three rows of name, age, and hobby with italicized ages and underlined entries.
Explore basic form structure in HTML by using the form tag, input fields, and labels, understand how login forms are built, and study how labels accompany inputs.
Explore the main HTML input types for forms, including email, password, text, radio, checkbox, submit, and button.
Learn to create and use input elements in HTML by detailing type, name, placeholder, id, and value, and group radio buttons with the same name for forms and surveys.
Create a basic html form with an h1 title, email and password inputs, a single-question survey using radio buttons for dog, cat, and chicken, and a submit button.
Learn how to validate form inputs by applying the required attribute to password, email, and radio fields, ensuring users must enter data before submitting.
Create dropdown menus using the select tag with option items, assign values, and use selected and disabled to guide user input in a form.
Learn two ways to label inputs: wrap the input in the label tag or use a separate label with a matching for/name/id. Apply to email, password, and birth month select.
Create an HTML forms project with labeled email and password fields, a skill level radio group, a survey with radio options, a terms checkbox, and download the solution.
Build a final HTML website project integrating images, links, lists, tables, and forms; download the solution file, replicate the layout, and compare against the provided solution.
Congratulates learners on finishing the series and marks a big step forward in web development. Encourages exploring the provided resources and sources to propel your knowledge toward future courses.
If you have always wanted to make websites, but never knew where to start, this course is for you. This course will teach you everything you need to know to start creating websites - No coding experience needed! Even if you know nothing about code or computers, when you are finished with this course, you will be a complete expert in HTML. We go all the way from the theory behind HTML, to created complex forms and web pages with HTML.
On top of that, throughout this course, there are countless quizzes, exercises, and projects to help you really get the feel for HTML. With this course, whether you are an experienced programmer, or a complete beginner, by the end of this course, you will be a complete expert in HTML.
In the first section, I will not be covering anything related to HTML, instead giving a comprehensive view on what the course is about and how it will be played out. This will help you get a better understanding if the course is for you or not.
In the next section, I am going to be giving an in-depth look at the theory behind HTML. This includes how it works, the general inner workings of how HTML is laid out, and how to comprehend and understand HTML code. This will give you a solid foundation for the future sections of creation.
In the next section, we start working on some basic syntax in HTML, and how to use it. This includes getting familiarised with the text editor, and working on writing basic code, such as creating text, and then formatting and manipulating that text.
Once we understand the basic coding, we will move on to more complex topics, such as images, links, and lists. These topics are harder than other topics that we have previously covered, however these topics are not hard enough to the point where the user does not understand the topics.
After we cover these topics, we will move on to a more complex topic; tables. Tables are quite hard to understand, however, we will cover the theory and practical uses in-depth. We will be creating a table from scratch, as well as discussing how a table works.
Finally, we will cover forms in HTML. Have you ever seen a login or register form? Well this is made using HTML. We will cover everything about forms, and how to use them. We will also create multiple forms with real-life uses. By the end of this section, you will be able to fully understand how forms work, and how to create a HTML form from scratch.
So, are you ready to start coding, and become a web developer? Enroll Now.