HTML redirect link - html

Can anyone tell me how an HTML page will be created with 5 website names like Google, Yahoo etc. and when we click on the specified link like Google we need to redirect to Google home page?

<html>
<head>
<title>Sample Webpage with links</title>
</head>
<body>
Google<br/>
Yahoo<br/>
Facebook<br/>
StackOverflow<br/>
</body>
</html>

Related

Hyperlinks Only Link to Internal Site

I am just starting to code HTML and I am testing the following very simple code:
Google
However, it always thinks that the link between quotation marks is a file located locally in my website, so I end up getting an error page with the URL bar reading:
www.example.com/"http://www.google.com"
Obviously I am doing something silly, because this is really silly. How would I get my hyperlink to actually take me to Google (or whatever other website I wanted)?
EDIT: Since I have been told I shouldn't be getting an error and that I must not have specified something, here is my entire code:
<!DOCTYPE html>
<HTML>
<Head>
<title>My Website</title>
<meta charset="UTF-8">
<meta name="This is a website where I dump random stuff I am interested in.">
<Body>
<h1>My Website</h1>
<p>
<a href=www.google.com>Google</a>
</p>
</Body>
</Head>
</HTML>
In your full code, you are missing quote marks around the link. This isn't your problem though, you need to add https:// to the link for the browser to recognize it as an external link.
Google

Page redirection not working unless I add .html to the URL

I had a client that gave a URL in a press kit before the website was done. He gave a page when I was making the website a one page site. So I took the URL he made and coded it as a redirect to scroll to that part of the site.
Now that I have it online, it isn't working properly.
fuzzripper.com/bio gives me an internal server error
fuzzripper.com/bio.html works just fine
I would like it to work even if the user doesn't type .html
Here is my redirect code
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<meta http-equiv="refresh" content="1; url=http://www.fuzzripper.com/#about">
<script type="text/javascript">
window.location.href = "http://www.fuzzripper.com/#about"
</script>
<title>Page Redirection</title>
</head>
<body>
<!-- Note: don't tell people to `click` the link, just tell them that it is a link. -->
If you are not redirected automatically, follow this <a href='http://www.fuzzripper.com/#about'>link</a>.
</body>
</html>
A quick fix for static sites is to
Create a /bio folder
Move bio.html in bio folder
Rename bio.html to index.html
This should make the bio#about link work just fine.

Redirect A Page 'Onload' To Open Link In Parent Page

I have a page I need to be redirected to another page 'onload'.
However, I need the link to open in "parent", NOT in the iframe.
The solution below is not working. The link redirects, but still opens in iframe.
I anyone has any helpful advice, it would be greatly appreciated.
<!DOCTYPE html>
<html>
<head>
</head>
<body onload=location.href="http://www.somepage.com" target="_parent";>
</body>
</html>
UPDATE: I solved it this way.....
<body>onload=window.top.location.href="http://www.rebelplanetnews.com";></body>

Export notes on website to Google drive

I am trying to get all the notes on my website to get exported onto Google drive. I have a pop up window with a "Save to drive" button but I can't figure out what file this HTML needs to be converted to. Also not sure how to convert the HTML into the certain file that Google drive needs.
Based from this documentation, the button is configured with a few attributes in a div tag in the HTML markup. You need to include the necessary JavaScript resource below to add the Save to Drive button:
<!DOCTYPE html>
<html>
<head>
<title>Save to Drive Demo: Basic Page</title>
<link rel="canonical" href="http://www.example.com">
<script src="https://apis.google.com/js/platform.js" async defer></script>
</head>
<body>
<div class="g-savetodrive"
data-src="//example.com/path/to/myfile.pdf"
data-filename="My Statement.pdf"
data-sitename="My Company Name">
</div>
</body>
</html>
Check the examples here.

Dynamically Change Embed Video URL on WordPress

My wordpress home page has an embed video from youtube, I would like to change this embed video dynamically, without needing to edit my wordpress settings.
I tried to create a custom webpage redirecting to my video, so all I would need to do e run a script to change this page's URL, but it's not working, any clue on how to fix it?
I used to following code to redirect:
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<meta http-equiv="refresh" content="1;url=http://https://www.youtube.com/watch?v=Eho8HDtkCiU">
<script type="text/javascript">
window.location.href = "http://https://www.youtube.com/watch?v=Eho8HDtkCiU"
</script>
<title>Page Redirection</title>
</head>
<body>
<!-- Note: don't tell people to `click` the link, just tell them that it is a link. -->
If you are not redirected automatically, follow the <a href='http://https://www.youtube.com/watch?v=Eho8HDtkCiU'>link to example</a>
</body>
</html>
Instead of redirecting them to the link, why don't you download the video using a YouTube to MP4 converter online, then keep that in the FTP of the WordPress. Then, perhaps you can use the video tag to show the MP4 file.