I link possono essere suddivisi in due categorie:
link a risorse esterne - sono creati utilizzando un tag e sono utilizzati per espandere le capacità del documento corrente quando elaborato dal browser;
collegamenti ipertestuali- collegamenti ad altre risorse che l'utente può visitare o scaricare.

Come creare collegamenti ipertestuali sul sito

1. Struttura dei collegamenti

I collegamenti ipertestuali vengono creati utilizzando tag accoppiato... All'interno del tag c'è il testo che verrà visualizzato nella pagina web. Il testo del collegamento viene visualizzato nel browser con una sottolineatura, il colore del carattere è blu; quando si passa con il mouse sul collegamento, il cursore del mouse cambia aspetto.

Parametro tag richiesto è l'attributo href che specifica l'URL della pagina web.

puntatore di collegamento

Il collegamento ha due parti: puntatore e indirizzo parte. Puntatore di collegamentoè un pezzo di testo o un'immagine visibile all'utente. Indirizzo parte il link non è visibile all'utente, rappresenta l'indirizzo della risorsa alla quale si deve andare.

La parte dell'indirizzo del collegamento è costituita da URl. URl(Uniform Resource Locator) - un localizzatore di risorse uniforme. Quando si creano indirizzi per separare le parole l'una dall'altra, si consiglia di utilizzare un trattino anziché un carattere di sottolineatura. V vista generale URL nel seguente formato:

Metodo di accesso: // nome server: porta / percorso

Metodo di accesso, o protocollo, scambia dati tra workstation in reti diverse... I protocolli di trasferimento dati più comuni:

file legge il file dal disco locale:

File: /gallery/pictures/summer.html

http fornisce l'accesso a una pagina web utilizzando il protocollo HTTP:

http://site.ru/

https è un'implementazione speciale del protocollo HTTP che utilizza la crittografia (solitamente SSL o TLS)

Https://site.ru/

ftp effettua una richiesta al server FTP per un file:

Ftp: // pgu / directory / libreria

mailto avvia una sessione servizio postale con la destinazione e l'host specificati:

Posta: [e-mail protetta]

Nome del server descrive nome e cognome macchine sulla rete, ad esempio site.ru. Se il nome del server non è specificato, il collegamento è considerato locale, ad es. fa riferimento alla stessa macchina del documento HTML contenente il collegamento.

Numero porta TCP dove è in esecuzione il server web. Questo è un numero che deve essere specificato se il metodo richiede un numero di porta (i singoli server possono avere il proprio numero di porta distinto). Se non viene specificata alcuna porta, il valore predefinito è la porta 80. Porte standard sono:
21 - FTP
23 - Telnet
70 - Gopher
80 - HTTP

Modo contiene il nome della cartella in cui si trova il file.

2. Percorso assoluto e relativo

Quando in un collegamento viene specificato solo il nome di un file, il browser presuppone che il file si trovi nella stessa cartella del documento contenente il collegamento ipertestuale. In pratica, i siti web contengono centinaia di documenti che vengono pubblicati in cartelle separate per renderli più facili da gestire. Per collegarsi a un file al di fuori della cartella che contiene documento corrente, è necessario specificare la posizione o il percorso del file. L'HTML supporta due tipi di percorsi: assoluto e relativo.

Riso. 1. Un esempio di struttura di cartelle

2.1. percorso assoluto

percorso assoluto indica posizione esatta file all'interno dell'intera struttura di cartelle sul computer (server). Il percorso assoluto del file consente l'accesso al file da risorse di terze parti e contiene i seguenti componenti:
1) protocollo, ad esempio http (opzionale);
2) dominio ( Nome del dominio o l'indirizzo IP del computer);
3) folder (il nome della cartella che indica il percorso del file);
4) file (nome file).

Esistono due tipi di registrazione percorso assoluto- con e senza indicazione di protocollo:

Http://site.ru/pages/tips/tips1.html //site.ru/pages/tips/tips1.html

Se il file si trova nella cartella principale, il percorso del file sarà il seguente:

Http://site.ru/index.html

Se non è presente un nome file, verrà caricata la pagina Web, che è impostata di default nelle impostazioni del server Web (il cosiddetto file indice).

http://site.ru/

In genere, il file di indice è un documento denominato index.html. La presenza della barra finale / significa che l'indirizzo va alla cartella, se non è presente, direttamente al file.

2.2. Percorso relativo

Percorso relativo descrive il percorso del documento specificato rispetto a quello corrente. Il percorso è determinato in base alla posizione della pagina Web su cui si trova il collegamento. I collegamenti relativi vengono utilizzati per creare collegamenti ad altri documenti nello stesso sito. Quando il browser non trova nel link protocollo http: //, cerca detto documento sullo stesso server.

Un percorso relativo contiene i seguenti componenti:
1) cartella (il nome della cartella che indica il percorso del file);
2) file (nome file).

