HTML link to internet does not work - html

Trying a very basic link through HTML to internet:
<p>Google</p>
No matter what website I try to link to my browser says ERR_FILE_NOT_FOUND and the detail
No webpage was found for the web address: file:///Users/stevemcc101/Dropbox/html/“https://www.google.comâ€
So my browser is always picking up the path to the dropbox folder (or any other folder I save the document in) and not linking direct to the URL.
Sorry I know a basic query but just starting to learn HTML and can't get around this issue. Please help!

Try without the quotes like so:
<p><a href=http://www.google.com>Google</a></p>
if that works then the issue is with your quotes

Related

How to make many pages in vs code

So I made 200 line code for a website I'm making and then I made a button to open another page that i will code as well but here is the problem I don't know how to start another page in vs code please help I'm beginner at coding I tried searching in YouTube but nothing helped
It can be hard to learn how to start - but we've all been there. You can do it!
For a brief starter, in VSCode, you can try this, and start learning from this point.
In your first HTML file button, ideally you'll have HTML similar to this: <a href="/file2.html"/>. In VSCode, just create file2.html in the same directory as file1, and add some HTML. It should populate.

How do I make changes in HTML code of website on wordpress?

Website source:http://www.salefee.com/blog/
The above website is made on wordpress.In this I have an html code which looks like: <div class="image-title-bg loading" style="padding-top: 140px;">(found out using inspect element option in chrome)
I want to change the padding-top: to 50px,But I am not able to find it in admin panel. Basically I am trying to reduce the image size on my first page of blog. Please help me out with this problem. Thanks in advance!!
You probably will enjoy this WordPress plugin : Simple Custom CSS
;)
You will have to find the relevant file and make changes in it.
Tip: You can search that html tag line in php files.
To change html in Wordpress in admin part you should get to source of home page which can be usually found in Appearance Editor tab. Over there you can find php and html which you can edit. Or if you have FTP access you can track file there.

HTML Link doesn't work properly sometimes

I am using a local server for my applications and sometimes when I created a button or a link to another page in a new tab, it turns out to not working properly. It's not always like this, but sometimes, might sound silly. I give example below.
Let's say my application is **programmingworld** which exists in www folder, then in index.html file, I create a link for a button like this
Download Codes</div>
When I open it in a browser and click the button, sometimes it goes to http://localhost/programmingworld/www.google.co.uk where nothing is displayed on the page. It supposed to be www.google.co.uk in the new tab where I can see the google homepage.
Can you please tell me why?
You should write:
Download Codes</div>
If you didn't write http:// at the the beginning of the hyperlink, it will be search you your local directories or files.
To make sure that the link goes to where you intend and not where it goes try adding // or http://.
Example:
Google
or
Google
With // it will try http and https.
You're missing https:// before www.google.co.uk
So you're markup should look like this:
<a href="https://www.google.co.uk">
<div class="button" id="button=popup">Download Codes</div>
</a>
you can also do it like this (no https):
<a href="//google.co.uk">
<div class="button" id="button=popup">Download Codes</div>
</a>
Because you haven't included the protocol in your URL. it must start with either http:// or https://
Also, remove the div from inside the anchor tag.
Your question suggests that you need to do a little bit more testing on basic html.
I would most definitely suggest using https://
I've had similar problems such as that, and in order to fix them try adding https.

Why are my URLs messed up by Facebook?

The link to certain pages on a site I've written looks like this:
http://myhymnal.net/2/be-thou-my-vision
That would be the id and a slug. When I paste this URL into the Facebook post field, the URL it ends up fetching an "example" of is the following:
http://myhymnal.net/2/2/be-thou-my-vision
Could anyone help me figure out where that extra 2/ comes from? I don't understand it.
Findings
The URL I paste in is http://myhymnal.net/2/be-thou-my-vision and works fine in the browser.
The base href is set to http://myhymnal.net/ and I have set the canonical to 2/be-thou-my-vision, which is relative to the base URL and should work fine. Although I suppose this maybe could be what's messing it up?
Other than that I really have no clue... :(
Look at Facebook's Debug Tool - you're setting the canonical URL relative to the current directory, not the site root - facebook is then fetching http://myhymnal.net/2/2/be-thou-my-vision
Use a fully qualified URL for the canonical URL

Google Chrome Extension: Webpage in Popup

I'm new to creating extensions and I also don't know much about html but I have an idea for a chrome extension that should be pretty simple so if you give me a little help I may be able to do it.
I want a popup to open when the user clicks the extension-icon (like most extensions) and the popup is supposed to contain a webpage like "http://google.com". That's actually about it. I created the manifest file with the required data and thats fine, now I need to know how to make the html file contain the external webpage.
Another problem: when I tried different things in the html file the popup was tiny and just white.
I hope someone can give me hint. Thanks!
I have made an extension wich displays links to several websites.
My popup.html looks like this:
<!DOCTYPE html>
<html>
<body>
<p>
<a href="http://www.google.com" target="_blank>Google</a> <br/>
<a href="http://stackoverflow.com" target="_blank>StackOverflow</a> <br/>
</p>
</body>
</html>
The target="blank means it opens the site in a new tab
More information about html is found here:
http://www.w3schools.com/html/html_links.asp
Be sure to make the icon 19x19 pixels,and be sure to name it in the manifest.json file
with the filename extension for example
"browser_action":{
"default_icon":"iconname.png",
"default_popup":"popup.html"
}
You should be able to use an iframe tag within your popup. I do that many times to point the user a FAQ page hosted outside.