Textfile.txt hyperlink not functioning in html? Not clickable - html

I put my resource.txt txt file with a link in it to the website I am trying to recreate as a reference. When I go to click on the text file in the html browser it shows up as a blue link that does not open when clicked, even when it is just plain text in the text file.
I should be able to click this text link am I right?
Could someone please help me with linking a clickable text file inside html?
Thanks for assistance in advance.
Here is my html:
Resources
inside the resource.txt is a link to the reference website.
Tried changing the link to plain text. Didn't work

Depending on the file structure of your project you may be accessing the wrong file path. When hovering over the location of your resources.txt file right click on it, if you are using vs code and select copy relative path.

Related

Convert URLs to an HTML file with filename as link text

I have a bunch of Direct Links (URLs) and I need to put them in an HTML file so I can access them by clicking on. I used an online tool to convert them to HTML type, but when I opened the HTML, the URLs were used as the link text. how can I use the file name as showing Link text?
here is what I put in the HTML file. I need to use "filename.rar" as the link text.
uploaded.net/s/oiqetoetjwasfajfu/filename.rar?dl=0
The Part in between the <a></a> Tags is what a user sees as Text. So changing your Code to
filename.rar
would show up as expected.

Does it matter how the background image is chosen in a folder?

I'm wondering if it matters when you save an image in a folder, like when you right click on an image, Do you choose:"Save link as" or "save image as" as I have tried both but for some reason I cannot display the image as my background for a website. Is there anything wrong with the code that I did? Every time I drag the URL into a new tab or browser I only get 6 bullet points on a blank page.
I mainly used an external CSS sheet, then decided to try to fix it by using an internal sheet on HTML, and since that did not work, instead I tried to implement it in the body tag rather than the header tag but nothing worked. Would I have to use the tag? But how else will I be able to implement a background?
file:///Users/kevinnguyen/Desktop/Screen%20Shot%202019-01-26%20at%2011.09.11%20PM.png
The one above is the HTML file.
file:///Users/kevinnguyen/Desktop/Screen%20Shot%202019-01-26%20at%2011.12.19%20PM.png
this is the external file of CSS.
I'm a new to programming as I self taught myself the basics, yet I want to learn so much of it, it's thrilling.
Your links to the images don't work because they point to files on your computer. You need to upload them somewhere and put the link here to be able to see them. Anyway, if you have background-image:url("6928140-swiss-alps.jpg") your image should be in the same folder as the css file. And it should be called 6928140-swiss-alps with the .jpg extension at the end.

Wordpress customize specific site

I made a little game using html and new I´m looking to publish it on my wordpress site. There is only on problem though, I don´t know how to add a page in html code. If I add a new Site I can only edit the text and attach pictures, but is there a way to add a complete page under a domain like www.example.com/page ?
Upload the HTML file to your website's root directory using FTP. If you name it game.html, you should be able to open the file by navigating directly to it www.example.com/game.html.
You go to My Page. Then there is a submenu Publish. Click on the button Add next to Pages. When you did that, there is that small menu in the middle where you can choose several options such as header, bold, italics, etc.. In the top right corner of that menu, there are two options: Visual | HTML. Just click on HTML and you can add HTML code.

How to make a link in wordpress

I'm trying to make a link in the form of an image, so that the person navigates directly to the page that image is linked to. However I have no idea how to do this. Right now I have the image itself but when I click it it leads to a whole other blank page.
Can this be done using the tools of wordpress or maybe I need to download a plugin? Or perhaps I need to use HTML codes or something of the sort?
To insert a link using an image from your computer, follow these steps:
Go to a post or page editing screen. Click the Add Media button.
Add Media Button
Upload a new image, or click the Media Library tab and click the image you’d like to use as a link.
frommedia
You’ll be able to see the image’s Attachment Details. Choose the Custom URL option under Attachment Display Settings. Type in the URL to which you want the image to link to.
attachmentdetails
Click the Insert into post button.
The image is inserted into your post and linked to whatever was typed in the Link To field.
image with link inside post
↑ Table of Contents ↑
Link to an Image URL
To insert a link using an image stored somewhere else on the Internet, follow these steps:
Click the Add Media button.
Add Media Button
Click the From URL link.
from url
Type the URL of the image file into the URL text box. Your image will show up along with some options. Choose Custom URL under the Link To section and type in the URL to which you want the image to link to.
imagefromurl
Click the Insert into post button.
The image is inserted into your post and linked to the web site you set.
image with link inside post
<img src="your image link" />
You need to click on TEXT tab in the WP Post dashboard and type some html ...
also need to know that there is no plugin for anything you imagine... some things are simple enough and a lot of people can do it on their own
If I understand you correctly all you need to do is wrap a around the <img src="">:
<img src="imagelink">
The above will have an image and if you click on the image then it will bring you to http://example.com

Image not being retrieved from Dropbox

Hi!
I have an image slider. When I try toe retrieve the images from my server, the images are properly displayed. (http://stthomasmountmtc.org/index.html)
However, when I try to retrieve the same images from Dropbox, the images are not displayed/retrieved. (http://stthomasmountmtc.org/index1.html)
<img src="https://www.dropbox.com/s/woart55urbw792u/image1.jpg" alt="image" />
When I open the link in the src attribute in the browser, the images can be seen, so the link is obviously not broken. Please share your suggestions.
Thanks,
Samuel Mathews.
The link in your code opens the gallery feature of Dropbox, which is a HTML webpage, not an image file. The direct link for that image is:
https://dl.dropboxusercontent.com/s/woart55urbw792u/image1.jpg
You should always set the source of an image tag in HTML to an URL which outputs an image - and not a webpage containing an image.
Another option to view a Dropbox image directly is to access the Dropbox link using the ?raw=1 parameter.
For example, if the Dropbox link is:
https://www.dropbox.com/s/83dcx4efx791s2i/stackoverflow.png?dl=0
change the ?dl=0 to ?raw=1, such as:
https://www.dropbox.com/s/83dcx4efx791s2i/stackoverflow.png?raw=1
Note that using "?dl=1" (instead of dl=0) will download the image.
Reference: https://www.dropbox.com/help/201
I was able to get this to work while trying to address a similar problem by logging into Dropbox, viewing the image itself, right clicking on the image and selecting "Copy Image Address".