Coding for Beginners: Tutorials to Help New Developers
Do you want to learn more technical skills but don’t know where to start? Explore our range of beginner-friendly tutorials to build your skills and launch your next project.
How To Add Hyperlinks in HTML
This tutorial will walk you through the steps of adding hyperlinks to text or images on your webpage using HTML.
How To Deploy a Static Website to the Cloud with an app platform
This tutorial walks you through all the steps of deploying a static website to the cloud with an app platform, including how to get started with GitHub. If you don’t have a static site, you can use our sample site to learn how App Platform works.
How To Use Inline-level and Block-level Elements in HTML
This tutorial will teach you the difference between inline-level and block-level elements in HTML and how they affect a piece of content’s position on the page.
How to Create the Top Section of Your Homepage With HTML
This tutorial will walk through the steps of using HTML to create the top section of a webpage with a large background image, a small profile image, a text header, a text subheader, and a link.
How To Add Images To Your Webpage Using HTML
In this tutorial, we’ll learn how to use HTML to add images on a website. We’ll also learn how to add alternative text to images to improve accessibility for site visitors who use screen readers.
How to Dynamically Import JavaScript with Import Maps
Build tools are an important part of the development experience, but a spec called import maps will allow you to both import external code into your project without a build tool. In this tutorial, you will create and use import maps in JavaScript to import code without build tools, import external code, and use the code without extra build steps.
How To Use Opacity and Transparency to Create a Modal in CSS
When styling HTML with CSS, opacity can help soften a shadow, de-emphasize non-essential content during a specific task, or fade content in or out of view. Throughout this tutorial, you will use various ways to apply opacity and extra properties to create a modal that appears with a no-JavaScript approach using the :target pseudo class and the opacity, pointer-events, and transition properties.
Introduction to CSS Counters
In programming, counters are variables that hold a value that increments according to customizable rules. Modern Cascading Style Sheets (CSS) have a well-supported counter property that can track increments without JavaScript. In this tutorial, you will run through the basics of CSS counters by using them to number section elements in an Hypertext Markup Language (HTML) document and tally up the number of rows in a table element.
How To Add Twitter Card and Open Graph Social Metadata to Your Webpage with HTML
When you share links on social media platforms, they’ll often be presented with rich imagery and a nicely formatted title, summary, and link, instead of plain text. You can add these rich media social sharing capabilities to your site by including certain meta tags in the head of your HTML document. This tutorial will show you how to implement both Twitter Card and Open Graph social metadata.
