Come inserire un collegamento ipertestuale in HTML? Creazione e utilizzo di collegamenti ipertestuali in HTML
L'ipertesto è un testo che contiene collegamenti ad altri testi. Esempi sono le note dell'autore sulle definizioni complesse o note di traduzione in fondo pagine del libro, se si trova il testo in una lingua straniera. siti Internet sono un complesso sistema di ipertesto salta da una pagina all'altra all'interno della pagina stessa, ma anche tra estranei risorse monotematico. Tale struttura è pratico, consente di risparmiare un sacco di tempo, permette al visitatore di trovare rapidamente le informazioni desiderate, e non perdersi in un gran numero di transizioni.
Inserisci link
In HTML per inserire collegamenti ipertestuali che utilizzano il descrittore (tag), che è inserito nel posto giusto. Di solito, è dotato tra il testo come un collegamento in sé è una struttura di testo. Ma i collegamenti sono più grafica (icone, pulsanti, immagini); di essi sarà discusso ulteriormente. La loro posizione su una pagina web non è limitata al testo, ma dipende dal sito decisore design.
Questo è un esempio di come inserire un documento HTML collegamento ipertestuale che viene portato da tag. I visitatori del sito potranno vedere testo sottolineato che è diverso dal colore del testo circostante (il colore HTML-link possono essere qualsiasi cosa) "la home page di Google", cliccando su questo, egli otterrà alla home page, motore di ricerca "Google". Va notato che il testo del collegamento ipertestuale dovrebbe contenere informazioni su dove verrà effettuata la transizione. Questo principio dovrebbe essere seguito e preso come una regola!
struttura dei tag …
Si può notare che tag – Doppio: richiesta tag di chiusura .
href – attributo di tag specifica la destinazione di un collegamento.
https://google.com/ – valore di attributo, racchiudere l'URL-indirizzo di una risorsa su cui effettuare la transizione. Si tratta di virgolette doppie o singole. Essa dipende dalla struttura del tag nidificazione delle regole HTML.
l'intera struttura è un elemento di un documento web.
Secondo le regole del linguaggio HTML, alcuni elementi possono contenere altri elementi. Tag non fa eccezione. Se il programmatore ha bisogno di evidenziare in grassetto la parola di Google, si esegue questa operazione utilizzando il tag secondo le regole generali di formattazione del testo nella sequenza di tag annidati. Webmaster dovrebbe sapere come creare un collegamento ipertestuale in un senza errori HTML, altrimenti non funzionerà. I collegamenti interrotti slang del computer chiamato "picchiati".
Ecco: l'elemento
Esso contiene nidificato
Ora la pagina di un visitatore vede il collegamento ipertestuale in grassetto la parola "Google".
i collegamenti ipertestuali assoluti
Collegamenti ipertestuali che utilizzano gli indirizzi URL assoluti di siti che contengono i nomi di dominio (.ru, .com, .org, .gov ), chiamata assoluta, e hanno la seguente sintassi:
Protocollo: // nome di dominio / percorso del file
Esempio di indirizzo diffusa in America motore di ricerca: https://aol.com – assoluta, dal momento che contiene il nome di dominio .com.
collegamenti ipertestuali assoluti vengono utilizzati per navigare le pagine di altri siti o per accedere a risorse che si trovano su un altro server. La transizione viene eseguita utilizzando il protocollo Internet. Protocolli – questo non è l'argomento di questo articolo, ma che prendono parte alla creazione di collegamenti ipertestuali, si devono menzionare almeno brevemente su di loro:
- HTTP e HTTPS – la più comune; per loro di passare tra le pagine web di siti diversi;
- ftp – un protocollo per caricare i file sul server o l'utente download dal sito;
- mailto – Protocollo di ricezione dei messaggi e-mail direttamente dal sito, senza andare alla e-mail personale.
Ci sono alcune segnalazioni di destinazione speciale (Gopher, Telnet), è abbastanza rara, il cui utilizzo richiede particolari conoscenze in programmazione o sistema di amministrazione.
collegamenti ipertestuali relativi
Con l'indirizzamento relativo, l'uso di collegamenti ipertestuali nel codice HTML utilizzato per le transizioni nella vita e non porta al di là di esso. Se la pagina è così grande che corre barra di scorrimento verticale, a volte molto lunghi, come ad esempio in un dizionario, è molto comodo e opportuno utilizzare i collegamenti relativi per passare alla lettera desiderata.
Creazione dizionario on-line, un programmatore all'inizio della pagina ha l'alfabeto, e se non fosse per l'utilizzo dei link, l'utente avrebbe avuto un tempo molto lungo per girare la ruota del mouse per raggiungere la lettera "I".
Per creare un collegamento relativo utilizzando il nome dell'attributo tag:
dove ya chiamato ancora, mentre Torna alla lettera I – ancora di destinazione. Per la corretta visualizzazione di ancore si consiglia di utilizzare lettere e numeri, in modo da non scrivere "io", anche se sarebbe stato comprensibile.
Ora che il passaggio dal alfabeto all'inizio della pagina per la lettera "I", è necessario rendere il perno di ancoraggio nel codice HTML-documento, che inizia con la lettera "I":
<A href = http: // sito / article / 327992 /% C2% AB # ya% C2% BB% 3E% D0% B1% D1% 83% D0% BA% D0% B2% D0% B0 I
di fronte l'ancora si erge simbolo di numero, senza la quale il passaggio alla lettera non funzionerà.
indirizzamento relativo quando la costruzione di un sito web
Comodo e l'algoritmo più comune per la creazione di un sito di software:
- Creare una cartella sul computer e la sua posizione presso il sito per la comodità di accesso rapido;
- creando index.html nella cartella della home page;
- la creazione di pagine web secondario (index.html / pagina 2);
- Creare una cartella e l'immissione nelle file di immagine;
- Creare una cartella e l'immissione di altri oggetti (file per il download, per esempio);
- riempimento dei contenuti del sito;
- ponendo il sito su l'hosting di file.
Necessariamente essere utilizzato per i collegamenti di comunicazione tra gli elementi del sito, e sarà molto utile per sapere come inserire un collegamento ipertestuale nel codice HTML a un'altra pagina dello stesso sito. Se il sito risiede nella stessa directory sul server stesso, non v'è alcuna necessità di utilizzare indirizzamento assoluto. Durante il trasferimento dei file al sito che ospita il legame tra gli oggetti rimangono, perché ospitano e saranno collocati nella stessa directory.
Supponiamo che un programmatore ha creato un sito index.html home page, che ha un collegamento a un'altra pagina page2.html, decorata con una foto img.png. Poi il percorso relativo all'immagine sarà simile a questa:
Suggerimento: nello studio di questo argomento è meglio usare un editor di testo semplice per la ragione che è necessario acquisire conoscenza della corretta ortografia di indirizzi di transizione, e imparare a comprendere il codice di qualcun altro. In questa fase sarà un buon risultato senza errori scritto un collegamento ipertestuale in un notebook, HTML non perdona loro, e dà un errore.
Metodi fare clic su un collegamento ipertestuale
Per impostazione predefinita, una nuova pagina si apre nella finestra corrente del browser quando un utente fa clic sul collegamento ipertestuale. Ma un programmatore web può modificare l'impostazione predefinita e la forza aprire la pagina, ad esempio, in una nuova finestra. A questo scopo è un attributo bersaglio con un certo valore. Da nessuna parte è possibile esprimere il tavolo.
| _blank | si apre la pagina in una nuova finestra del browser |
| _self | apre la pagina nella finestra corrente (impostazione di default) |
| _parent | si apre la pagina nel frame principale |
| _top | utilizzando telai tutti annullare e apre la pagina nella finestra corrente del browser |
La sintassi per l'applicazione di attributi bersaglio:
Casa "Google" si apre in una nuova finestra.
Nota: per aprire la pagina in una nuova scheda, non v'è alcun valore per questo attributo, ed è impostato dall'utente nelle impostazioni del browser.
Il colore dei collegamenti ipertestuali
Un utente esperto di Internet nel corso del tempo, dovrebbe aver notato che i collegamenti ipertestuali sono di colore diverso dal testo circostante, e sono di solito blu. Link su quali passava, e poi tornai alla pagina precedente, sono lilla. Utilizzando i collegamenti ipertestuali nel codice HTML in colori non standard un po ', ma alloca sito tra gli altri.
Imposta il colore dei link nel tag con gli attributi ei loro valori, che serve il colore HTML nel sistema RGB (# 00FF00) oa indicazione diretta del nome del colore ( «verde»). Ci sono tre tipi di attributi per i link:
- Link – definisce il colore dei link non visitati;
- vlink – specifica il colore dei link attraverso il quale l'utente ha già superato;
- alink – specifica il colore del collegamento quando si passa a una pagina diversa. E 'veloce, quindi non si può sempre prendere questo effetto.
marcatura Esempio:
Se si applicano questi attributi nel tag , il riferimento del documento web sarà blu scuro, il visitato – viola e attiva – rosso-arancio.
collegamenti ipertestuali grafiche
Il progresso e lo sviluppo web design richiedono di sapere come inserire un collegamento ipertestuale in HTML come immagine. E 'chiaro che il quadro deve corrispondere ai contenuti della pagina di destinazione. Ad esempio, la pagina principale delle piante medicinali possono essere presentati sotto forma di foto di piante, cliccando sulla quale l'utente andrà a una pagina che descrive le proprietà medicinali delle piante.
Ampiamente modo utilizzato per sostituire i tasti statici () presso la bella grafica create da un web designer nel editor di grafica (GIMP, Photoshop).
Per inserire un grafico come collegamenti ipertestuali sulle pagine del sito utilizza la stessa sintassi, ma invece di testo utilizzando un tag immagine con l'inserimento delle regole di HTML:
Con il tag nello stesso modo gli attributi applicabili specificare un testo alternativo, larghezza, altezza, e altri.
Le chiamate da sito web
standard HTML5 ha ampliato le funzionalità di utilizzo di Internet, e ora si può effettuare chiamate non solo dal telefono, ma direttamente dal sito. A questo scopo, è possibile anche utilizzare i collegamenti ipertestuali in un documento HTML, e hanno la seguente sintassi:
Al posto della parola "partito" è prescritto intuitivo il contatto del chiamante nella rubrica. È anche possibile inserire un file grafico (user photo).
Che le chiamate sono state fatte per il sito, è necessario avere non solo un riferimento al numero di telefono dell'abbonato, ma anche un auricolare (microfono, cuffie) installato sul computer VoIP-programma, la velocità di Internet deve essere superiore a 0,5 MB / sec. Il pagamento per le chiamate effettuate flusso di traffico. Pertanto, se Internet è illimitata, le chiamate sono gratuite.
Etica creare collegamenti ipertestuali
Posizionando il sito su Internet, il webmaster deve sapere che tipo ci sono collegamenti ipertestuali in formato HTML, e non solo il diritto di utilizzare professionalmente, ma anche rispettare le seguenti disposizioni:
- Il collegamento deve essere facilmente visibile, diverso dal suo testo circostante. L'utente deve sapere che è – un collegamento ipertestuale.
- L'utente deve essere chiaro dove egli otterrà cliccando sul link. Per fare questo, si consiglia di utilizzare più titolo attributo, che descrive sinteticamente la pagina di conversione. Sintassi dell'attributo applicazione è:
- L'utente deve ottenere informazioni precise circa il file sarà scaricato quando si fa clic sul collegamento.
Una volta che non è la pagina di previsto o scaricando il file sbagliato, l'utente è il 99% del lasciare il sito immediatamente e mai su di esso non è andata giù in futuro.
Anti-Seo per creare collegamenti ipertestuali
Oltre al lato tecnico della questione di come inserire un collegamento ipertestuale in HTML, dovrebbe essere messo in evidenza aspetti di più e morale. Ci sono molti siti web a cui l'accesso è bloccato agli utenti di software di sicurezza (antivirus), o anche lo Stato. Questi sono i siti che sono stati creati sul programmatori web mano impuro.
Uno dei trucchi a cui ricorrono – è quello di inserire i collegamenti ipertestuali "invisibili" a una pagina web. I truffatori sanno come creare un collegamento ipertestuale in HTML e utilizzare l'attributo di sottolineatura per rimuovere i collegamenti e assegnare il colore del testo, in modo che l'utente medio non la vede. E con l'aiuto di altri strumenti tecnologie web (CSS, JavaScript, PHP) può essere programmato il loro comportamento. Ad esempio, evento del linguaggio JavaScript OnMouseOver attiva l'effetto di elementi della pagina web. Quando l'utente tiene il cursore su un collegamento invisibile, ottiene sulle pagine pubblicitarie di altri siti. O, peggio ancora, quando c'è un legame invisibile a un file sul suo computer e inizia scaricato e installato il software non necessario. Di solito sono virus che modificano la home page del browser, lettiera il disco rigido e altri programmi di massa.
Presto tali siti rientrano nella "lista nera" del database dei virus, la sicurezza e l'ambiente degli utenti di Internet. Tali siti non durano a lungo, e devono cambiare il loro nome a migrare senza fine su Internet, cambiando il fornitore di host. Questo non è favorevole alla promozione di un sito, al quale cerca sempre il suo creatore, non rendono megaportals, quali, ad esempio, le reti sociali. Tra le altre cose, questi trucchi causano molte emozioni negative in vittime di queste azioni umane.
Latest posts
Che cosa può parlare di coagulo di sangue durante le mestruazioni?
Il farmaco "trombotica ACC". Recensioni professionisti, istruzioni per l'uso
