In Html we have the Anchor tags which is a clickable element, so if you have a div tag or any other tag like span or p you can make it clickable simply by wrapping it with an anchor tag. Let's see an example,
Example :
<div style="background-color:#09C;color:#fff;padding:20px;margin:20px">Div tag : Not Clickable</div>
Result :
Div tag : Not Clickable
Now simply wrap the above div with an anchor tag, note if you have some text within your div tag and you don't want it to be underlined as in case of a hyperlink, just add textdecoration:none in the style tag.
Example :
<a href="http://code2care.org" style="text-decoration:none">
<div style="background-color:#09C;color:#fff;padding:20px;margin:20px">This is my div tag : Clickable</div>
Result :
This is my div tag : Clickable
More Posts related to Html,
- Remove Html head and body tags from ckeditor source
- Default speed of Marquee tag : SCROLLAMOUNT
- Align html element at the center of page vertically and horizontally
- HTML, HTML5. CSS, CSS3 Color Codes 2020
- How to add multiple spaces between html page text
- Force convert HTML text input to upper case
- Obsolete marquee element alternatives html5
- How to set background color in HTML page?
- Base 64 Index, Character and Binary Table
- Hyperlink in html (anchor tag) without a underline
- How to remove old 404 pages ulrs from Google crawler
- W3 HTML validator warning Unable to Determine Parse Mode
- Get HTML table td, tr or th inner content value with id or name attribute
- How to word wrap in HTML
- reCaptcha Verification expired. Check the checkbox again
- Adding Sub Headings to Bootstrap Header tags
- Chessboard with pieces using pure HTML and CSS
- How to turn off autocomplete in input fields in HTML Form
- All directional arrows codes for HTML
- Fibonacci series from 1 to 500 table
- W3 : character data is not allowed here html validation error
- How to make a div tag clickable
- Comprehensive 256 Ascii code table with Html Hex IBM Microsoft Key
- HTML5 HELLO WORLD Example
- Create HTML button that looks like a href hyperlink
More Posts:
- XmlRpcException ConnectException connection refused error - Java
- Free and easy audio video screen recording using Microsoft PowerPoint - Microsoft
- Android appcompat_v7 Error retrieving parent for item: No resource found that matches the given name - Android
- Todays Apple Spring Loaded Event Live Updates - Apple
- JavaScript : Get url protocol HTTP, HTTPS, FILE or FTP - JavaScript
- [Fix] Java Exception with Lambda - Cannot invoke because object is null - Java
- How to Change Text Size for Android ActionBar - Android
- Android Toolbar example with appcompat_v7 21 - Android