HOW TO ADD TELEPHONE LINKS WITH HTML Solution with tel: ¶. Telephone links are the ones that you tap to call a number on phone-capable devices. Of course, some devices are able to recognize phone numbers and provide the linking automatically, but it’s not always so. In the example below, we use :tel within the HTML tag. Note that tel: is much like a protocol, and not a feature. HOW TO REDIRECT A WEB PAGE WITH PHP Also, it is likely to apply this function for sending a new HTTP header, but one should send it to the browser prior to any text or HTML. Let’s see how to redirect a web page using the header()

function:

JAVASCRIPT FILE AND FILEREADER Summary¶. File objects use the methods and properties of Blob.But, they have additional properties such as name and lastModified.File objects are usually received from user input such as or Drag and drop events.. FileReader objects are capable of reading from a file or a blob, in one of the formats below:. String; ArrayBuffer; Data URL,

base-64 encoded.

HOW TO INSERT VIDEO IN HTML To have the embed link of the YouTube video, follow these simple steps: Open the video on YouTube and click the share button. Open the Embed code. Copy the Source link. As you copy the embed link you can insert it into your HTML document as the src of your HOW TO DETECT DEVICE ORIENTATION WITH CSS MEDIA QUERIES Solution with CSS media queries¶. Below, we use the orientation @media query and let the content to adjust its layout depending on whether the browser window is in the landscape mode (the width is greater than the height) or portrait mode (the height is greater than the width).. So, in the following example, we set the flex-direction property to "row" for the orientation in the landscape mode HOW TO CREATE A BLINKING EFFECT WITH CSS3 ANIMATIONS Solutions with CSS animations ¶. CSS3 allows creating animation without any Javascript code. To have a blinking text effect, you also need the @keyframes rule. We use CSS animation by defining some keyframes for our blinking text animation and set the visibility to "hidden". In our example below, we also add the -webkit- extension to

the

HOW TO CHECK A RADIO BUTTON WITH JQUERY In this tutorial, we will show the right way to check a radio button using jQuery. Assume you have the following code: Now, let’s how you can check using jQuery. For versions of jQuery equal or above 1.6, you can use: For versions prior to 1.6, you can use: You can also add .change () to the end to trigger any other event on the page. HOW TO CREATE A REMOTE BRANCH IN GIT Steps to creating a remote branch. Creating a local branch and switching to it. Pushing a local branch to remote. The git branch Command. The git checkout Command. The git push Command. Branching is an efficient way of code management in any version control system. This snippet will help you create a remote branch in Git. HOW TO GET THE VALUE OF TEXT INPUT FIELD USING JAVASCRIPT There are several methods are used to get an input textbox value without wrapping the input element inside a form element. Let’s show you each of them separately and point the differences. The first method uses document.getElementById ('textboxId').value to get the value of the box: You can also use the document.getElementsByClassName HOW TO CHANGE AN ELEMENT’S CLASS WITH JAVASCRIPT One of the most common issues in JavaScript is changing an element’s class. In this snippet, we are going to show you the efficient ways of

achieving it.

HOW TO ADD TELEPHONE LINKS WITH HTML Solution with tel: ¶. Telephone links are the ones that you tap to call a number on phone-capable devices. Of course, some devices are able to recognize phone numbers and provide the linking automatically, but it’s not always so. In the example below, we use :tel within the HTML tag. Note that tel: is much like a protocol, and not a feature. HOW TO REDIRECT A WEB PAGE WITH PHP Also, it is likely to apply this function for sending a new HTTP header, but one should send it to the browser prior to any text or HTML. Let’s see how to redirect a web page using the header()

function:

JAVASCRIPT FILE AND FILEREADER Summary¶. File objects use the methods and properties of Blob.But, they have additional properties such as name and lastModified.File objects are usually received from user input such as or Drag and drop events.. FileReader objects are capable of reading from a file or a blob, in one of the formats below:. String; ArrayBuffer; Data URL,

base-64 encoded.