modo per link relativi ne ha tre designazioni speciali:
/ punta a root directory e dice che devi iniziare il percorso dalla directory root del documento e andare alla cartella successiva
./ indica la cartella corrente
../ vai su una cartella (directory)

La principale differenza tra un percorso relativo e un percorso assoluto è che il percorso relativo non contiene il nome della cartella principale e delle cartelle principali, il che rende l'indirizzo più breve e se ti sposti da un dominio all'altro, non è necessario registrarne uno nuovo indirizzo assoluto... Ma se una risorsa di terze parti si collega, ad esempio, alle tue immagini con relativi indirizzi, allora non verranno visualizzate su un altro sito.

3. Ancore

ancore, o link interni, creano transizioni a diverse sezioni della pagina web corrente, consentendoti di navigare rapidamente tra le sezioni. Questo è molto utile quando c'è troppo testo sulla pagina. Anche i collegamenti interni vengono creati utilizzando il tag con la differenza che l'attributo href contiene il nome del puntatore - il cosiddetto ancora, non un indirizzo URL. Il segno # viene sempre posizionato prima del nome del puntatore.

Compagni uomini, e in particolare - automobilisti, ho una domanda per voi: perché, passando da una bella ragazza (intendo me stesso, ovviamente), state suonando il clacson? All'inizio pensavo stessi suonando il clacson ad altre auto, ma questo succede anche quando non ci sono auto nelle vicinanze. Poi ho pensato che potevo sembrare un matto, senza pensare a niente, e così mi fai sapere, dicono "ehi, la macchina sta arrivando! Non provare a saltare sotto le ruote!", Ma suonano anche il clacson quando non sono così vicino alla strada... E infine, mi ha convinto il fatto che solo gli uomini suonano il clacson.
Quindi, in realtà, cos'è questa strana manifestazione di attenzione? O è un complimento come "b-beep, sei forte, continua così!"? È particolarmente divertente quando i camionisti suonano il clacson e spaventano Masha, che è sempre con me. È questo che c'è nella testa delle persone, eh?

È solo peggio quando alcuni stronzi stanno guidando e uno di loro sporge dal finestrino per gridare "ehi mamma sexy" o qualcosa del genere. Questo dovrebbe piacermi in qualche modo? Allora vai come cosparso di merda. Lo fanno semplicemente senza farlo o si aspettano qualche tipo di reazione da parte mia? E che tipo di reazione può esserci? Ovviamente, non sorriderò loro in risposta o urlerò loro dietro "grazie, ragazzi! Avete aumentato la mia autostima. Possiamo uscire insieme?"

Un'altra sottospecie di uomini che flirtano sono i dama. Questo è quando passi un uomo, di regola, piuttosto sgradevole, e lui ti guarda a bruciapelo, valutando, e allo stesso tempo si tocca nell'area del pene, come se stesse controllando se tutto è a posto o già, il kayuk. Anche qui mi chiedo che tipo di messaggio è questo? Forse è un segnale segreto che significa qualcosa come "mmmm, sei così forte! Vederti mi fa venire voglia di toccarmi qui". Anche se potrebbe essere qualcosa del tipo: "mmmmm, sei così forte! Per caso non lo sai buon rimedio dal prurito all'inguine? e poi solo uno di questi giorni l'ho messo su un maramoyka, quindi ora la coppia prude, cagna, non so cosa fare. "E quindi vai a chiederti cosa vuole dire con questo?)

La costruzione è in corso sulla nostra strada da quasi un anno. Abbiamo costruito tre case private e stiamo attualmente finendo, posando piastrelle sui terreni, ecc. Tutte e tre le case hanno gli stessi lavoratori e ce n'è uno speciale tra loro. Non so come si chiama (e non mi interessa, in generale), ma l'ho chiamato Kruglik. L'altezza di Kruglik è di circa un metro e sette, la circonferenza è più o meno la stessa. Ogni volta che mi vede da lontano, Kruglik si assegna arbitrariamente una pausa. E devo andare al negozio di cupcakes sotto lo sguardo di un giovanotto. Forse se fossi l'unico vecchia versione Katya, che una volta aveva 19 anni ed era single, includevo nella mia testa la canzone di Beyoncé "Crazy in Love" e sotto la strada "tam-tarata-ta-ta-taaam tarata-ta-ta-taaam", al finisci di dare al poveretto uno sguardo "non tuo". Ma poiché i tempi sono cambiati, come la stessa Katya, ora tali opinioni maschili, francamente, mi mettono a dura prova.

La cosa più strana è che quando lo saluto, a volte annuisce, ma più spesso si limita a sospirare pesantemente. Non riesco proprio a capirlo: da persona educata, è un così "buon pomeriggio", e mi guarda e "ufffff". Forse che dialetto è il rumeno? Dick lo conosce.

Lezione numero 8
Iniettare CSS usando un tag

Diamo un'occhiata al terzo modo per incorporare il codice CSS in un documento HTML: Iniezione con un tag

