3 Hacks to Highlight a word in your Browser
- markcholloway0304
- May 7, 2023
- 2 min read
You need Microsoft Edge or Google Chrome Browser to do this 1st Hack.
1st - Highlight a word from a website
Want to Highlight a word with Colors on it? Well that's how you make your job easier to do!
Highlight the word that you want to highlight.
Right click at the highlighted word you done.
Click "Copy link to highlight".
Then at your clipboard, You got the website link you're on already, and You have the link to what you highlighted earlier.
Hover over your Address bar.
Press Ctrl + V to paste the link.
And press Enter on your keyboard to go to the Website with what you highlighted.
And there! You made a website but highlighted! It scrolls down by itself to locate what you highlighted.
Here's an Example. If i am on Google, And i followed the steps that you're on already.
This is what it looks like on Google Chrome.
Copy this link
After that from your Google Chrome Browser, It should turn Pink, like a pink highlighter.
Microsoft Edge
Copy this link
Still, a Pink Highlighter, These 2 browsers can't change the color from the highlighter you're using, You can change it from this 2nd Hack. Keep Reading to know how to Change color of the highlighter color!
2nd - Change Highlighter Color
Okay, this is a bit simple okay?
So Today we're gonna change a color highlighter! But from HTML code (Hypertext Markup Language).
So here's the code.
<p>
<span style="background-color: #ff0000c7;">This is a Test.</span>
</p>
Also, #ff0000c7 is color Red, but a Little Transparent color.
This is the Preview.
And there it is! Do you want to know how to make a normal highlighter, For example (Yellow, Light blue, Pink)? Wait till Hack Number 3rd, The last one. Keep Reading to know how to Highlight normally!
3rd - Highlight like Real life.
Too bored with HTML? Well Introducing the New HTML Code we just learned, <mark>. <mark> is a html tag to highlight words, Cut the word you want to highlight (Ctrl + X).
Then , i want to Highlight "This is a Test" from My Website!
So Open like a website or a blank page
Blank page web address
about:blank
This works in all browsers that you heard before.
Then, Right click, Select "Inspect" or there's a fast shortcut to open the Inspector Tool.
ON A WEBSITE
Then, Select the html tag that has the word you want to highlight. Then Click at the paragraph 2 times, Then click at the text again after you done that.
Then hover from the word you want to highlight.
Type in <mark> at the left side of the word you want to highlight.
Type in </mark> at the right side of the word you want to highlight.
And click anywhere beside that paragraph.
And look at the changes! You're done doing that on a website! Now Next is made from yourself from scratch.
In the about:blank page.
Then open the Inspector Tool again. Now between the <body> tag. Type in <mark>Paste your word you just Cut or want to highlight</mark>
Now this is my text
<mark>This is a Test</mark>
This is the Preview of your text.
You're done Reading! Thank you for learning a new HTML tag! and also 3 Hacks to highlight in HTML. You read the 3rd Hack. Well, That's it for this Article! Bye!!!
Comments