HOW TO INSERT VIDEO IN HTML To have the embed link of the YouTube video, follow these simple steps: Open the video on YouTube and click the share button. Open the Embed code. Copy the Source link. As you copy the embed link you can insert it into your HTML document as the src of your HOW TO DETECT DEVICE ORIENTATION WITH CSS MEDIA QUERIES Solution with CSS media queries¶. Below, we use the orientation @media query and let the content to adjust its layout depending on whether the browser window is in the landscape mode (the width is greater than the height) or portrait mode (the height is greater than the width).. So, in the following example, we set the flex-direction property to "row" for the orientation in the landscape mode HOW TO CREATE A BLINKING EFFECT WITH CSS3 ANIMATIONS Solutions with CSS animations ¶. CSS3 allows creating animation without any Javascript code. To have a blinking text effect, you also need the @keyframes rule. We use CSS animation by defining some keyframes for our blinking text animation and set the visibility to "hidden". In our example below, we also add the -webkit- extension to

the

HOW TO CHECK A RADIO BUTTON WITH JQUERY In this tutorial, we will show the right way to check a radio button using jQuery. Assume you have the following code: Now, let’s how you can check using jQuery. For versions of jQuery equal or above 1.6, you can use: For versions prior to 1.6, you can use: You can also add .change () to the end to trigger any other event on the page. HOW TO CREATE A REMOTE BRANCH IN GIT Steps to creating a remote branch. Creating a local branch and switching to it. Pushing a local branch to remote. The git branch Command. The git checkout Command. The git push Command. Branching is an efficient way of code management in any version control system. This snippet will help you create a remote branch in Git. HOW TO GET THE VALUE OF TEXT INPUT FIELD USING JAVASCRIPT There are several methods are used to get an input textbox value without wrapping the input element inside a form element. Let’s show you each of them separately and point the differences. The first method uses document.getElementById ('textboxId').value to get the value of the box: You can also use the document.getElementsByClassName HOW TO CHANGE AN ELEMENT’S CLASS WITH JAVASCRIPT One of the most common issues in JavaScript is changing an element’s class. In this snippet, we are going to show you the efficient ways of

achieving it.

HOW TO CREATE A FIXED NAVBAR WITH CSS Add CSS¶. Set the overflow property of the "navbar" class to "hidden" and the position to "fixed". Continue styling this class by specifying the background-color, top, and width properties.; Style the tags. Set the float property to "left" and the display to "block". Add the text-align, color, padding, text-decoration, and font-size properties.; Give color to the :hover pseudo-class so as HOW TO OVERRIDE CSS STYLES 4. ! Important ¶. An !Important declaration is a great way to override the styles you want. When an important rule is used on a style declaration, this declaration will override any other declarations. When two conflicting declarations with the !important rules are applied to the same element, the declaration with a greater

specificity will be

HOW TO CREATE A TABLE WITH A FIXED HEADER AND SCROLLABLE BODY In this tutorial, find some methods of creating an HTML table with a fixed header and scrollable body. Here, we suggest using some methods.

See examples.

HOW TO ADD AN HTML BUTTON THAT ACTS LIKE A LINK Style the link as a button¶. Add a link styled as a button with CSS properties. A href attribute is the required attribute of the tag. It specifies a link on the web page or a place on the same page where the user navigates after clicking on the link. HOW TO CREATE A BLINKING EFFECT WITH CSS3 ANIMATIONS Solutions with CSS animations ¶. CSS3 allows creating animation without any Javascript code. To have a blinking text effect, you also need the @keyframes rule. We use CSS animation by defining some keyframes for our blinking text animation and set the visibility to "hidden". In our example below, we also add the -webkit- extension to

the

HOW TO USE BCRYPT TO HASH PASSWORDS IN PHP It accepts three parameters: password, algo, and options. The first parameter (password) keeps the user password.The second one (algo) is the password algorithm constant, used in the process of denoting the algorithm to be used once the password hashing occurs.The third parameter (options) is an associative array, containing options.On success, it returns true, and returns false, otherwise. How to Vertically Center a Building a vertically and horizontally centered, fixed-width, flexible height content-box is the best solution for vertically centering a div

for all browsers.

HOW TO ADD AN ANCHOR LINK TO JUMP TO A SPECIFIC PART OF A PAGE An anchor link is a link, which allows the users to flow through a website page. It helps to scroll and skim-read easily. A named anchor can be used to link to a different part of the same page (like quickly navigating) or to a specific section of another page. HOW TO MAKE A FILL THE HEIGHT OF THE REMAINING SPACE In this snippet, you can find some methods of making a fill the remaining space. Use flexbox, absolute positioning, tables, or the

calc() function.

