- 4.3 din 5 Pe baza a 13 voturi
Aceasta este dacă fișierul razdel.html se află în același folder cu fișierul index.html. Dacă se află, de exemplu, în folderul Pagini, adresa va arăta astfel:
Toate codurile de fișier index.html va arăta astfel:
Puteți deschide fișierul index.html din browser și urmați linkul, după cum se va deschide un rezultat pagina noua. După cum ați observat acest caz Pagina deschisă în fereastra curentă. Puteți să o faceți astfel încât atunci când faceți clic pe link, noua pagină a fost deschisă într-o fereastră nouă pentru aceasta la eticheta de deschidere Trebuie să adăugați atributul țintă \u003d "_ gol" pe care îl va arăta astfel:
În plus, există, de asemenea, legături interne. Legăturile interne sunt destinate navigării în cadrul unuia document deschis. Acest lucru poate fi util dacă, de exemplu, ați decis să creați un document mare și în partea de sus a acestuia pentru a pune conținutul. Sau trebuie doar să trimiteți rapid un vizitator în orice parte a paginii dvs.
Să presupunem că trebuie să facem o astfel de legătură făcând clic pe care vizitatorul va cădea în partea superioară a acestei pagini. Pentru aceasta, primul cuvânt sau frază de pe această pagină trebuie să fie încheiat în etichetă primul cuvânt. În cazul în care în citate este necesar să specificați orice nume.
De exemplu, pentru pagina respectivă unde sunteți acum, puteți face acest lucru:
Acest lucru am definit ancoră adică locul unde utilizatorul va cădea atunci când faceți clic pe link-ul nostru. Acum, în locul în care este necesar, trebuie să specificați legătura în sine. Acest lucru se face astfel:
Rețineți că aici în citate înainte de cuvântul vertic trebuie să fie un semn de zăbrele #. Pentru a vedea cum funcționează, puteți face clic pe următorul link :.
Vă puteți referi nu numai la fișierele cu extensia HTML, ci și pe fișierele cu alte extensii. Pentru a face acest lucru, în linkul de adrese, trebuie să înregistrați numele și expansiunea fișierului corespunzător. De exemplu, link-ul HTML la fișierul de arhivă va arăta astfel:
Puteți încerca să copiați orice fișier de arhivă sau muzică într-un dosar cu fișiere create mai devreme și să dați un link pe ele. În acest caz, atunci când faceți clic pe link, browserul vă va oferi să deschideți sau să salvați fișierul. Atributul țintă \u003d "_ gol" poate fi, de asemenea, aplicat acestor linkuri.
Acum, luați în considerare ce fel de linkuri sunt. Există referințe absolute și relative distinge. Link-urile absolute sunt referințe în care este specificată adresa completă a documentului. Astfel de link-uri sunt utilizate pentru a comunica cu resursele de rețea externe. Exemplu de astfel de link:
http: // - Cel mai frecvent protocol, folosind acesta este oferit cu acces la pagini web, linkul arată astfel:
mailto: - Protocolul de acces la e-mail. Acesta trebuie utilizat dacă doriți să oferiți un link către e-mail. Codul de referință este scris după cum urmează:
În plus față de aceste protocoale, există încă un protocol FTP: //, cu care fișierele sunt transmise prin FTP utilizând programul client FTP. Și fișierul: // protocolul este utilizat pentru a specifica link-ul la pagina situată pe computerul local.
Veți trebui mai mult să vă ocupați de primele două protocoale atunci când creați pagini web. Și ultimul lucru pe care îl putem lua în considerare, ca parte a acestei lecții, este cum să facem o legătură din imagine. De fapt, totul este foarte simplu. În loc de textul anexat în etichete, trebuie să introduceți adresa imaginii. Cum să introduceți o imagine Am fost luați în considerare în lecție cum să introduceți imagini și să le punem poziționarea în HTML.
Salvați imaginea pe care o vedeți în partea stângă în acel folder unde fișierele pe care le-am creat înainte sunt. Acum vom face această referire la această imagine. Pentru a face acest lucru, în fișierul nostru index.html trebuie să înregistrați următoarele:
Prin Internet puteți vedea un astfel de efect atunci când faceți clic pe link-ul sub forma unei imagini mici, o altă imagine este încărcată. Pentru a face un astfel de efect, trebuie să specificați adresa imaginii mari ca adresă în link.
Hyperlinkul poate lega paginile atât într-un singur site, cât și specificați orice pagină de pe Internet. Când construiți o referire la alte pagini, trebuie să utilizați întotdeauna adresa de pagină absolută (http://www.site.com/page.html). Dacă creați un link către pagină din cadrul site-ului, este preferabil să utilizați adresa URL relativă (pagina. HTML, catalog / pagina.html). Făcând un hyperlink grafic, amintiți-vă că unele grafice nu sunt disponibile, deci asigurați-vă că includeți elementele de text corespunzătoare.
Exemplu:
Hyperlink în paginile HTML
Uneori este necesar să se facă un hyperlink într-o singură pagină. De exemplu, pe această pagină, acestea sunt hyperlink-uri la începutul lecii, permițându-vă să vizualizați o întrebare specifică și în partea de jos a paginii - vă permite să mergeți în partea de sus a paginii.
Exemplu:
Hyperlink-ul poștal
Exemplu:
|
Codul HTML: [E-mail protejat] |
Afișați în browser: |
Deschiderea paginilor HTML într-o fereastră nouă
Folosind atributul țintă, puteți încărca o pagină într-o fereastră nouă de browser. Acest atribut este proiectat pentru a seta numele ferestrei. Numele ferestrei este utilizat în scopuri de service. Pentru a deschide pagina într-o fereastră nouă, trebuie să utilizați constanta _blank.
Exemplu:
Culoarea hyperlinkului textului
Atribute Link, Alink, VLINK Setați culoarea fontului hyperlink.
Atributul de legătură este utilizat pentru a evidenția hyperlink-urile care nu au fost încă vizitate de către utilizator.
Ordinea de tranziție la hyperlink-uri
Unele browsere pot suporta funcția de tranziție prin hyperlink-uri utilizând tasta Tab. În acest caz, browserul implicit evidențiază hyperlink-urile din ordinea următoarelor lor în pagina paginii. Puteți modifica ordinea tranziției utilizând atributul TAGINEX TAG . Pentru a activa hyperlinkul într-o listă care descrie o nouă comandă de tranziție, trebuie să atribuiți un anumit număr pozitiv în intervalul de la 1 la 32767. Pentru a exclude un hyperlink din listă, trebuie să atribuiți un atribut de număr negativ. Când utilizatorul apasă tasta Tab, cursorul se deplasează la hyperlinkul cu cea mai mică valoare indice pozitivă. Dacă mai multe hyperlink-uri sunt atribuite aceeași valoare a indicelui, prima se va dovedi a fi cea din pagina de mai sus.
Trebuie spus că atributul Tabindex poate fi utilizat pentru a selecta alte obiecte, cum ar fi imagini grafice.
Instrucțiuni
Link-urile HyperText sunt concepute pentru a asocia elementele de text, imagine sau alte pagini cu alte documente hipertext. Toate articolele de pagină ale site-ului, inclusiv link-urile, sunt create de un browser care primește instrucțiuni detaliate din pagina codului paginii. Acest cod în HTML (Limba de marcaj hipertext este "Limba de marcare hipertext") constă din "etichete" care descriu tipul, aspectul și localizarea tuturor articolelor de pagină web. Hyperlinkul standard este creat de browser atunci când se întâlnește în codul paginii, de exemplu, o astfel de etichetă: linkul de text este eticheta de deschidere a referinței, care se închide. Eticheta de deschidere poate conține informații suplimentare - "Atribute". În această legătură simplă, atributul HREF conține adresa paginii sau a documentului, cererea la care va fi trimisă dacă vizitatorul face clic pe link. Uneori nu este necesar să specificați adresa completă - dacă documentul solicitat se află pe server în același folder (sau imbricat în acesta), atunci este suficient să specificați numai numele sau calea către dosarul imbricat. Astfel se numește "relativă", ar trebui, de exemplu, așa: link-ul de text, documentul MoreText.html din același dosar va fi descărcat la linkul de text. Și adresele absolute ale legăturilor încep cu protocolul specificând, de exemplu: linkul de text "HTTP" (HyperText Transfer Protocol) este adresa obișnuită a documentului în rețea. Și dacă specificați protocolul Mailto, hyperlinkul va conduce program poștalÎn loc de tranziție la: legăturile de e-mail către link-uri către fișierele situate pe serverul FTP indică, respectiv FTP (protocolul de transfer de fișiere - "Protocolul de transfer de fișiere"): Link către arhivă
Un alt atribut al hyperlinkului, care indică faptul că fereastra ar trebui să fie descărcată un nou documentcum ar fi "țintă". Dacă puteți introduce orice adresă corectă în atributul HREF, ținta poate avea doar patru valori: _self - pagina trebuie să fie descărcată în aceeași fereastră sau cadru. "Cadre" apelați o parte a secțiunii împărțită în mai multe părți; _Parent - dacă pagina curenta Ea însăși a fost încărcată dintr-o altă fereastră (sau cadru), apoi are o fereastră "părinte". Iar valoarea lui _Parent necesită pagina la care se specifică legătura, a fost încărcată în această fereastră părinte; _top - O nouă pagină trebuie să fie descărcată în aceeași fereastră. Dacă această fereastră este împărțită în cadre, atunci la boot, acestea vor fi distruse, iar noua pagină va fi singurul cadru din această fereastră; _Blank - o fereastră separată va fi deschisă pentru link; de exemplu: de exemplu:
Link-ul se va deschide într-o fereastră nouă
Există o oportunitate de a face un hyperlink pentru a merge la o altă pagină, ci pe un anumit complot al aceluiași document. Pentru a specifica documentul "Destinație" în codul HTML, se utilizează referința de ancorare: și linkul, derulând documentul înainte de a afișa că ancora: referire la prima ancoră la pseudică, se referă la ancora nu numai la acest document, ci De asemenea, în altele: ancora în alte pagini din codul HTML al unui alt document ar trebui să existe o astfel de ancoră de legătură cu numele \u003d "ancoC1" atribut.
Hyperlinkul va fi nu numai textul, ci și alte elemente de pagini - de exemplu, imagini. Cea mai simplă etichetă desenarea unei imagini arată astfel: 
Și astfel încât imaginea a devenit un hyperlink, trebuie încheiat între legăturile de deschidere și închidere a etichetelor:
Hyperlink-urile sunt una dintre cele mai importante componente ale documentelor HTML. Se datorează acestei componente, precum și legăturile obișnuite ale internetului sunt atât de ușor de utilizat. Vom examina cele mai simple opțiuni introduse hyperlink-uri care vă vor ajuta ca programatori novice să stăpânească această lecție.
Cum se creează un hyperlink în HTML?
Un astfel de cod va funcționa numai pe site-ul dvs. referințe externe, Nu va funcționa.
< a href=" *** ">***** < /a>
Exemplu:
< a href="https://сайт/">Magazine cum să faci totul< /a>
În browser va arăta astfel:
< a href="https://сайт/prigotovlenie-edy/368-kak-sdelat-malosolnye-ogurcy.html">Cum să faci castraveți cu cauciucuri mici?< /a>
În browser vom putea vedea următoarele:
Cum se creează un hyperlink în HTML pe un site extern?
Pentru legăturile externe, codul trebuie schimbat un pic. Pentru a face un link către un alt site, folosim codul:
< a href="*** ">***** < /a>
< a href="https://vk.com/kaksdelatvse">Suntem în contact "Cum să facem totul"< /a>
În articolul de astăzi, vom considera cea mai ușoară modalitate de a crea un site web. Vreau imediat să spun asta aceasta metoda este foarte primitiv și astăzi nimeni nu creează site-uri în mod similar, pentru că există pentru acest lucru programe speciale și servicii.
Dar dacă trebuie să creăm o pagină web, atunci această metodă are dreptul de a exista.
Pentru a crea un site simplu, avem nevoie de un program Notepad care este în fiecare computer.
Apăsați în colțul din stânga jos la butonul "Start" și selectați "Toate programele". Noi găsim un "notebook" și deschideți dublul butonului dublu al mouse-ului.
Să tipăm ceva.
De exemplu: Hurray! Mi-am făcut site-ul!
Noi numim fișierul "index.html", selectați "Toate fișierele" și salvați pe desktop.
După salvare, apare această pictogramă.
Dacă deschidem acest fișier, vom vedea pagina web pe care am creat-o.
Pentru a edita intrarea cu butonul drept al mouse-ului, faceți clic pe pictogramă și selectați "Deschideți utilizând" -\u003e "Notepad" în meniul contextual.
După efectuarea modificărilor, nu uitați să salvați fișierul. Deschiderea fișierului în browser, vom vedea modificările.
La site-ul va fi vizibil pentru toată lumea de pe Internet, trebuie să o descărcați la găzduire.
Astfel, puteți face cea mai simplă resursă web.
Pentru a împinge site-ul cu imagini și hyperlink-uri, precum și adăugați vopsele, schimbați dimensiunea fontului, adăugați o masă etc. Va trebui să aplicați limba HTML care va înțelege browserul.
De aceea am salvat fișierul nostru cu extensie.html.
Etichete pentru a crea un site pe HTML în Notebook
Pentru a începe, ar fi frumos să știți ce este pagina site-ului web.
Acesta este un document text scris în limba de marcare hipertext (HTML).
Pentru a înțelege ce ar trebui să fie familiarizat cu termenii generali.
HTML este o modalitate de a marca un document care este interpretat în mod egal de diferite browsere într-o formă convenabilă și ușor de înțeles. Limba se bazează pe anumite elemente structurale - Etichete. Cu ajutorul lor și HTML este emis - documentul.
Utilizat frecvent
Etichetele sunt:
- pereche
, adică Deschis
, și etichetele de închidere
, . Tag-ul închis - un descriptor cu un semn de slash (/); - uNPALELY..
Principalele tipuri și scopul etichetei
- — acest element Specifică browserul cum să interpreteze documentul. Nu este un element obligatoriu, dar este recomandat să îl utilizați pentru a evita problemele care pot apărea atunci când este afișată pagina.
- - Aceasta este eticheta din care se încheie orice document Web.
- < cap.> </ Cap.\u003e - În interiorul acestei etichete este localizat informații importante (Metadate, titlul paginii, referințele la stilurile de design, precum și scripturile).
- o altă etichetă pereche , care este situat în interiorul celei anterioare . Acesta servește pentru a defini antetul paginii web care va fi afișat în browser. - Etichetă urmat de . Este înăuntru \u003e Vor fi toate informațiile pe care utilizatorul le va vedea în browser.
- - servește la proiectarea hyperlink-urilor (). Acesta este unul dintre cele mai importante elemente ale limbajului HTML.
- - Cu ajutorul acesteia, sunt elaborate paragrafe text.
- - servește la evidențierea textului cu caractere aldine.
,
,
,
,
,
- De asemenea, sunt etichete de perechi, de exemplu:
. Cu ajutorul lor, textul poate fi împărțit în subtitrări de diferite nivele, ceea ce face posibilă determinarea importanței acestora în raport cu întregul document.- Eticheta este spre deosebire de cea anterioară - neplătită. Este folosit pentru a desemna trecerea la un nou șir în document.
De fapt, etichetele există mult mai mult, dar destul de enumerate suficient pentru a crea o pagină simplă a site-ului printr-un notebook.
Pe baza celor de mai sus, pagina creată de noi în HTML, va lua sub forma următoare:
Astfel, creați un site în HTML în Notepad destul de simplu.
Video: "Cum să faci un site în 15 minute"
Pentru a face o pagină mai atractivă necesitatea nu numai, ci și pentru a învăța CSS.
