{"@attributes":{"version":"2.0"},"channel":{"title":"HTML on Coderslang: Become a Software Engineer","link":"https:\/\/learn.coderslang.com\/tags\/html\/","description":"Recent content in HTML on Coderslang: Become a Software Engineer","generator":"Hugo -- gohugo.io","lastBuildDate":"Sun, 20 Nov 2022 00:00:00 +0000","item":[{"title":"How to change font color in HTML","link":"https:\/\/learn.coderslang.com\/0237-how-to-change-font-color-in-html\/","pubDate":"Sun, 20 Nov 2022 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0237-how-to-change-font-color-in-html\/","description":"If you want to change the color of your HTML font, there are a couple of different ways that you can do it. One way is to use the “color” attribute in the opening tag for the element that you want to change."},{"title":"How to center an image in HTML","link":"https:\/\/learn.coderslang.com\/0214-how-to-center-an-image-in-html\/","pubDate":"Mon, 22 Aug 2022 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0214-how-to-center-an-image-in-html\/","description":"Centering an image in HTML is a little harder than centering text as there’s no single CSS property that you could use to make sure your image appears at the center of the web page."},{"title":"How to center text in HTML","link":"https:\/\/learn.coderslang.com\/0213-how-to-center-text-in-html\/","pubDate":"Mon, 15 Aug 2022 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0213-how-to-center-text-in-html\/","description":"Before HTML5 there used to be a <center> tag that allowed you to center text on your web page. Now it’s deprecated. If you need to center the text on your HTML page, you should use the CSS property text-align."},{"title":"How to use BEM naming convention with SCSS","link":"https:\/\/learn.coderslang.com\/0203-how-to-use-bem-naming-convention-with-scss\/","pubDate":"Sat, 16 Jul 2022 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0203-how-to-use-bem-naming-convention-with-scss\/","description":"This article is for the intermediate level. This article explains the importance of writing better CSS class names with code snippets using SCSS. This article is targeted for the group of people who are interested to learn about BEM naming convention and want simple and descriptive explanation to what block, element and modifiers in BEM are."},{"title":"Get random integer in a range using JavaScript","link":"https:\/\/learn.coderslang.com\/0193-get-random-integer-in-a-range-with-javascript\/","pubDate":"Mon, 07 Feb 2022 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0193-get-random-integer-in-a-range-with-javascript\/","description":"Similarly to generating a random float number within the specific range, you can write a function to get a random integer with a range.\nfunction getRandomIntegerInRange(min, max) { return Math.floor(Math.random() * (Math."},{"title":"How to check if a variable is a string in JavaScript","link":"https:\/\/learn.coderslang.com\/0182-how-to-check-if-a-variable-is-a-string-in-javascript\/","pubDate":"Thu, 27 Jan 2022 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0182-how-to-check-if-a-variable-is-a-string-in-javascript\/","description":"To check that a JS variable is of a type string, you can use 2 operators: instanceof and typeof. Here’s a quick solution.\nif (typeof text === 'string' || text instanceof String) { \/\/ it's a string!"},{"title":"Get random number in a range using JavaScript","link":"https:\/\/learn.coderslang.com\/0181-get-random-number-in-a-range-with-javascript\/","pubDate":"Wed, 26 Jan 2022 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0181-get-random-number-in-a-range-with-javascript\/","description":"To get a random number is JS you almost always rely on the function Math.random. The only issue is that it returns a number between 0 and 1.\nYou can generate a number in a specific range by writing a straightforward function."},{"title":"How to get screen width and height with JavaScript","link":"https:\/\/learn.coderslang.com\/0180-how-to-get-screen-width-and-height-with-javascript\/","pubDate":"Tue, 25 Jan 2022 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0180-how-to-get-screen-width-and-height-with-javascript\/","description":"

The object window.screen<\/code> holds all the information you about the current screen. You can access the resolution\nof the screen by accessing its width<\/code> and height<\/code> properties.<\/p>"},{"title":"How to check if an HTML element is visible or hidden with jQuery","link":"https:\/\/learn.coderslang.com\/0158-check-if-an-html-element-is-visible-or-hidden-with-jquery\/","pubDate":"Tue, 04 Jan 2022 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0158-check-if-an-html-element-is-visible-or-hidden-with-jquery\/","description":"There are 2 jQuery selectors that can help you determine whether an HTML element is visible or not.\nFirst, you can use the selector :visible to check if an element is visible on the web page."},{"title":"How to Print an Array in JavaScript","link":"https:\/\/learn.coderslang.com\/0154-how-to-print-an-array-in-javascript\/","pubDate":"Fri, 31 Dec 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0154-how-to-print-an-array-in-javascript\/","description":"

Learn how to print the whole array with JS and how to print individual elements of the JS array\nin both HTML (browser) and Node.js (server-side) environments.<\/p>"},{"title":"Show or Hide any HTML element with a Button Click","link":"https:\/\/learn.coderslang.com\/0153-show-or-hide-any-html-element-with-a-button-click\/","pubDate":"Thu, 30 Dec 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0153-show-or-hide-any-html-element-with-a-button-click\/","description":"

To toggle (show\/hide) an HTML element with a button click you need to do one\nsimple trick in the onclick<\/code> handler of that button. Let me show you how it’s done.<\/p>"},{"title":"HTML Vertical Line","link":"https:\/\/learn.coderslang.com\/0152-create-a-vertical-line-with-html-and-css\/","pubDate":"Wed, 29 Dec 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0152-create-a-vertical-line-with-html-and-css\/","description":"

You can add a vertical line to your HTML page by using the <div><\/code> tag with custom CSS styling.\nLet’s dive into the details.<\/p>"},{"title":"Disable any Button with JavaScript","link":"https:\/\/learn.coderslang.com\/0151-disable-any-button-with-javascript\/","pubDate":"Tue, 28 Dec 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0151-disable-any-button-with-javascript\/","description":"

You can disable any HTML button with JavaScript, by setting its disabled<\/code> property to true<\/code>.\nLet’s see how you can locate a specific button and prevent clicks by disabling it.<\/p>"},{"title":"How to Create a Confirmation Modal with \"yes\" and \"no\" options in JS","link":"https:\/\/learn.coderslang.com\/0150-how-to-create-a-confirmation-modal-with-yes-and-no-options-in-js\/","pubDate":"Mon, 27 Dec 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0150-how-to-create-a-confirmation-modal-with-yes-and-no-options-in-js\/","description":"

A JavaScript confirm<\/code> function is a convenient way to display the confirmation box with\nthe “OK” and “Cancel” options and capture user’s response. Let’s see how it’s done.<\/p>"},{"title":"How to add a line break in HTML","link":"https:\/\/learn.coderslang.com\/0149-how-to-add-a-line-break-in-html\/","pubDate":"Sun, 26 Dec 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0149-how-to-add-a-line-break-in-html\/","description":"You can add a line break in HTML using the <br> tag. It works in all browsers.\nThe <br> tag is a so-called “empty tag”, which means it doesn’t need a closing tag."},{"title":"Redirect to another page with JavaScript","link":"https:\/\/learn.coderslang.com\/0135-redirect-to-another-page-with-javascript\/","pubDate":"Sun, 12 Dec 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0135-redirect-to-another-page-with-javascript\/","description":"If you want to redirect to another page with JavaScript, you can use the window.location object. This object is part of the window global object and has a property called href."},{"title":"What does HTML stand for","link":"https:\/\/learn.coderslang.com\/0131-what-does-html-stand-for\/","pubDate":"Mon, 06 Dec 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0131-what-does-html-stand-for\/","description":"HTML stands for HyperText Markup Language. It is a programming language for creating the structure and the contents of the website.\nEvery website you visit including this one which you are reading right now is built with the help of HTML."},{"title":"Which HTML tag is used to define an internal style sheet","link":"https:\/\/learn.coderslang.com\/0130-which-html-tag-is-used-to-define-an-internal-style-sheet\/","pubDate":"Fri, 03 Dec 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0130-which-html-tag-is-used-to-define-an-internal-style-sheet\/","description":"The style tag is used to define an internal style sheet in an HTML file. It is the HTML element that adds CSS stylings directly into the HTML file. Inside the style tag, you can write CSS code as if you were in a CSS file."},{"title":"How to change the color while hovering in CSS","link":"https:\/\/learn.coderslang.com\/0129-how-to-change-the-color-while-hovering-in-css\/","pubDate":"Thu, 02 Dec 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0129-how-to-change-the-color-while-hovering-in-css\/","description":"To change the color when hovering in CSS, you will use the CSS selector called :hover.\nThe :hover is a CSS pseudo-class that will select the HTML element when the user hovers over with the mouse."},{"title":"How to edit an HTML file","link":"https:\/\/learn.coderslang.com\/0128-how-to-edit-an-html-file\/","pubDate":"Wed, 01 Dec 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0128-how-to-edit-an-html-file\/","description":"If you want to edit an HTML file, you are going to need a special tool called IDE.\nAn Integrated development environment (IDE) is a computer application tool used for writing and editing code."},{"title":"How to run an HTML file","link":"https:\/\/learn.coderslang.com\/0127-how-to-run-an-html-file\/","pubDate":"Tue, 30 Nov 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0127-how-to-run-an-html-file\/","description":"Learn how to run an HTML file in three easy steps.\nYou can open\/run an HTML file by using any browser applications installed on your computers such as Google Chrome, Mozilla Firefox, Safari, Opera, or Microsoft Edge."},{"title":"Why is my CSS not working","link":"https:\/\/learn.coderslang.com\/0126-why-is-my-css-not-working\/","pubDate":"Mon, 29 Nov 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0126-why-is-my-css-not-working\/","description":"Did you have a problem that your CSS is not working? No matter how many changes you make - big or small - it just doesn’t work at all?\nIn that case, some underlying problem prevents you from applying CSS to your web page."},{"title":"How to Open a Link in a New Tab in HTML","link":"https:\/\/learn.coderslang.com\/0124-how-to-open-a-link-in-a-new-tab-in-html\/","pubDate":"Wed, 22 Sep 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0124-how-to-open-a-link-in-a-new-tab-in-html\/","description":"Did you notice on some websites where when you click a link \u2014 it will open a page in a new tab? And you want to know how to do this trick."},{"title":"How Long Does It Take to Learn CSS","link":"https:\/\/learn.coderslang.com\/0123-how-long-does-it-take-to-learn-css\/","pubDate":"Tue, 21 Sep 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0123-how-long-does-it-take-to-learn-css\/","description":"CSS is the key element of the modern web development. You absolutely must learn it to become a Frontend dev.\nIt will take about 2-3 weeks to learn CSS and 1-2 months of practice to be good at it."},{"title":"How to Remove Underlines From Links in CSS","link":"https:\/\/learn.coderslang.com\/0122-how-to-remove-underlines-from-links-in-css\/","pubDate":"Mon, 20 Sep 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0122-how-to-remove-underlines-from-links-in-css\/","description":"You know how hyperlinks always come with an underline, right? And you want to get rid of it so you can add your style. Well, you can do it by using the text-decoration property."},{"title":"What is src in HTML","link":"https:\/\/learn.coderslang.com\/0117-what-is-src-in-html\/","pubDate":"Mon, 13 Sep 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0117-what-is-src-in-html\/","description":"The src attribute specifies the URL of the page to embed.\nIf the src attribute is not specified, nothing will be displayed on the page.\nThe src attribute can be used on the following elements: <frame>, <iframe>, <img>, <input>, <script>, and <video>."},{"title":"How Long It Takes to Learn HTML","link":"https:\/\/learn.coderslang.com\/0115-how-long-it-takes-to-learn-html\/","pubDate":"Thu, 09 Sep 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0115-how-long-it-takes-to-learn-html\/","description":"It will take 2-3 weeks to learn the basics of HTML and 1-2 months of practice to be good at it. Depending on how many hours a day you spend learning, you will learn HTML sooner or later."},{"title":"How to make an image clickable in HTML","link":"https:\/\/learn.coderslang.com\/0114-how-to-make-an-image-clickable-in-html\/","pubDate":"Wed, 08 Sep 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0114-how-to-make-an-image-clickable-in-html\/","description":"Learn how to make an image clickable in HTML with two easy-to-follow steps.\nStep 1: Create an image The first step is to add an image that you want to make clickable."},{"title":"How to move text in HTML","link":"https:\/\/learn.coderslang.com\/0111-how-to-move-text-in-html\/","pubDate":"Fri, 03 Sep 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0111-how-to-move-text-in-html\/","description":"To move your text in HTML, you will need to use the text-align property. Text-align is a CSS property that will align the HTML text to the left, right or center of the web page."},{"title":"How to create multiple pages in HTML","link":"https:\/\/learn.coderslang.com\/0110-how-to-create-multiple-pages-in-html\/","pubDate":"Thu, 02 Sep 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0110-how-to-create-multiple-pages-in-html\/","description":"Learn how to create multiple pages in HTML with three easy-to-follow steps.\nStep 1: Create a folder The first step is to add a folder. A folder stores all your pages in one place and makes it easier to organize your project."},{"title":"What is the correct HTML for making a Drop-Down List","link":"https:\/\/learn.coderslang.com\/0109-the-correct-html-for-making-a-drop-down-list\/","pubDate":"Tue, 31 Aug 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0109-the-correct-html-for-making-a-drop-down-list\/","description":"The select element is the correct HTML for making a drop-down List. For a quick refresher, It is an HTML element tag that creates a drop-down list and is used to get user submissions on an input form."},{"title":"How to Comment Out in JavaScript","link":"https:\/\/learn.coderslang.com\/0108-how-to-comment-out-in-javascript\/","pubDate":"Mon, 30 Aug 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0108-how-to-comment-out-in-javascript\/","description":"There are two ways you can comment out the code in JavaScript, and they are:\n Single line comment Multiple line comment Let’s take a look at what each of these does:"},{"title":"Inside Which HTML Element Do We Put The JavaScript","link":"https:\/\/learn.coderslang.com\/0107-inside-which-html-element-do-we-put-the-javascript\/","pubDate":"Fri, 27 Aug 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0107-inside-which-html-element-do-we-put-the-javascript\/","description":"The script tag is used when we want to put a JavaScript code in an HTML file.\nThe script is the HTML element tag used to insert a JavaScript code in an HTML file."},{"title":"How to Link to a Specific Part of an HTML Page","link":"https:\/\/learn.coderslang.com\/0106-how-to-link-to-a-specific-part-of-an-html-page\/","pubDate":"Thu, 26 Aug 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0106-how-to-link-to-a-specific-part-of-an-html-page\/","description":"Have you noticed in some web pages where you click the link in the table of contents or the navigation bar, it will scroll down to the specific part of the page?"},{"title":"How to Add JavaScript to HTML","link":"https:\/\/learn.coderslang.com\/0105-how-to-add-javascript-to-html\/","pubDate":"Tue, 17 Aug 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0105-how-to-add-javascript-to-html\/","description":"To add JavaScript to HTML files, you will use an HTML element tag called a script.\nA script tag is a tag that lets you insert JavaScript code in the HTML file."},{"title":"How to Call JavaScript Function On Button Click in HTML","link":"https:\/\/learn.coderslang.com\/0103-how-to-call-javascript-function-on-button-click-in-html\/","pubDate":"Fri, 13 Aug 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0103-how-to-call-javascript-function-on-button-click-in-html\/","description":"In this tutorial you’ll learn how you can call a JavaScript function on button click in HTML with three easy-to-follow steps.\nStep 1: Create a JavaScript function The first thing to do is create a JavaScript function."},{"title":"What does > mean in CSS","link":"https:\/\/learn.coderslang.com\/0099-what-does-mean-in-css\/","pubDate":"Fri, 06 Aug 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0099-what-does-mean-in-css\/","description":"When used in a CSS selector, the greater than symbol (>) represents the direct child relationship between two elements.\nThe greater than “>” sign in CSS means selecting the HTML elements that are the first direct descendant of the parent element but ignore the second, third, and other descendants."},{"title":"Where in an HTML document is the correct place to refer to an external style sheet","link":"https:\/\/learn.coderslang.com\/0097-where-in-an-html-document-is-the-correct-place-to-refer-to-an-external-style-sheet\/","pubDate":"Wed, 04 Aug 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0097-where-in-an-html-document-is-the-correct-place-to-refer-to-an-external-style-sheet\/","description":"The correct place to refer to the external style sheet in an HTML document is inside the head section. The head section locates at the topmost part of the HTML document, and it’s where you add the external style sheet code to access the CSS file from which you can use it to apply the stylings to an HTML web page."},{"title":"How to use div tag in HTML to divide the page","link":"https:\/\/learn.coderslang.com\/0096-how-to-use-div-tag-in-html-to-divide-the-page\/","pubDate":"Tue, 03 Aug 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0096-how-to-use-div-tag-in-html-to-divide-the-page\/","description":"Learn how to divide the page in HTML using the div tag in 3 easy steps.\nStep 1: Add the div tags Let’s say you want to divide the page into three sections."},{"title":"How to put text next to an image in HTML","link":"https:\/\/learn.coderslang.com\/0095-how-to-put-text-next-to-an-image\/","pubDate":"Mon, 02 Aug 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0095-how-to-put-text-next-to-an-image\/","description":"Sometimes, you want to put text next to the image to display the information like a profile picture of the social media or service platform, a company’s team members, and many more."},{"title":"How to center a table in HTML","link":"https:\/\/learn.coderslang.com\/0094-how-to-center-a-table-in-html\/","pubDate":"Fri, 30 Jul 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0094-how-to-center-a-table-in-html\/","description":"In this short article, you will learn how to center a table in HTML. You will use the style attribute to make the table move to the center.\nHere’s a sample HTML table that we are going to use for this guide:"},{"title":"What is `` in HTML","link":"https:\/\/learn.coderslang.com\/0093-what-is-tr-in-html\/","pubDate":"Thu, 08 Jul 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0093-what-is-tr-in-html\/","description":"tr which stands for Table Row is an HTML element tag and is used to define a row of cells in a table.\nYou use tr whenever you want to create a table on an HTML page."},{"title":"What is the right place for the analytics code in the HTML","link":"https:\/\/learn.coderslang.com\/0092-where-to-place-analytics-tracking-code-in-html\/","pubDate":"Wed, 07 Jul 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0092-where-to-place-analytics-tracking-code-in-html\/","description":"In this beginner tutorial you’ll learn how to properly add the analytics code to your website.\nWhen you want to add the analytics tracking code for data collection, you place the code inside the header of the website which is the head tag."},{"title":"How Long it Takes to Learn JavaScript","link":"https:\/\/learn.coderslang.com\/0091-how-long-it-takes-to-learn-javascript\/","pubDate":"Sat, 03 Jul 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0091-how-long-it-takes-to-learn-javascript\/","description":"One of the most common questions beginner programmers ask is how long it takes to learn JavaScript. You want to know how long it will take you before you start building JavaScript projects and get a job in software development."},{"title":"How to link an image in HTML","link":"https:\/\/learn.coderslang.com\/0090-how-to-link-an-image-in-html\/","pubDate":"Thu, 24 Jun 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0090-how-to-link-an-image-in-html\/","description":"You need to use the HTML image element with an HTML hyperlink element to create an image link. The HTML element <img> displays an image. The HTML element <a> creates a hyperlink."},{"title":"How to rotate an image in HTML","link":"https:\/\/learn.coderslang.com\/0088-how-to-rotate-an-image-in-html\/","pubDate":"Tue, 22 Jun 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0088-how-to-rotate-an-image-in-html\/","description":"The CSS transform property can rotate an image by a specified angle.\nA positive angle creates a clockwise rotation. A negative value creates an anti-clockwise rotation.\nThere exist two types of rotations, the 2D and 3D rotations."},{"title":"How to center a button in HTML","link":"https:\/\/learn.coderslang.com\/0087-how-to-center-a-button-in-html\/","pubDate":"Mon, 21 Jun 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0087-how-to-center-a-button-in-html\/","description":"There exist many ways to center a button on a web page. Here are few easy ways you can learn and master in less time.\n You can center align the texts in the parent container."},{"title":"What is
in HTML and how to use it","link":"https:\/\/learn.coderslang.com\/0086-what-is-br-in-html\/","pubDate":"Fri, 18 Jun 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0086-what-is-br-in-html\/","description":"Often you want to display texts with frequent line breaks, such as addresses, poems, etc on websites. The HTML element <br> provides an easy way to break lines on web pages."},{"title":"Which CSS property is used to make the text italic","link":"https:\/\/learn.coderslang.com\/0085-which-css-property-is-used-to-make-the-text-italic\/","pubDate":"Thu, 17 Jun 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0085-which-css-property-is-used-to-make-the-text-italic\/","description":"You can italicize a text using the CSS property, font-style. This property sets the texts to other styles too such as normal and oblique. The default value for the CSS property, font-style is normal for every text."},{"title":"Which HTML attribute is used to define inline styles","link":"https:\/\/learn.coderslang.com\/0084-which-html-attribute-is-used-to-define-inline-styles\/","pubDate":"Wed, 16 Jun 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0084-which-html-attribute-is-used-to-define-inline-styles\/","description":"The HTML style attribute allows you to add inline CSS styles to your HTML tags.\nA coding sample This example makes use of the HTML style attribute for the following style changes:"},{"title":"What is the Correct HTML for inserting a background image","link":"https:\/\/learn.coderslang.com\/0083-what-is-the-correct-html-for-inserting-a-background-image\/","pubDate":"Tue, 15 Jun 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0083-what-is-the-correct-html-for-inserting-a-background-image\/","description":"You can use the CSS property, background-image to set background images for your HTML web pages.\nThis CSS property background-image sets one or many background images on a web page. By default, the images appear at the top left corner of the web page."},{"title":"How to make a checkbox in HTML","link":"https:\/\/learn.coderslang.com\/0080-how-to-make-a-checkbox-in-html\/","pubDate":"Sun, 13 Jun 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0080-how-to-make-a-checkbox-in-html\/","description":"You can use the HTML input tag to create a checkbox. The HTML input tag displays a checkbox when you set the type attribute with the value, "checkbox".\nIf you’ve been searching for what is the correct HTML for making a Checkbox, look no further."},{"title":"Which CSS Property Controls the Text Size","link":"https:\/\/learn.coderslang.com\/0079-which-css-property-controls-the-text-size\/","pubDate":"Sat, 12 Jun 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0079-which-css-property-controls-the-text-size\/","description":"You can use the CSS property, font-size to set or change the text size on your website.\nThe text visibility on a website is one such factor that contributes to a good user experience."},{"title":"How I Got 1000 Followers on DEV","link":"https:\/\/learn.coderslang.com\/0081-how-i-got-1000-followers-on-dev\/","pubDate":"Fri, 11 Jun 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0081-how-i-got-1000-followers-on-dev\/","description":"I just hit my first significant milestone by getting 1000 followers on dev.to and I thank you all from the bottom of my heart. Now, I want to share my experience starting from the day I’ve created an account."},{"title":"What does do in HTML","link":"https:\/\/learn.coderslang.com\/0077-what-does-span-do-in-html\/","pubDate":"Wed, 09 Jun 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0077-what-does-span-do-in-html\/","description":"The span element in HTML is used to group inline-elements in a document. The span element does not provide any visual representation of itself on a page, and is therefore often used to apply CSS styles or other attributes to a group of elements without changing the appearance of the individual elements."},{"title":"How to Call a JavaScript function in HTML","link":"https:\/\/learn.coderslang.com\/0074-how-to-call-a-javascript-function-in-html\/","pubDate":"Sun, 06 Jun 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0074-how-to-call-a-javascript-function-in-html\/","description":"In this tutorial, you’ll learn how to call JavaScript functions from HTML pages to make them interactive.\nThe HTML and CSS can structure a web, can give a web its appearance and responsiveness."},{"title":"How to Center a Button in CSS and HTML","link":"https:\/\/learn.coderslang.com\/0073-how-to-center-a-button-in-css-and-html\/","pubDate":"Sat, 05 Jun 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0073-how-to-center-a-button-in-css-and-html\/","description":"Making the button center can sometimes be tricky as there are numerous ways to achieve it using CSS. Here are the 3 options that you can use right now to center the button."},{"title":"How to Make Text Bold in CSS","link":"https:\/\/learn.coderslang.com\/0072-how-to-make-text-bold-in-css\/","pubDate":"Fri, 04 Jun 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0072-how-to-make-text-bold-in-css\/","description":"To make the text bold using CSS, you should use the font-weight property and then set the value to bold. A font-weight is a CSS property that will specify how thick the text should be."},{"title":"How to link JavaScript to HTML","link":"https:\/\/learn.coderslang.com\/0071-how-to-link-javascript-to-html\/","pubDate":"Thu, 03 Jun 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0071-how-to-link-javascript-to-html\/","description":"You need JavaScript to define how your web pages interact with end-user. In this tutorial, you’ll learn the different methods to link a JavaScript code to an HTML file.\nDifferent methods to link JavaScript code to an HTML document You can link JavaScript code to an HTML document using <script> tag:"},{"title":"What does \"div\" mean in HTML","link":"https:\/\/learn.coderslang.com\/0069-what-does-div-mean-in-html\/","pubDate":"Tue, 01 Jun 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0069-what-does-div-mean-in-html\/","description":"<div> \u2014 is one of the most-used HTML tags. It allows you to define the structure of the web page clearly. Let’s dig into the details about what div is and how to use it."},{"title":"How to Add Images in HTML From a Folder","link":"https:\/\/learn.coderslang.com\/0068-how-to-add-images-in-html-from-a-folder\/","pubDate":"Mon, 31 May 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0068-how-to-add-images-in-html-from-a-folder\/","description":"Have you seen any websites without images? Yes, we still might get a few, but they are rare these days. Let’s learn how you can add images to HTML documents."},{"title":"How to Create an HTML File","link":"https:\/\/learn.coderslang.com\/0066-how-to-create-an-html-file\/","pubDate":"Sat, 29 May 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0066-how-to-create-an-html-file\/","description":"The HTML files define the structure of a web page. Thus, to create a web page, the very first step is to write the HTML file for it. In this article, you will learn, how to create an HTML file from scratch."},{"title":"What is the Difference Between HTML and CSS?","link":"https:\/\/learn.coderslang.com\/0065-what-is-the-difference-between-html-and-css\/","pubDate":"Fri, 28 May 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0065-what-is-the-difference-between-html-and-css\/","description":"Both HTML and CSS are the key pillars of modern web development. Let’s learn what’s the main difference between the two.\nIf you think of a human body, you will find, every one of us has a skeleton structure underneath flesh and skins."},{"title":"How to Change the Color of the Text using CSS","link":"https:\/\/learn.coderslang.com\/0063-how-to-change-the-color-of-the-text-using-css\/","pubDate":"Sat, 22 May 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0063-how-to-change-the-color-of-the-text-using-css\/","description":"To change the text color with CSS, you should use the color CSS property. The value for it can be provided using 3 main options:\n a name of the color \u2014 “red”, “green”, “blue” a HEX code that starts with the hashtag \u2014 “#00FF00”, “#121212” an RGB code that looks like this \u2014 “rgb(125, 20, 255)” Let\u2019s use all three options to write CSS that changes the color of the headers h1, h2, and h3."},{"title":"HTML Text Properties","link":"https:\/\/learn.coderslang.com\/0055-html-text-properties\/","pubDate":"Thu, 11 Mar 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0055-html-text-properties\/","description":"HTML text has a couple of properties. When these properties change, the looks and feel of the website changes too. For example, here I\u2019ve already told you how to change the color of the text in HTML."},{"title":"HTML links and attributes","link":"https:\/\/learn.coderslang.com\/0053-html-links-and-attributes\/","pubDate":"Tue, 09 Mar 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0053-html-links-and-attributes\/","description":"\u2014 Hey there! It looks like you’ve already figured out the basic HTML elements.\n\u2014 Well, I solved all practical tasks and realized that each tag has its own capabilities."},{"title":"HTML Lists for beginners. Syntax and Styling.","link":"https:\/\/learn.coderslang.com\/0052-html-lists\/","pubDate":"Mon, 08 Mar 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0052-html-lists\/","description":"\u2014 Let’s go ahead and explore new tags.\n\u2014 I thought we were already done with the tags. After all, we even studied the attributes.\n\u2014 Oh no, there are still a lot of HTML tags."},{"title":"Beginners Guide into HTML Tables","link":"https:\/\/learn.coderslang.com\/0051-beginners-guide-into-html-tables\/","pubDate":"Sun, 07 Mar 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0051-beginners-guide-into-html-tables\/","description":"An HTML table is an element comprised of table rows and columns, much like you’d see in an Excel spreadsheet. Tables are useful for displaying data in a tabular format, and they can be used for layout purposes as well."},{"title":"External CSS stylesheet","link":"https:\/\/learn.coderslang.com\/0044-external-css-stylesheet\/","pubDate":"Sun, 28 Feb 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0044-external-css-stylesheet\/","description":"CSS (Cascading Style Sheets) is a style sheet language used for describing the presentation of a document written in a markup language. A style sheet is a collection of rules that tells a web browser how to display a document written in HTML or XML."},{"title":"Internal CSS stylesheet in the HTML document","link":"https:\/\/learn.coderslang.com\/0043-internal-css-stylesheet-in-html\/","pubDate":"Sat, 27 Feb 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0043-internal-css-stylesheet-in-html\/","description":"\u2014 You already know how you can add styles to a specific element. For example, you know how to change the color of the text inside the <p> tag. But what if we need to do this for several tags of the same type?"},{"title":"HTML document structure","link":"https:\/\/learn.coderslang.com\/0041-html-document-structure\/","pubDate":"Thu, 25 Feb 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0041-html-document-structure\/","description":"In the previous lectures, you learned about the most common HTML tags. It’s hard to imagine a web page without headings, paragraphs, links, lists, and tables.\nToday, I’m going to tell you about tags that are not so obvious."},{"title":"Nested HTML tags","link":"https:\/\/learn.coderslang.com\/0040-nested-html-tags\/","pubDate":"Wed, 24 Feb 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0040-nested-html-tags\/","description":"In HTML, you can nest not only inline tags but also almost any other combination of tags.\nFor example, you can easily create a <div> tag to merge two paragraphs:"},{"title":"Inline HTML tags","link":"https:\/\/learn.coderslang.com\/0039-inline-html-tags\/","pubDate":"Tue, 23 Feb 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0039-inline-html-tags\/","description":"Inline HTML tags are those tags which are used to format the content within a web page without affecting the layout of the page. These tags are mostly used to apply formatting on text, but can also be used on other elements like images and tables."},{"title":"Introduction to HTML for beginners","link":"https:\/\/learn.coderslang.com\/0038-introduction-to-html\/","pubDate":"Mon, 22 Feb 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0038-introduction-to-html\/","description":"What is HTML after all?\nHTML stands for HyperText Markup Language. HTML is responsible for the structure and content of a page, and tags are the building blocks for building a page."},{"title":"HTML, how to add a comment","link":"https:\/\/learn.coderslang.com\/0034-html-how-to-add-a-comment\/","pubDate":"Thu, 18 Feb 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0034-html-how-to-add-a-comment\/","description":"To add a comment into an HTML document, there’s a special tag <!-- comment -->.\nThere are times when you need to add comments to an HTML page. Comments are text that will be visible to your colleagues, but not visible to users who browse your website."},{"title":"HTML, insert an image into the page","link":"https:\/\/learn.coderslang.com\/0032-html-insert-an-image\/","pubDate":"Tue, 16 Feb 2021 00:00:00 +0000","guid":"https:\/\/learn.coderslang.com\/0032-html-insert-an-image\/","description":"To insert an image into the HTML document, you can use the tag <image>. This HTML tag has 2 key attributes:\n src \u2014 defines the path to the image file alt \u2014 sets the alternative text."}]}}