HOW TO CHECK FOR EMPTY/UNDEFINED/NULL STRING IN JAVASCRIPT In this tutorial, we are going to show you the ways of checking whether the JavaScript string is empty, undefined, or null. Just follow the guidelines. HOW TO ADD TELEPHONE LINKS WITH HTML Solution with tel: ¶. Telephone links are the ones that you tap to call a number on phone-capable devices. Of course, some devices are able to recognize phone numbers and provide the linking automatically, but it’s not always so. In the example below, we use :tel within the HTML tag. Note that tel: is much like a protocol, and not a feature. HOW TO REDIRECT A WEB PAGE WITH PHP Also, it is likely to apply this function for sending a new HTTP header, but one should send it to the browser prior to any text or HTML. Let’s see how to redirect a web page using the header()

function:

JAVASCRIPT FILE AND FILEREADER Summary¶. File objects use the methods and properties of Blob.But, they have additional properties such as name and lastModified.File objects are usually received from user input such as or Drag and drop events.. FileReader objects are capable of reading from a file or a blob, in one of the formats below:. String; ArrayBuffer; Data URL,

base-64 encoded.

HOW TO INSERT VIDEO IN HTML To have the embed link of the YouTube video, follow these simple steps: Open the video on YouTube and click the share button. Open the Embed code. Copy the Source link. As you copy the embed link you can insert it into your HTML document as the src of your HOW TO DETECT DEVICE ORIENTATION WITH CSS MEDIA QUERIES Solution with CSS media queries¶. Below, we use the orientation @media query and let the content to adjust its layout depending on whether the browser window is in the landscape mode (the width is greater than the height) or portrait mode (the height is greater than the width).. So, in the following example, we set the flex-direction property to "row" for the orientation in the landscape mode HOW TO CREATE A BLINKING EFFECT WITH CSS3 ANIMATIONS Solutions with CSS animations ¶. CSS3 allows creating animation without any Javascript code. To have a blinking text effect, you also need the @keyframes rule. We use CSS animation by defining some keyframes for our blinking text animation and set the visibility to "hidden". In our example below, we also add the -webkit- extension to

the

HOW TO CHECK A RADIO BUTTON WITH JQUERY In this tutorial, we will show the right way to check a radio button using jQuery. Assume you have the following code: Now, let’s how you can check using jQuery. For versions of jQuery equal or above 1.6, you can use: For versions prior to 1.6, you can use: You can also add .change () to the end to trigger any other event on the page. HOW TO CREATE A REMOTE BRANCH IN GIT Steps to creating a remote branch. Creating a local branch and switching to it. Pushing a local branch to remote. The git branch Command. The git checkout Command. The git push Command. Branching is an efficient way of code management in any version control system. This snippet will help you create a remote branch in Git. HOW TO GET THE VALUE OF TEXT INPUT FIELD USING JAVASCRIPT There are several methods are used to get an input textbox value without wrapping the input element inside a form element. Let’s show you each of them separately and point the differences. The first method uses document.getElementById ('textboxId').value to get the value of the box: You can also use the document.getElementsByClassName HOW TO CHANGE AN ELEMENT’S CLASS WITH JAVASCRIPT One of the most common issues in JavaScript is changing an element’s class. In this snippet, we are going to show you the efficient ways of

achieving it.

HOW TO ADD TELEPHONE LINKS WITH HTML Solution with tel: ¶. Telephone links are the ones that you tap to call a number on phone-capable devices. Of course, some devices are able to recognize phone numbers and provide the linking automatically, but it’s not always so. In the example below, we use :tel within the HTML tag. Note that tel: is much like a protocol, and not a feature. HOW TO REDIRECT A WEB PAGE WITH PHP Also, it is likely to apply this function for sending a new HTTP header, but one should send it to the browser prior to any text or HTML. Let’s see how to redirect a web page using the header()

function:

JAVASCRIPT FILE AND FILEREADER Summary¶. File objects use the methods and properties of Blob.But, they have additional properties such as name and lastModified.File objects are usually received from user input such as or Drag and drop events.. FileReader objects are capable of reading from a file or a blob, in one of the formats below:. String; ArrayBuffer; Data URL,

base-64 encoded.

