Practical solutions

HTML Howtos How-To Guides

Solve the problem. Keep building. Collection of HTML how-to articles

Find the answer you need

Browse practical solutions, grouped by the task you're working on.

__COUNT__ entries on this page

HTML DateHow to Get Today's Date in HTML Ultimate GuideDisplay today’s date in an HTML page with JavaScript, then choose numeric, locale-aware, human-readable, Moment.js, or UTC formatting. HTML InputHow to Create the Currency Input in HTMLConstrain a numeric HTML input and format its value to a chosen decimal place with JavaScript and jQuery. HTML JavaScriptHow to Link JavaScript File to HTML FileThis tutorial introduces how to link a JavaScript file to an HTML file. Learn various methods including using the `<script>` tag, `defer`, and `async` attributes. Improve your web development skills by understanding the best practices for incorporating JavaScript into your HTML documents. This guide is perfect for beginners and experienced developers alike. HTML TextHTML Unbold TextIn this article, we will learn how to remove bold styling from a header in HTML and will know how to remove bold formatting from a text or header. We will use different tags to unbold a text or header in HTML. HTML ImageHow to Click or Hover on the Image to Enlarge in HTMLThis article introduces enlarging HTML images on hover or a single click. HTML Imgae RotationHow to Rotate Image in HTMLThis tutorial introduces how to rotate an image in HTML using CSS and JavaScript. Learn simple methods to manipulate images effectively, enhance user interaction, and create visually appealing web designs. Whether you're a beginner or an experienced developer, this guide will help you master image rotation techniques for your projects. HTML ButtonHow to Embed Image in a Button in HTMLThis tutorial introduces how to embed an image in an HTML button HTML LineHow to Create Vertical Line in HTMLCreate a vertical line on an HTML page with CSS border-left or a styled hr element, then place it between content using Flexbox or CSS Grid. HTML HyperlinkHow to Create Phone Number Links in HTMLLearn how to create a clickable phone number link in HTML, format the displayed number, and set realistic expectations for device behavior and accessibility. HTML PrintPage Break While Printing in HTMLLearn how to add a page break before or after selected content when printing an HTML page. HTML TableHow to Make an HTML Table ScrollableMake a long HTML table scroll inside a fixed-height wrapper with CSS overflow. Choose vertical and horizontal scrolling while preserving native table markup and keyboard access. HTML SpaceHow to Insert Vertical Space in HTMLThis is a small programming hack to add or insert a vertical spacing after any HTML element. HTML SelectHow to Select Default Value in HTMLThis tutorial introduces how to select default value for an HTML select element HTML TextHow to Create Bold Text in HTMLChoose <strong> for important text, <b> for attention without added importance, or CSS font-weight when you need control over visual weight. HTML TableHow to Center a Table in HTMLCenter an HTML table with CSS auto margins, choose a percentage width, or use Flexbox for layout. See when the legacy align attribute applies. HTML ButtonHow to Right Align a Button in HTMLIn this article, we will learn how to create and align buttons to the right in HTML using CSS. We'll use the button tag to create a button and assign some CSS styling properties to it for the alignment. HTML TableHow to Remove Borders From HTML TableThis article introduces how to remove borders from HTML Table HTML ColumnHow to Set Column Width in HTML TablesLearn how to set predictable HTML table column widths with CSS, colgroup, table-layout, selectors, and overflow handling. HTML ButtonHow to Make an HTML Button Act as a LinkLearn when to use an anchor styled as a button, a JavaScript button, or a form submit control for HTML navigation. HTML ChevronHTML ChevronLearn how to display chevrons in HTML through various methods, including HTML entities, CSS, and Font Awesome icons. Enhance your web design with practical tips and code examples that cater to both beginners and experienced developers. Discover the best practices for implementing chevrons effectively to improve user navigation on your website. HTML ImageHow to Scale an Image in HTMLThis tutorial demonstrates how to scale an image in HTML, covering methods like using width and height attributes, CSS for responsive images, CSS background images, and the picture element. Learn how to optimize images for better web performance and user experience. HTML PDFHow to Embed PDF in HTMLLearn how to embed PDF in HTML with this comprehensive tutorial. Explore various methods including using the iframe and object tags, as well as advanced techniques with PDF.js. Enhance your website's content by seamlessly integrating PDFs for better user engagement and accessibility. Perfect for developers and web designers looking to improve their skills. HTML IframeAlternatives of Iframe in HTMLThis tutorial introduces effective alternatives to the iframe tag in HTML, including AJAX, the object tag, server-side includes, and JavaScript content injection. Explore these methods to enhance your web development projects, improve performance, and create a better user experience. Discover practical solutions that can replace iframes and learn how to implement them effectively. HTML ImageHow to Display Base64 Images in HTMLThis tutorial introduces how to display Base64 images in HTML. Learn the process of converting images to Base64 strings using Python and how to embed them in your HTML documents. Discover the advantages and disadvantages of this method to optimize your web development projects.