2013-03-02 11 views
8

Sto lavorando all'applicazione Web in cui ho preso href. Ma il suo carattere predefinito è troppo piccolo se confrontato con la pagina. Quindi voglio aumentare la dimensione del carattere.aumentare la dimensione del testo del collegamento ipertestuale html

La mia pagina di output aspetto come di seguito:

enter image description here

Ho cercato per dimensione dei caratteri per tag di ancoraggio, ma non mostra alcun effetto dopo il tag font.

codice che ho provato è:

<font size="100px"><a href="selectTopic?html" style="text-decoration: none">HTML 5</a></font> 

Così come posso cambiare la dimensione del carattere?

+1

'style = "text-decoration: none; font-size: 1.5em;"' – hjpotter92

risposta

14

Si può fare in questo modo:

a {font-size: 100px} 

Prova evitano il ricorso tag carattere perché è sconsigliato. Usa CSS come sopra invece. Puoi dare una classe specifica alle tue ancore e applicare qualsiasi stile per loro.

+4

questo cambierà tutto 'un font-size 'Quindi meglio dire ciao ad usare una classe o usare un selettore figlio invece come' ul.class li a' –

1

è possibile aggiungere classe nel tag di ancoraggio piace anche al di sotto

.a_class {font-size: 100px} 
+2

Questa risposta potrebbe essere più chiara. Mentre dovrebbe essere ovvio per coloro che conoscono HTML e CSS, è necessario specificare che il modo migliore per regolare il carattere sarebbe tramite CSS piuttosto che un tag font. Sarebbe anche d'aiuto notare che il poster avrebbe bisogno di aggiungere 'class =" a_class "' al suo HTML. – ASGM

9

Il tag font non è corretto, in modo che non funziona in alcuni browser. L'unità px viene utilizzata con i CSS, non con gli attributi HTML. Il tag del carattere dovrebbe essere simile al seguente:

<font size="100"> 

Beh, in realtà non dovrebbe esserci affatto. Il tag font è deprecato, è necessario utilizzare i CSS per lo stile del contenuto, come si fa già con il text-decoration:

<a href="selectTopic?html" style="font-size: 100px; text-decoration: none">HTML 5</a> 

Per separare il contenuto dalla styling, si dovrebbe del lavoro del corso verso mettere il CSS in uno stile foglio anziché come attributi in linea style. In questo modo puoi applicare uno stile a più elementi senza dover inserire lo stesso attributo style in tutti loro.

Esempio:

<a href="selectTopic?html" class="topic">HTML 5</a> 

CSS:

.topic { font-size: 100px; text-decoration: none; }