Quindi, abbiamo imparato che usare i tag può essere cambiato aspetto esteriore tag su una pagina, usando l'attributo globale style = "", puoi cambiare l'aspetto tag specifico.

Ma cosa fare se è necessario modificare l'aspetto dei tag su tutte le pagine sito contemporaneamente? Per questo, abbiamo bisogno di un tag , deve essere posizionato all'inizio di ogni documento HTML. Etichetta deve fare riferimento, per questo ha un attributo href = "".

Crea una cartella Il mio sito sul desktop, crea tre file HTML nella cartella:
index.html
polyarnyi-volk.html
polyarnaya-sova.html
e un file css:
stile.css

Nei file HTML, inserisci il seguente codice HTML:
index.html

Leopardo delle nevi

Il leopardo delle nevi (irbis, ak leopard) è un grande mammifero felino predatore. Vive nelle catene montuose di Afghanistan, Birmania, Bhutan, India, Kazakistan, Kirghizistan, Cina, Mongolia, Nepal, Pakistan, Russia, Tagikistan e Uzbekistan. L'irbis si distingue per un corpo sottile, lungo e flessibile, zampe relativamente corte, una testa piccola e una coda molto lunga. La lunghezza del leopardo delle nevi con la coda è di 200-230 cm, peso fino a 55 kg. Il colore del pelo è chiaro, grigio fumo con macchie scure a forma di anello o solide.

Il leopardo delle nevi caccia principalmente capre di montagna e montoni; nella sua dieta si trovano anche cinghiali, fagiani e persino roditori. A causa dell'inaccessibilità dell'habitat della specie, i leopardi delle nevi sono ancora poco conosciuti. Tuttavia, secondo stime approssimative, il loro numero varia nella regione di circa 10 mila individui. A partire dal 2013, la caccia ai leopardi delle nevi è generalmente vietata.

Leopardo delle nevi lupo polare gufo polare

polyarnyi-volk.html

lupo polare

Il lupo artico polare è una sottospecie del lupo. Vive nell'Artico e nella tundra, in vaste aree delle regioni settentrionali, che sono immerse nell'oscurità per cinque mesi all'anno. Per sopravvivere, il lupo si è adattato a mangiare quasi tutti gli alimenti che incontra solo per strada.

I lupi polari sono ben adattati alla vita nell'Artico: possono vivere per anni a temperature sotto lo zero, non vedere la luce del sole per mesi e rimanere senza cibo per settimane. La lunghezza del lupo è di 100-150 cm, l'altezza al garrese può raggiungere i 100 cm e il peso dei maschi supera i 100 kg. La durata della vita di un lupo polare è di circa 7 anni. La sua dieta comprende: leming, lepri, buoi muschiati, cervi e uccelli.

Leopardo delle nevi lupo polare gufo polare

polyarnaya-sova.html

gufo polare

Il gufo polare (gufo bianco) è un uccello della famiglia dei gufi. L'uccello più grande, dell'ordine dei gufi, nella tundra. La testa del gufo delle nevi è rotonda, gli occhi sono gialli, la lunghezza del corpo raggiunge i 70 cm, il peso è di 3 kg, l'apertura alare è di 165 cm L'area di distribuzione è il territorio della tundra: Eurasia, Nord America , Groenlandia.

Il gufo delle nevi vive solitamente in aree aperte, raramente nelle foreste. Si nutre principalmente di piccoli roditori: lemming; può mangiare più di 1600 lemming all'anno. La dieta del gufo comprende anche lepri, piccoli predatori, uccelli, pesci e persino carogne.

Leopardo delle nevi lupo polare gufo polare

Ora, per cambiare il colore del titolo, paragrafo, link, ecc., contemporaneamente su tutte le pagine del sito, devi solo apportare modifiche in un unico file: style.css

Rendiamo verde il testo nei paragrafi p di tutte le pagine. Per fare ciò, in style.css, invece del valore blu, scrivi il valore verde

P (colore: verde;)

Ora il colore del testo nei paragrafi, tutte le pagine del sito, tra i tag è diventato verde.

Compito: rendere il colore dei collegamenti a, arancione arancione

Rel = "" attributo e il suo foglio di stile del valore

Rel = "" tag di collegamento dice al browser quale tipo di file verrà caricato nella pagina HTML, il valore del foglio di stile indica che il file CSS verrà caricato.

Nelle tre lezioni precedenti, abbiamo appreso tre modi per incorporare il codice CSS in un documento HTML:

1. L'iniezione che utilizza l'attributo style = "" influisce su un tag, Da questa parte chiamato anche in linea
2. Iniezione con tag, interessa l'intera pagina, questo metodo è anche chiamato interno
3. Iniezione con un tag , interessa l'intero sito, questo metodo è anche chiamato esterno

Ti sono piaciute le lezioni? Sostieni il progetto "Tutorial per il webmaster"!
Puoi inviare dalla carta, cellulare o Yandex.Portafoglio.
Quantità minima trasferire 30 rubli.

L'articolo è aggiornato: 5 feb 2016