HOW TO INSERT VIDEO IN HTML To have the embed link of the YouTube video, follow these simple steps: Open the video on YouTube and click the share button. Open the Embed code. Copy the Source link. As you copy the embed link you can insert it into your HTML document as the src of your HOW TO DETECT DEVICE ORIENTATION WITH CSS MEDIA QUERIES Solution with CSS media queries¶. Below, we use the orientation @media query and let the content to adjust its layout depending on whether the browser window is in the landscape mode (the width is greater than the height) or portrait mode (the height is greater than the width).. So, in the following example, we set the flex-direction property to "row" for the orientation in the landscape mode HOW TO CREATE A BLINKING EFFECT WITH CSS3 ANIMATIONS Solutions with CSS animations ¶. CSS3 allows creating animation without any Javascript code. To have a blinking text effect, you also need the @keyframes rule. We use CSS animation by defining some keyframes for our blinking text animation and set the visibility to "hidden". In our example below, we also add the -webkit- extension to

the

HOW TO CHECK A RADIO BUTTON WITH JQUERY In this tutorial, we will show the right way to check a radio button using jQuery. Assume you have the following code: Now, let’s how you can check using jQuery. For versions of jQuery equal or above 1.6, you can use: For versions prior to 1.6, you can use: You can also add .change () to the end to trigger any other event on the page. HOW TO CREATE A REMOTE BRANCH IN GIT Steps to creating a remote branch. Creating a local branch and switching to it. Pushing a local branch to remote. The git branch Command. The git checkout Command. The git push Command. Branching is an efficient way of code management in any version control system. This snippet will help you create a remote branch in Git. HOW TO GET THE VALUE OF TEXT INPUT FIELD USING JAVASCRIPT There are several methods are used to get an input textbox value without wrapping the input element inside a form element. Let’s show you each of them separately and point the differences. The first method uses document.getElementById ('textboxId').value to get the value of the box: You can also use the document.getElementsByClassName HOW TO CHANGE AN ELEMENT’S CLASS WITH JAVASCRIPT One of the most common issues in JavaScript is changing an element’s class. In this snippet, we are going to show you the efficient ways of

achieving it.

HOW TO CREATE A FIXED NAVBAR WITH CSS Add CSS¶. Set the overflow property of the "navbar" class to "hidden" and the position to "fixed". Continue styling this class by specifying the background-color, top, and width properties.; Style the tags. Set the float property to "left" and the display to "block". Add the text-align, color, padding, text-decoration, and font-size properties.; Give color to the :hover pseudo-class so as HOW TO OVERRIDE CSS STYLES 4. ! Important ¶. An !Important declaration is a great way to override the styles you want. When an important rule is used on a style declaration, this declaration will override any other declarations. When two conflicting declarations with the !important rules are applied to the same element, the declaration with a greater

specificity will be

HOW TO CREATE A TABLE WITH A FIXED HEADER AND SCROLLABLE BODY In this tutorial, find some methods of creating an HTML table with a fixed header and scrollable body. Here, we suggest using some methods.

See examples.

HOW TO ADD AN HTML BUTTON THAT ACTS LIKE A LINK Style the link as a button¶. Add a link styled as a button with CSS properties. A href attribute is the required attribute of the tag. It specifies a link on the web page or a place on the same page where the user navigates after clicking on the link. HOW TO CREATE A BLINKING EFFECT WITH CSS3 ANIMATIONS Solutions with CSS animations ¶. CSS3 allows creating animation without any Javascript code. To have a blinking text effect, you also need the @keyframes rule. We use CSS animation by defining some keyframes for our blinking text animation and set the visibility to "hidden". In our example below, we also add the -webkit- extension to

the

HOW TO USE BCRYPT TO HASH PASSWORDS IN PHP It accepts three parameters: password, algo, and options. The first parameter (password) keeps the user password.The second one (algo) is the password algorithm constant, used in the process of denoting the algorithm to be used once the password hashing occurs.The third parameter (options) is an associative array, containing options.On success, it returns true, and returns false, otherwise. How to Vertically Center a Building a vertically and horizontally centered, fixed-width, flexible height content-box is the best solution for vertically centering a div

for all browsers.

HOW TO ADD AN ANCHOR LINK TO JUMP TO A SPECIFIC PART OF A PAGE An anchor link is a link, which allows the users to flow through a website page. It helps to scroll and skim-read easily. A named anchor can be used to link to a different part of the same page (like quickly navigating) or to a specific section of another page. HOW TO MAKE A FILL THE HEIGHT OF THE REMAINING SPACE In this snippet, you can find some methods of making a fill the remaining space. Use flexbox, absolute positioning, tables, or the

calc() function.

HOW TO CHECK FOR EMPTY/UNDEFINED/NULL STRING IN JAVASCRIPT In this tutorial, we are going to show you the ways of checking whether the JavaScript string is empty, undefined, or null. Just follow the guidelines.

X

