Building an HTML Form (Clip 20): Gentle Introduction to HTML for Beginners

Hands-on building a user-entry form and submitting the user-entered data.

*Lesson Links*
To view the code for the "coding along" exercises in this lesson, click the link below. This takes you to my GitHub, which is a site for storing code files. You can then copy/paste text from those files (saving you some typing) or compare your code to the code from the exercise.

*Content*
00:00 Coding Along: HTML Form
00:21 Adding a form element
01:29 Adding the name attribute to the interactive elements
02:24 Adding a value to a checkbox
02:42 The id vs name attributes
02:54 Validation
04:01 Submitting the form
04:52 Developer tools Network tab
05:36 Submitting using the post method
06:49 Review of our completed website

*Course Description*
Every web page you see is created with HTML. This course is a gentle introduction to the syntax and best practices of HTML.

You'll learn about HTML elements and attributes, how to structure a page, and use semantic elements to organize your content. You'll see how to build a list and table, add images and navigation, and create a data entry form.

You have the option of coding along with the course and building a website with HTML.

*Audience*
• Anyone new to web development.
• Students considering a web developer career.
• Existing web developers that want to reinforce their HTML knowledge.
• Those that manage or interact with web developers to better understand what HTML is and how it's used.

No prerequisite knowledge or skills are needed for this course.

This is the second course of the "How to Become a Web Developer" series.

[PBrrtrn]

Honestly, this is the #1 resource I'd recommend to anyone just getting started with frontend web development. Even I as an experienced fullstack developer picked up some useful tips and healthy habits to have when planning HTML pages. Thank you very much for your work, Deborah!