I am using HTML and my task is to create a portfolio website, I need to embed my Gmail account in the webpage, I am trying it using an anchor tag
userid#gmail.com
I did
userid#gmail.com
This fails !!
I need help, in that href section, I need a supporting link that, when clicked will redirect a user directly to their compose box with my mail id in the To: section
So, apparently though some accident, I stumbled upon the answer, on google classroom, where my professor shared her mail id, which when clicked redirected me on my mail account with Compose open and her mail id entered in the To: section
alright!, I don't know the jargon for it, I think it's Google's Mail API, correct me if I'm wrong.
However, the solution for that is this link:
https://mail.google.com/mail/u/1/?view=cm&fs=1&to=userid#gmail.com&tf=1
I only had to put this link in my HTML in the href= section and boom ! it worked
<a href="https://mail.google.com/mail/u/1/?view=cm&fs=1&to=userid#gmail.com&tf=1
">userid#gmail.com</a>
the
userid#gmail.com
is deliberately put as such , you can enter yours as it is !
Related
I am making my website, and I want to put my LinkedIn profile in the Bio section. However, when I use iframe, I get that LinkedIn refused to connect. Is there a way to embed my LinkedIn profile in my website using HTML? Thanks!
<iframe src="https://www.linkedin.com/in/your-name"></iframe> yields:
LinkedIn allows you to create a badge, and put that badge in your portfolio/website. So, in order to make a LinkedIn badge, follow these steps:
From your LinkedIn profile, click on Contact Info which is next to the number of your connections.
Then click on the pen at the top right corner to edit the Contact Info.
The first thing you'll notice is your LinkedIn profile link. Click on it.
A new page will be opened, you'll see a column at the right of the page, and at its end, you'll find a box entitled with Public Profile badge and a Create a badge button at the bottom. Click on that button.
Copy the script tag and paste it at the bottom of your HTML sheet.
Scroll down, you'll find 4 designs for your badge. Select the proper one and copy its code from the bottom of it and paste it where you want the badge to be shared.
I know it's a long journey, but it's worth it.
NOTE: The link to your LinkedIn profile will always open in the current tab, even if you add to the a tag the attributes target="_blank" rel="noopener noreferrer". If you want the link to be opened in a new tab, put this line of code inside the head tag at the beginning of your HTML sheet <base target="_blank" />.
Another IMPORTANT Note: After putting the base tag inside your head tag, every single a tag inside that sheet will be opened in a new tab by default.
HAPPY CODING AND GOOD LUCK
Browsers these days prevent this from occurring by expecting iframes to only frame pages from the same site. It's to prevent clickjacking. and it's controlled via the X-Frame-Options header. You should see a similar error on dev tools, if you press F12 you should see this error
*Clickjacking, also known as a “UI redress attack”, is when an attacker uses multiple transparent or opaque layers to trick a user into clicking on a button or link on another page when they were intending to click on the top level page.*
Your hosting provider may have a policy in place to prevent this from occuring, or if that's you, you will be able to amend this default value on your server.
You can disable this via Chrome for your development.
I was thinking about getting started creating my own website with weebly.com. If I eventually want to move my website to a different host is there a way to do that? When I edit the html code it seems like weebly doesn't show you the whole code that's being used.
For example I just see:
<div id="main"><div class="container">{content}</div></div>
Instead of the <img src> or <p> that are actually on my page?
Is there any way I can see the full code or should I choose a different editor?
In your site editor, make sure you're on the SETTINGS tab, select GENERAL, scroll down, select ARCHIVE. Enter your email address and click EMAIL ARCHIVE. A link to download your zipped archive file will be mailed to you.
I come with an issue that is giving me some headaches.
I'm sendind some e-mail confirmations, using JavaMail and an HTML template, that is written on the message content.
This HTML template, has a URL on it, but this URL is not wrapped into a tag, it's just a plain text inside the HTML body.
The problem is that the URL appears as a clickable link on the mail message, and that's not the behavior I'd like. I'd prefer the user to copy and paste the URL to the browser (security policies at work)
Have any of you done something like this ?
Thanks in advance
You can't. You cannot control how mail user-agents handle incoming mail. Mail clients do this for the convenience of the user. I fail to see how this is a security issue.
The only alternative is to put the URI in an attached image, but that would just annoy your users.
you could explicitly code the url to not be a clickable link (a without the href)... It will still appear as a link, but it won't be clickable.
EDIT: It seems the user below is correct.
EDIT2: It actually seems I may have been correct. I tried composing an email at
http://putsmail.com/tests/838716156f824732c7f5456122c38e
with the html:
<html>
www.google.com
<a>http://www.google.com</a>
</html>
and the second link appeared as text.
You can't explicitly insert html in the gmail client, but you can with your own.
EDIT:
I went back this morning and tried this html:
<html>
www.google.com
<a>http://www.google.com</a>
http://www.google.com
</html>
and only the second link was plaintext. Just FYI...
I've found a way to do this.
The key is to insert a zero width space () somewhere between the URL
So, I changed my URL from
http://my.site.com/somecontext?contextid=somekeyvalue
to
http://my.site.com/somecontext?contextid=somekeyvalue
And now the URL is not interpreted as a link by the mail clients, but it's still good for a copy-paste to the browser.
Thank you all for your help!
How to make a link to a line of the same page in a HTML e-mail?
I tried link to name and after testing it on Gmail and Outlook, the #1 is transformed to #**********_1 and nothing happens when I click the link. I'm using 1&1 Newsletter system to send the HTML email.
I think your 1&1 newsletter software is adding tracking to your link. If there is an option to turn this off, your anchor link should work correctly.
Here is a support chart for anchor links in html email
You can't.
It is the way Gmail and Outlook are setup. Their code overrides your link and since they want users to keep their mail page open, it opens all links in new tabs. Even with plain links such as http://google.com they will open in new tabs.
I've written a HTML Email using tables (:sad face:) and it displays perfectly while using Internet Explorer's Send -> Page by Email. My issue is that my jump links
Go to the jump link
no longer work, thye just open the complete URL of the page that I was sending. I've looked through the source of emails in which the jump links do work and I saw that the jumps links looked like this
Word generated jump link
I tried adding this but I'm still getting IE opening and it's now going to http:///
Any idea if there's any extra tags I need to add or another way to get around this?
Essentially, this is something that has to do with the way Microsoft deals with Internet Security. It is best practice to avoid named (jump) anchors in HTML email, unfortunately. However, to overcome this you might want to provide a link to a webpage with the HTML email on, which can of course have named anchors.
You can read more about best practices for email design on this article at Sitepoint. There is also a great resource for HTML email design at the Email Standards Project.
You can try this!!
In outlook -> new email->attach file->insert(select the html file here)->insert as text(dropdown on the insert)
Which will make the jump links work.
but the problem is all with the active links and visited link color. Doing this leave you no control over visited and active link colors.
You could create the email template as signature.
Open the tempalte in IE and click CTRL+A to copy the page.
Create a signature and Page the content as it is.
Create a New email and insert the Signature. The template will be loaded.
I had the same problem. When trying to send a html page using Internet Explorer's Send -> Page by Email, the anchor pointed to the url of the webpage instead of to the internal link in the mail.
This can be solved by adding this in the head of the page:
<base href="" />