Posts

Showing posts from July, 2026

How to Add a Clickable Image in HTML Page

Image
  Using HTML to create clickable images that can lead to any website that you specify. Introduction In this post we will learn how to create a clickable image , that is an image in your html page that when clicked, will lead to any website page. Steps to create a clickable Image 1). First write the URL link address inside the <a> hyperlink . 2). Inside this hyperlink, wrap the image source inside this hyperlink as shown below in the source code .  3). Now, try clicking anywhere on the image in the preview window and lo and behold! You are forwarded to the specified web page that you had mentioned in your hyperlink. You may view the preview image  here. To view the Image in Full View in my code editor, check out this   IMAGE LINK  to read the  in a CODE   editor  If  I write the link to my home page of my blog website in the hyperlink as shown in the code below,  by linking in the image, you will be forwarded to the home page o...

How To Run an HTML Program Using Windows Terminal & Notepad

Image
Introduction This guide will teach you how to run your HTML code from Windows Terminal and here you will be coding on the Notepad code editor. Read carefully to understand the steps properly. Write Code using Notepad For writing the html code, we are going to consider a very basic code with some headers and paragraph so that you are actually concentrating on the process of running the code rather than trying hard to understand the code! Take a look at the code below. <h1>Run Code From Windows Terminal</h1> <h2>Code using Notepad</h2> <p>This blog post instruction is meant for beginners in HTML/CSS. <p>Ipsum lorem Ipsum Loren Ipsum Loren Ipsum Loren etc ect ect</p> In the above code you can see one big header and one smaller header followed by two paragraphs as shown in the code block. The full view display will be as shown below. Now, after writing this code on Notepad file, we are going to save the file with a .html extension Every computer...

How to Create HTML Headings and Paragraphs

Image
  Introduction This HTML guide is part of the full-stack web development course, starting from basic HTML. In this post, we will learn what are HTML tags and how to write the heading tag in HTML. These tags are usually some words enclosed by  angle brackets, that is written as < and >. The basic HTML tags that form part of the structure of a document in html  are heading tags, paragraph tags  and listing tags. There are several more tags, but, we will go through all of them  in different posts, so that , you are not burdened to learn all of the basics in just one sitting! What are HTML tags? HTML tags are basic html elements that assists you to structure your HTML document and Heading tags are used to write different headings for a html document as explained in detail in this post.  Headings Every document has different types of headings and html has 6 types of heading tags , namely, h1 ,h2 ,h3, h4, h5 and h6. Let’s understand the differences between ...