HTML Blog Posts
How To Get Textarea Value In Javascript
29 Jul 2023 In this article, we’ll explore how to retrieve the value entered into a textarea element, in a simple and straightforward manner. Understanding Textareas Before we dive into JavaScript, it’s important to grasp the basics of textarea elements. These are HTML elements used to create multi-line text input fields, typically used... Read moreHow to Make Textarea Not Resizable
26 Jul 2023 By default, most web browsers allow users to resize textareas by dragging the bottom-right corner. However, there might be situations where you want to prevent users from resizing the textarea. So, how do you stop this. The CSS resize Property The resize property in CSS controls whether an element, such... Read moreHow to Make a Contact Form Send Email Using HTML
22 Jul 2023 If you have a website and want to allow visitors to contact you easily, adding a contact form can be a great idea. In this guide, we’ll walk you through the process of creating a simple contact form in HTML that can send emails. Don’t worry if you’re not familiar... Read moreHow Many Heading Tags Are There in HTML? [Answered]
21 Jan 2023 HTML has six different heading tags, ranging from h1 to h6. The h1 tag is the most important and represents the main heading on a page. The h2 tag represents a subheading, and so on, with the h6 tag being the least important. They six HTML heading tags are: Here... Read moreAll Html Tags List With Examples [Latest]
16 Jul 2022 HTML Tag List HTML Element Name HTML Tag a <a href=""></a> abbr <abbr></abbr> address <address></address> area <area shape="" coords="" href=""> article <article></article> aside <aside></aside> audio <audio></audio> b <b></b> base <base href=""> bdi <bdi></bdi> bdo <bdo></bdo> blockquote <blockquote></blockquote> body <body></body> br <br> button <button></button> canvas <canvas></canvas> caption <caption></caption> cite <cite></cite> code... Read moreHow to Make a list in HTML[Number & Bullet Lists]
22 Jan 2022 You can create lists of one or more related items in HTML. HTML has a set of tags that allows you to create different types of lists. You can make bullet lists, number lists, lists within other lists, and description lists. Bullet list HTML You can create a bullet point... Read moreHow to add one or more Paragraphs in HTML
15 Jan 2022 You can easily add a paragraph in HTML by using the paragraph HTML tags. Code <p>This is a simple HTML paragraph.</p> Result This is a simple HTML paragraph. How to create a single paragraph in HTML To create a single paragraph you wrap you paragraph’s test with a pair of... Read moreHow to add Youtube video in HTML
23 Oct 2021 Youtube provides a great way to add videos to your HTML website that works on all browsers. You just need to get the embed code from the video and add it to your HTML code. No more worry about unsupported video formats on your website. 4 Steps to Add Youtube... Read moreClickable image: How to link HTML image to URL
11 Sep 2021 You can make an image clickable by wrapping the image html tag(<img>) with link html tag(<a></a>). First, start off by adding an image using HTML. code: <img class="linked-image" src=" https://clickable-image.avicnotes.repl.co/drone-in-flight.jpg " alt="Flying drone with camera"> Wrap the image with a link: code: <a href="https://devpractical.com/blog/"> <img class="linked-image" src=" https://clickable-image.avicnotes.repl.co/drone-in-flight.jpg" alt="Flying drone... Read moreCan HTML Buttons Have href?[Answered]
21 Aug 2021 HTML buttons cannot have href attribute if they are created using button <button> </button> HTML tags. However, you can use href attribute if you create the buttons using link <a> </a> HTML tags. How to Add href to HTML Buttons There are two methods you can use to add href... Read moreShould HTML be Indented?[Answered]
24 Jul 2021 Yes, HTML should be indented uniformly because it makes HTML code more readable. This results in an easier to maintain code compared to HTML code without indentations. How to Indent HTML Code There are three common methods used to indent HTML code: two spaces, four spaces and tab space. All... Read moreDoes HTML Interpeters Ignore White Space
10 Jul 2021 Does HTML interpreters ignore white space The HTML interpreter ignore white spaces by default. HTML ignore any space added after the first space between words. Any space at the start or end of a HTML tags is completely ignored. HTML interpreters also ignore line breaks by default. This is a... Read moreHow to Center a HTML Form in CSS
19 Dec 2020 The best way to center a form horizontally in HTML and CSS is by using CSS flexbox. It is responsive and works well on mobile, tablet and desktop view. Previously, we used to rely on methods that seemed like some CSS hacks. CSS flexbox came to solve such problems. How... Read moreHow To Create A Simple Right Sidebar In HTML CSS
14 Nov 2020 A sidebar is a smaller section of a web page that contains links and components that are important on that website. You usually place it to the right, or left of the main content. A website can contain both the right and left sidebar. How to Create a Simple Sidebar... Read moreMain parts of a web page layout with examples
24 Oct 2020 There are 5 main parts of any web page layout that you will encounter are. These are: headers navigation bars main content area sidebars footers Most web pages will contain all the five parts. However, some web pages may omit some of the parts e.g. - a landing page or... Read moreHow to make a single line and multi-line comment in HTML
10 Oct 2020 You can create a single line comment by putting <!-- at the start and --> at the end of your comment. You can also make a multi-line comment in HTML by adding <!-- at the beginning of your comment and --> at the end of your multi-line comment. Comments tags... Read moreHow to create internal links to a section on the same page in HTML
26 Sep 2020 You can create a link to a specific section or element on a the same webpage in two steps: Assign the section/ element an id. <p id="section-1">The link jumps to this paragraph</p> Add the id value to the link. <a href="#section-1">Jump to section 1</a> Linking to a section on different... Read moreCan you make a website with just HTML?[Answered]
20 Aug 2020 Yes, you can make a website using your knowledge of HTML only. I have created an example website purely out of HTML that you can checkout for yourself. Here is how it looks like. You can confirm for yourself that I have not added any CSS to style the website... Read moreAre HTML tags case sensitive?
20 Aug 2020 No. HTML tags are not case sensitive. You can write all HTML tags in lowercase or uppercase and they will be correctly rendered on a browser. This means that <h1>lowercase</h1> and <H1>UPPERCASE</H1> will work on any browser. Can HTML tags be uppercase? You can write HTML tags in uppercase and... Read moreLearn HTML Guide: things to learn in HTML
08 Aug 2020 When learning HTML, you should know the tools and the language used in creating website. Learning the tools will help you create website with any available tools. Learning the language will help you able to create your first project. You will also be able to Google and ask questions that... Read moreBest books to learn html for beginners
08 Jul 2020 Books are wonderful way to learn a new skill. You can learn the Basics of HTML and CSS from well written books in this subject. The two books I would recommend most are written by Shay howe, and Jon Duckett. Book 1: Learn to Code HTML and CSS: Develop and... Read more10 Famous HTML-only Website Examples
30 May 2020 When you are starting to learn Web development, you hear about all these languages and frameworks you have to learn. Let me tell you, you don’t need all of them. At first. Infact, you can create something useful with just one of the languages namely: HTML. This list of websites... Read moreHow many HTML tags are there in HTML[Answered]
28 May 2020 There are 142 and 132 HTML tags according to Mozilla Developer Network(MDN) and HTML.com respectively. I looked at all the major websites that list HTML tags and collected all the numbers in this blog post. I researched and counted all the HTML tags, so you don’t have to count them... Read moreHTML Tags List For Table
09 May 2020 List of all elements used to create a HTML table You can use the following HTML tags to make a table your web page. table <table> </table> thead <thead> </thead> tbody <tbody> </tbody> th <th> </th> tr <tr> </tr> td <td> </td> tfoot <tfoot> </tfoot> col <col> colspan=”2” rowspan=”3” colgroup... Read moreHow to upload and add an image to your HTML Codepen project
26 Feb 2020 If you are having a challenge adding images to a codepen project, this post is for you. I will show you how to add pictures on your codepen project whether you have a free or a Pro codepen account. How to add images in HTML Codepen You should have your... Read more15 Projects-based Tutorials to Practice HTML and CSS Skills
25 Nov 2019 You can create real world projects using project-based HTML and CSS tutorials. All you have to do is choose one of the 15 projects and follow the tutorial to created it. There are a lot of courses that teach HTML and CSS online. However most of them usually teach based... Read moreHow do I learn HTML?
07 Sep 2019 Maybe you have heard that HTML is the language used to make websites and you are wondering how do I learn this new language. Fortunately, for you there is enough learning materials and html is not complicated once you get a hang of it. To learn HTML, you will have... Read moreHow can I improve my HTML and CSS Skills?[Answered]
11 Aug 2019 There are two steps you can use in order to improve your HTML and CSS skills: Practice HTML and CSS using the knowledge you already know by building projects. Identify the gaps in your knowledge and filling them in. HTML and CSS are languages that you can pick up fast... Read moreWhat does form do in HTML?
13 Jul 2019 A HTML form is used to get user input on a website(or web app) and then use the input to interact with a server. The HTML form element does three things: Holds and contain the elements that will collect the input. point to where the collected data (from the form)... Read moreWhat is HTML and CSS used for? [Answered]
09 Jun 2019 HTML was the first technology that first powered the first website. Those websites had very minimal features. Today, HTML and CSS are still in use and they do so much more. Today we will look at what each of them does. HTML USES First of all html is the base... Read more9 Steps to Create a Web Page using Basic HTML for Beginners[Illustrated guide]
07 Jun 2019 If you have ever wondered how HTML is used to make websites with pictures and videos, you have landed at the right place. I am going to walk you through the 9 steps of building a one page website using HTML. If you can build a one page website, you... Read moreHow to Run HTML File on Localhost
30 Apr 2019 Normally when I want to view a HTML file, I just right-click it and choose to open it with a web browser. However, I wanted to run a html page using localhost. I went online, researched and found 3 methods that works. Outline What is localhost and where can I... Read moreWhat html tags are used in creating forms
21 Apr 2019 The html tags used in creating forms online are <form> </form> tags pair. These 2 html tags are the container that holds other tags that create the form fields to be filled. The tags used together with the form tags are: <label> </label> <input> <textarea> </textarea> <button> <select> <option> <optgroup> <fieldset>... Read moreHow to Learn HTML for Free
04 Apr 2019 You have heard that HTML is used to make website. This post is for you if you want to learn HTML but you have still have some nagging questions. Yes, you can learn HTML without having to go to a college or a boot camp. In fact, you can learn HTML... Read moreHow to Display HTML Tags as Plain Text in HTML
02 Apr 2019 You can show HTML tags as plain text in HTML on a website or webpage by replacing < with < or &60; and > with > or &62; on each HTML tag that you want to be visible. Ordinarily, HTML tags are not visible to the reader on the browser. They... Read more100 HTML PRACTICE PROJECTS IDEAS
31 Mar 2019 Back when I was learning HTML, I had a hard time coming up with HTML practice project ideas. You may be going through the same challenge. I made this list so that you don’t waste time trying to find ideas. The ideas in this list are open-ended. You can choose... Read moreHow to Learn and Practice HTML & CSS Offline
28 Mar 2019 You can practice HTML offline by using a browser, a text editor and a reference guide. The reference guide can be a book, website, or video(saved offline). By now I am assuming you have learnt some HTML using online tool and tutorials. However, you also want to practice HTML without... Read moreLearn HTML For Beginners With Examples: Practical Guide
18 Jan 2019 In this beginner-friendly guide your will learn the basics of HTML through a hands-on and practical approach. This guide is tailored for anyone with interest in learning HTML and how it contribute to the world of websites. No previous coding knowledge required. Outline What is HTML? Tools For Working With... Read moreFront End Developer Newsletter
Receive a monthly Frontend Web Development newsletter.
Never any spam, easily unsubscribe any time.