HEADLINE

This is an important message requiring you to make a choice if you're

based in the EU.

Accept Reject

Update Consent

* Books

* Learn HTML

* Learn CSS

* Learn Javascript

* Learn PHP

* Quizzes

* Snippets

* Tools

* String Functions

* Books

* Learn HTML

* Learn CSS

* Learn Javascript

* Learn PHP

* Quizzes

* Snippets

* Tools

* String Functions

GET STARTED

Learn to design and build professional website

LEARN HTML

HTML - Used to create websites

Learn

LEARN CSS

CSS -Used to style HTML

Learn

LEARN JAVASCRIPT

Javascript - Used to make webpages interactive

Learn

LEARN PHP

PHP - Used to work on server

Learn

SELECT YOUR QUIZ

HTML Basic

CSS Basic

Javascript Basic

PHP basic

ES6 Basic

TypeScript Basic

Angular Basic

React Basic

Sass Basic

Vue.js Basic

Git Basic

SQL Basic

LISTS OF THE LATEST SNIPPETS * How to Align the Content of a Div to the Bottom * How to Align Inline-block Elements to Top of the Container * How to Align Divs Side by Side * How to Add Border to Image in CSS * How to Create an Image Zoom Using CSS and JavaScript * How to Add Background Image * How to Create a Shining Text Animation Effect * How to Add a Frame Around an Image * How to Change Commit Message * How to Combine Multiple Commits into One * How to Create an HTML Button that Acts Like a Link * How to Redirect a Web Page in HTML * How to Vertically Center Text with CSS * How to Rename Git local and remote branches * How to Have the Marquee Effect without Using the Marquee Tag (with CSS, JavaScript and jQuery) * Display the Hidden Element on Hovering Over Hyperlink or tag * How to Redirect Mobile Devices With JavaScript and CSS * How to Rebase Git Branch * How to Center the Content Vertically and Horizontally with Flexbox * How to Make the Cursor Hand When a User Hovers Over a List Item * How to Create Fade out Text Effect with CSS * How to Make Button onclick in HTML TRY OUT SOME OF OUR TOOLS

PASSWORD GENERATOR

Generate strong passwords online

HTML EDITOR

Edit your source code online

HTML ENCODER

Encode and decode HTML code online

CSS MAKER

Experiment with CSS properties and values

COLOR PICKER

Select true colors for your website

BASE 64

Convert images to base64 (jpeg, png, gif)

CODE DIFF

Compare two text files online

GEOMETRIC IMAGES

Create geometric images with HTML and CSS

STRING FUNCTIONS

String Length Calculator String to MD5 Hash Generator String to Sha256 Hash Generator String Reverse

URL Encoder URL

Decoder Base 64 Encoder

Base 64 Decoder

Extra Spaces Remover String to Lowercase Convertor String to Uppercase Convertor

String Word Count

Empty Lines Remover

HTML Tags Remover

Convert binary data into hexadecimal representation Decodes a hexadecimally encoded binary string Rot13 transform on a string Covert string to binary Removing duplicate lines

FOLLOW US

*

*

* Quizzes

* HTML Basic

* CSS Basic

* Javascript Basic

* PHP basic

* ES6 Basic

* TypeScript Basic

* Angular Basic

* React Basic

* Sass Basic

* Vue.js Basic

* Git Basic

* SQL Basic

* Snippets

* How To JavaScript

* How To NodeJs

* How To Linux

* How To AngularJs

* How To PHP

* How To HTML

* How To CSS

* How To Symfony

* How To Google Maps

* How To Git

* How To Apache

* How To Java

* Our Books

* Learn HTML

* Learn CSS

* Learn Javascript

* Learn PHP

* About Us

* Privacy Policy

* Our Tools

* Password Generator

* HTML Editor

* HTML Encoder

* CSS Maker

* Color Picker

* Base 64

* Code Diff

* Geometric Images

* String Functions

* String Length Calculator * String to MD5 Hash Generator * String to Sha256 Hash Generator

* String Reverse

* URL Encoder

* URL Decoder

* Base 64 Encoder

* Base 64 Decoder

* Extra Spaces Remover * String to Lowercase Converter * String to Uppercase Converter

* String Word Count

* Empty Lines Remover

* HTML Tags Remover

* Binary Data to Hex Converter * Hex Encoded Binary String Decoder * Rot13 to Text Converter * String to Binary Converter * Duplicate Lines Remover Company © W3docs. All rights reserved.