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,
- Comprehensive 256 Ascii code table with Html Hex IBM Microsoft Key
- remove div vertical scroll
- HTML5 HELLO WORLD Example
- Fibonacci series from 1 to 500 table
- The author stylesheet specified in tag script is too long - document contains 21759 bytes whereas the limit is 10000 bytes
- reCaptcha Verification expired. Check the checkbox again
- Obsolete marquee element alternatives html5
- Default speed of Marquee tag : SCROLLAMOUNT
- How to make a div tag clickable
- Chessboard with pieces using pure HTML and CSS
- Align html element at the center of page vertically and horizontally
- Get HTML table td, tr or th inner content value with id or name attribute
- Hyperlink in html (anchor tag) without a underline
- W3 HTML validator warning Unable to Determine Parse Mode
- How to remove old 404 pages ulrs from Google crawler
- Adding Sub Headings to Bootstrap Header tags
- Remove Html head and body tags from ckeditor source
- How to word wrap in HTML
- W3 : character data is not allowed here html validation error
More Posts:
- How to make TextView Text Transparent [Android] - Android
- JSON Nest Objects Example: JSON Tutorial - Json-Tutorial
- Google translate in spreadsheet - Google
- SharePoint update append Required Field to display name of mandatory columns - SharePoint
- How to make a div tag clickable - Html
- Restore deleted Office 365 SharePoint group site - SharePoint
- Android : Neither user 10085 nor current process has android.permission.ACCESS_NETWORK_STATE - Android
- Android-Failed to install apk on device EOF Timeout Error - Android
- HTML5 HELLO WORLD Example - Html
- Calculate Area of Square - C-Program
- How to get the Android OS installed version programmatically - Android
- List of Eclipse IDE Versions and future releases : Mars and Neon - Eclipse
- [Eclipse] Syntax error, annotations are only available if source level is 1.5 or greater - Eclipse
- How to Generate Self-Signed OpenSSL certificate in three easy steps - HowTos
- Change Title text for Android Activity using java code - Android