如何設計一個html鏈接？

-2

真的簡單的問題，我將張貼一些，因爲我重新學習HTML/CSS。請回答，如果我是一個超級noob。如何設計一個html鏈接？

我在HTML中的鏈接，我需要調整，我已經編輯CSS文件來創建這個類--->

.redirect { 
font-size: 1em; 
}

在主PHP文件，我有標籤設置如下---->

<a class="redirect" href="https://www.irijobs.com"><font color="blue"><<  Click here to go back to irijobs.com homepage <<</font></a>

尺寸絕對沒有變化......任何指針？我確定它是一個簡單的語法錯誤。

有什麼關係PHP？ –

你也錯過了將href添加到類中。 HTML 101. –

丟失字體標籤（已過時），只需在類CSS中添加'color：blue'，避免不是標籤一部分的'<' and '>'字符，而是使用實體轉義：https：// jsfiddle。 net/8grtdztz/ –

字體大小1em的是等於當前字體大小。您必須增加em以查看更改，例如1.5em或2em以將尺寸加倍。

.redirect { 
    font-size: 1.5em; 
}

2017-09-05 16:49:54

不要使用<font>標籤，因爲它是因爲HTML 4棄用只要做到以下和應用任何大小font-size：

.redirect { 
 
    font-size:1em; 
 
    color:blue; 
 
}

<a class="redirect" href="https://www.irijobs.com"><<  Click here to go back to irijobs.com homepage << </a>

2017-09-05 16:51:50 jfeferman

首先，你應該改變<在<< Click here to go back to irijobs.com homepage <<到<。這是因爲瀏覽器認爲<號開始一個新的標籤，像<a>。

其次，font-size: 1em意味着字體大小等於默認值。 2em是2倍大，0.5em是原始大小的一半。

我建議你改變<font>標籤的CSS規則color:blue;。 <font>標記已棄用，因此無法使用CSS color屬性。

此外，多個空格被顯示爲一個。

CSS：

.redirect { 
    font-size: 2em; /* or some another value, may be also in pixels (like 20px) or points (like 16pt)*/ 
    color: blue; 
}

HTML：

<a class="redirect" href="https://www.irijobs.com">&lt;&lt; Click here to go back to irijobs.com homepage &lt;&lt;</a>

2017-09-05 16:58:20

好的，我做了這些修改;仍然沒有變化，現在鏈接是紫色的。我相信附上css文件（因爲申請表不會顯示）。 –

您確定CSS文件不是來自瀏覽器緩存嗎？我已經在Chrome中打開了這段代碼，它正常工作 –

Marcin;你是對的。更奇怪的是我現在試圖按照堆棧指南通過dev選項來消除這個問題，並且它不會清除那個該死的緩存。這是一臺工作電腦;我的工作正常。謝謝，雖然;你是唯一真正瞭解實際問題的人。 –

回答