Copy link to clipboard
Copied
I edit a simple Html file using DW and want to add a checkmark
https://stackoverflow.com/questions/658044/tick-symbol-in-html-xhtml
I see how one adds a symbol using DW at
https://www.uwec.edu/kb/article/adobe-dreamweaver-cs3-additional-character-formatting/
But in my DW I only see
"html->insert->characters" not "html->insert->special characters"
and do not see the tick symbol anyway. What will be the next step?
Use HTML entities.
✓ ✓ ✓
✓ ✓ ✓
Copy link to clipboard
Copied
In fact, the addition of a "checkmark" or any other visual "tick", nowadays, is linked to the use of a font that allows not only to achieve the desired effect, but also and especially to remain compatible whatever the device, and / or operating system.
Moreover, some solutions provide an accessible alternative, in case of screen reader.
Among the various solutions, there is the oldest (in terms of popularity) font awesome, but there is no lack of solutions
and this list is far from being exhaustive
The use is very simple, first of all, and depending of the type of the supplier that you will use, you will have to either link the font source to your project, or use a JavaScript script, to your project.
Most of solution get a free use at basic steps... and volume of available icons.
then you will have to search and use the special HTML mark to use the appropriate icon.
in your example, and if one use UNICONS suplier... free to you to use anyone you like... that is just an easy exemple (some solution can be complex for the first use) so
Get the link to be include in your project from https://iconscout.com/unicons/getting-started/thinline
in that case add to you HEAD HTML the following line
<link rel="stylesheet" href="https://unicons.iconscout.com/release/v4.0.0/css/thinline.css">
then explore the library to find the mark that you look for ... from https://iconscout.com/unicons/explore/thinline
in this lib the chekmark is named "check", type it in the search field, you will have different solution... and depending on it, you will get the HTML tag to be added ... in the basic and classic display it is
<i class="uit uit-check"></i>
but you also have different other context as
<i class="uit uit-check-square"></i>
<i class="uit uit-check-circle"></i>
etc...
does this helps you ?
Copy link to clipboard
Copied
Adding to @B i r n o u 's answer, you may want to have a look at
https://icons.getbootstrap.com/icons/check-lg/
Copy link to clipboard
Copied
Use HTML entities.
✓ ✓ ✓
✓ ✓ ✓
Copy link to clipboard
Copied
Thank you. The question is: how can one add it in an html file using DW?
Copy link to clipboard
Copied
I see: Insert > HTML > Character > Other->type entities
Copy link to clipboard
Copied
Not everything that is done in DW can be done via the interface. In this case you will need to just go to the code and insert that code at the point you want it.
Copy link to clipboard
Copied
As @Ben M said, switch to Code view on your document toolbar. Manually type or copy & paste html entities where desired. The insert panels in DW can do only so much for you. They are not a replacement for knowing how to work with code.
=====================================
More HTML Entities:
- https://www.w3schools.com/html/html_entities.asp
- https://www.freeformatter.com/html-entities.html
- https://www.toptal.com/designers/htmlarrows/symbols/