Forem: Digital Academy

HTML hidden element

Digital Academy — Sat, 10 Sep 2022 15:48:35 +0000

What is The HTML hidden attribute?

The HTML hidden attribute is used to hide an element. It indicates that the element is not yet, or no longer, relevant. It sets the visibility of the elements in the document. When it is present the browser will not display the element to the user, but it remains in its position on the webpage.

The hidden element is used to not show the element to the user unless certain conditions are met such as pressing a button or checkbox, etc. Using JavaScript statement, the hidden attribute can be removed and make the element visible to the user.

Note: The hidden attribute is a boolean attribute.
Example 1
<!DOCTYPE html> <html> <head> <title>hidden attribute</title> </head> <body> <h1>GitDemy</h1> <h2>HTML hidden attribute</h2>  <div hidden> This content will be hidden while displaying the content </div> <h4>A computer science portal for development.</h4> </body> </html>
Output
In the following example, the div element is hidden from the user's view.

This article is originally posted on GitDemy
Read full article, click the below link.
HTML hidden attribute

What is the difference between absolute and relative URLs?

Digital Academy — Sun, 04 Sep 2022 12:07:56 +0000

What is a URL?

URL is the mechanism to fetch resources over the internet. The browsers use this to fetch the data to the user.

URL is the abbreviation of a uniform resource locator. It is commonly known as a web address or internet address of any resource on the web. The resource may be the HTML document, image, audio, video, pdf file, CSS document, etc. In some cases, it may be the possibility the URL is being pointed to a resource that does not exist.

What are the types of URLs?

As I have explained above, any URL is the link of a webpage or files like an image, pdf, audio, or video.

These links have two types

What are relative URLs?

Relative URLs are only paths without a domain name. Relative defines “in relation to” which means the path is related to the current webpage domain name. We can say that relative paths are the reference of the file that is located on the same web address/domain.

Look at the different relative URLs.
<img src="gitdemy-logo.png"> <img src="./gitdemy-logo.png">
The above relative links mean the browser will search the file from the current directory.

What are absolute URLs?

Absolute URL contains both domain name and path. It is the complete information of a file or webpage. These URLs start with any protocol https:// or https://.

The syntax of absolute URL
protocal:://domain-name/path
Absolute URLs are written in the address bar of web browsers. It is the full link of any resources that existed on the webserver.

Examples

https://gitdemy.com https://gitdemy.com/aritcles https://gitdemy.com/articles/html https://gitdemy.com/what-are-hyperlinks-in-html-126

If you want to read full article, click the following
Relative vs Absolute URL

How to link to another site in HTML?

Digital Academy — Mon, 01 Aug 2022 12:05:00 +0000

What is an anchor tag?

An anchor tag is used to specify the link to another site or the same website's pages, the <a> element can also be used to link between different sections in the document, for example within the table of content.
Here we will discuss how to implement and apply the anchor tag to link external URLs.

Basic use of anchor tag.

In the following example, there is the basic implementation of the <a> element.

<a href="https://gitdemy.com/">Link to gitdemy.com</a>

The above syntax creates the link to the URL "https://gitdemy.com", which is specified by the href (Hypertext Reference) attribute. When someone clicks on the hypertext "Link to gitdemy.com" the link leads to the required page.

Using external link type

You can use the external link type to indicate that the link leads to an external website. A rel="external" attribute is used to inform the search engines that the link on a site is related to an outside website.

Read more, click the following link.
https://gitdemy.com/solution/how-to-link-to-another-site-in-html