
Instructor and course introduction. HTML stands for hypertext markup language. It's a well-established specification that define how to construct web pages for display in the web browser. We'll start by downloading and installing free software you'll use to write HTML. This lecture will conclude with the creation of a simple HTML page that you'll write, save and view in your browser.
You can create HTML documents with any text editor, but I recommend using VS Code. It is a text editor but also a platform that can be extended and scripted to handle many different programming languages and tasks. If you start using VS Code now to write HTML, you can continue to use it as you expand your knowledge in programming later.
Create a folder for your coding project and open it as a workspace in VS Code. Create an empty HTML file for your code. Learn about the doctype declaration and the main sections of the HTML document.
Add a title to your document in the head section with the title tag. Add a large text header on your page with the h1 tag and some basic text with the p tag. View your complete web page in a web browser.
Learn how to view the HTML source code of any web page in a browser. Learn about WHATWG, the governing body responsible for maintaining and growing the HTML specification that govern modern web browser HTML rendering behavior.
Understand the basic anatomy of an HTML document including doctype, html, head and body sections.
Markup inside the header section does not appear on a rendered web page. Instead it contains information and directives. Learn how to embed CSS styles in your web page using style tags.
Other documents, like stylesheets and script files can be linked to your HTML page. Here we'll move our CSS style directives out of the HTML head section and into a separate file and link to it.
Another tag used in the head section is the meta tag. There are many different types of meta tags but in general they can be described as provided information about the HTML document to the browser and to search engines. This lesson will teach you some of the more commonly used meta tags.
In this lecture, we'll create a web page about my acoustic guitar. We'll learn new tags for grouping things together, displaying an image and create a hyperlink to another website!
In this, the final lecture of the course, we'll learn about table tags that are used to display tabular data on a web page in rows and columns.
Instructor video and practice assignments. Downloadable materials include practice assignments and all image files needed in assignments.
HTML stands for hypertext markup language and it’s the stuff with which a basic web page is made. I’ve been coding professionally for twenty-five years and I’ve seen so many programming languages, frameworks, WYSIWYG platforms and trends come and go. HTML was there in the start of my career, it’s still here and I believe it will be around for years to come. Web browsers exist on every device we use and the web pages they display are all governed by their HTML code. Every web developer should know HTML. Even general programmers should know HTML since it’s often the delivery mechanism for displaying data that is output from programs. Cross-platform developers should learn HTML because it’s one of the essential components of writing one code base that’s delivered to different PC operating systems, tablets, phones and consoles.
Come learn HTML from scratch in this short fun course. We’re going to write a basic HTML page and view it in a browser. We’ll cover some of the most essential parts of the HTML document anatomy. You will learn how to display text, images, links and tabular data on your web page. Quizzes after each section will test your learning and two complete practice assignments with downloaded resources are provided at the end.