HTML

• 3 min
  Workshop

  HTML-Only Accordion

  Accordions are all over the web and mobile apps. They are a great way to show and hide content based on user interaction and aren’t very hard to build. However, they usually require a bit of HTML, CSS, and JavaScript. Did you know you can build a simple accordion with only HTML in seconds? Follow along as I explain how to set this up!

  Viewed
  • HTML
  • Beginner
• 4 min
  Workshop

  CSS-Only Toggle

  Toggle switches are a useful way to show a UI’s state. It’s commonly believed that these are hard to create and require JavaScript. That’s simply not the case. Follow along as I walk you through how to create a toggle switch with just CSS!

  Viewed
  • HTML
  • Beginner
• 1 min
  Workshop

  How to Add a Favicon

  Favicons give your website a face and are easy to implement in your code. In this quick guide, we’ll go over what a favicon is and how to add one to your site.

  Viewed
  • HTML
  • Beginner
• 19 min
  Workshop

  String Manipulation with JavaScript

  Learn and practice string manipulation methods that will allow you more control over data in your JavaScript programs.

  Viewed
  • HTML
  • Beginner
• 33 min
  Workshop

  Hello Front-End Web Development (FEWD)

  Front-end web developers write the code that turns a static mockup into an interactive web page. In this workshop, we’ll take a look at the types of code front-end developers write, and even try it out ourselves. But before we do that, let’s take a closer look at the term front-end. Front-end developers are sometimes referred to as client-side developers, since everything we code is directly viewable by the client–in other words, the visitor to our website or app.

  Viewed
  • HTML
  • Beginner
• 31 min
  Workshop

  SVG Workflow and Tools

  Learn useful tools and techniques for optimizing, organizing, and structuring your SVG files. Then learn to size and scale your SVG with inline attributes.

  Viewed
  • HTML
  • Intermediate
• • 1
  • 2

  91 min
  Course

  Accessibility For Web Developers

  | 4280 students

  Accessibility is a process that specifically considers the needs of people with disabilities. In this course, you’ll learn about the standards in place to guide developers in creating experiences that are accessible to all users as well as tools and techniques to ensure your projects are up to those standards.

  • HTML
  • Beginner
• 6 min
  Practice

  Practice Semantic HTML

  In this workshop, you'll practice the basics of semantic HTML. When you write markup that clearly communicates the meaning of your content, it is said that you're writing semantic markup.

  Viewed
  • HTML
  • Beginner
• 10 min
  Practice

  Practice Structuring and Grouping Content

  Practice the fundamentals of structuring and grouping content with markup.

  Viewed
  • HTML
  • Beginner
• 11 min
  Practice

  Practice File Paths

  Sharpen your HTML skills by practicing writing file paths for images and links.

  Viewed
  • HTML
  • Beginner
• 11 min
  Workshop

  HTML Dialog

  Dialog boxes are a common design pattern across many websites, so the W3C created the <dialog> element as part of the HTML standard. In this Workshop, we'll learn how to use the <dialog> element in combination with JavaScript to trigger modal and non-modal windows.

  Viewed
  • HTML
  • Beginner
• • 1
  • 2
  • 3
  • 4

  3 hours
  Course

  HTML Basics

  | 50616 students

  Learn HTML (HyperText Markup Language), the language common to every website. HTML describes the basic structure and content of a web page. If you want to build a website or web application, you'll need to know HTML.

  • HTML
  • Beginner
• • 1
  • 2

  79 min
  Course

  HTML Video and Audio

  | 9830 students

  Text and images have always been the foundation of web content, but more than ever, video and audio are also a part of that content mix. Fortunately, we can now create standards-based video and audio players that don't require the use of plugins. Adding video and audio to a webpage is almost as easy as adding an image or formatting some text.

  • HTML
  • Beginner
• • 1
  • 2
  • 3
  • 4

  2 hours
  Course

  Introduction to HTML and CSS

  | 89054 students

  Get started creating web pages with HTML and CSS, the basic building blocks of web development. HTML, or HyperText Markup Language, is a standard set of tags you will use to tell the web browser how the content of your web pages and applications are structured. Use CSS, or Cascading Style Sheets, to select HTML tags and tell the browser what your content should look like. Whether you are coding for fun or planning to start a career in web development, learning HTML and CSS is a great place to start.

  • HTML
  • Beginner
• • 1
  • 2

  65 min
  Course

  Responsive Images

  | 6072 students

  Using the new source-set and sizes attributes, and the new picture element, it's possible to create images that behave better in a responsive design. These new pieces of markup allow us to deliver the right image to the right device, based on resolution, pixel density, and other factors we define. This will help web pages load faster and look better, and the most capable devices will get the best looking images possible.

  • HTML
  • Advanced
• • 1
  • 2

  46 min
  Course

  SVG Basics

  | 16261 students

  Scalable Vector Graphics (SVG) is an XML markup language for creating two-dimensional images using vectors. This is different from traditional raster-based image formats that use pixels, like JPEG and PNG. When used on web pages, SVG images provide an infinite level of detail, so they look sharp regardless of screen size or pixel density. In this course, we'll look at situations where SVGs are better than PNG and JPEG files, as well as when an SVG might not be the best choice. Finally, we'll learn how to modify SVGs using CSS.

  • HTML
  • Intermediate
• • 1

  44 min
  Course

  Treehouse Club: HTML

  | 35033 students

  If you’ve never written a line of code before, this is the place to start! In this project, you’ll learn how to edit pre-written HTML code. By the end of this course, you’ll be more comfortable with using Treehouse’s programming tool Workspaces and have a basic understanding of HTML structure.

  • HTML
  • Novice
• • 1
  • 2

  59 min
  Course

  HTML Tables

  | 44829 students

  The web is filled with text and images, but it's also filled with information like sports scores throughout the years, lists of employee names and email addresses, or nutrition facts for your favorite foods. HTML tables enable the display information in what is commonly known as tabular data, which is information that's stored in a table-like structure of columns and rows. In general, anything that you might put into a spreadsheet could go in a table. There are many use cases for a table, so it's important to add them to your skills because it's a very common method for displaying information.

  • HTML
  • Beginner
• • 1
  • 2
  • 3

  2 hours
  Course

  HTML Forms

  | 60269 students

  The web is a two-way communication medium. There are lots of HTML elements for displaying data and producing output, and conversely, there are also lots of HTML elements for accepting input. Accepting input from the user means creating web forms. In this course, we’ll learn about all the most important form elements that web professionals use on a daily basis.

  • HTML
  • Beginner

Whoops! Perhaps you can try a broader search.

Reset all filters