Bazele de concepte de bază html, lucru cu cod html - Articolele mele - Publisher - Personal site
World Wide Web - cea mai importantă realizare a secolului al 20-lea. Acesta a fost creat la sfârșitul anilor '80 ai secolului trecut, dar tehnologia de a lucra cu ea sunt încă în curs de dezvoltare. Fundamentul acestor tehnologii este HTML (Hypertext Markup Language - hypertext markup language).
Folosind HTML, puteți crea pagini statice și site-uri.
In HTML, la fel ca în orice altă limbă, are propriile sale reguli care guvernează toate webmasteri pe internet. Aceste norme sunt menite să stabilească o „înțelegere reciprocă“ între codificator și browser-ul.
Concepte de bază ale HTML
HTML code - o secvență unică de caractere, prin care o pagină web devine propriul aspect unic. Cod pentru o pagină web - toate la fel ca ADN-ul pentru om.
A doua metodă nu funcționează în Internet Explorer. Și ultima opțiune este disponibilă numai dacă pagina este stocată pe suportul calculatorului.
2. Element
Element - este fundamentul HTML. link-ul pentru a construi codul, unitatea indivizibil. Orice cod, scrie pentru a crea o pagina web va consta din elemente. Absolut oricine.
element HTML este un caracter sau o combinație de caractere.
Exemple de elemente: p, br, H1, img, meta, masa, puternic, adresa, BASEFONT
Set aplicate elementelor HTML este strict limitat. În codul dvs., le puteți utiliza numai. Vezi lista completă >>
Eticheta este un element inclus între paranteze unghiulare. Paginile de cod sunt scrise etichete de nume, mai degrabă decât elementele de sine.
Exemplul arată așa-numita deschidere tag-uri. In cele mai multe cazuri, fragmentul de cod de finalizare a eticheta de deschidere este necesară pentru a adăuga o etichetă de închidere.
Exemple de închidere Tag-uri:
Capitalizarea de scriere tag-ul este irelevant. Ie înregistrare și absolut identice.
4. recipient
Container - un set de deschidere și închidere tag-uri.
Lorem ipsum - textul este dispus într-un container care, în general, poate fi orice.
Privind în perspectivă, voi spune că elementul p containerului în exemplul de mai sus creează un paragraf cu textul Lorem ipsum. În acest caz, eticheta de deschidere
Acesta definește începutul paragrafului și închiderea
- capătul său.5. O singură etichetă.
Single tag-ul - aceasta este cea care nu necesită o etichetă de închidere. Aceasta nu creează container.
EXEMPLU singură etichetă:
6. Opțiunea de etichete
Parametrii vă permit să ajustați modul de afișare a informațiilor care se adaugă la tag-ul. De exemplu, eticheta
Acesta vă permite să adăugați un paragraf la o pagină. Iar utilizarea acestei etichete parametru Align permite punctul align pe marginea din stânga sau din dreapta:
Ca rezultat al acestui spațiu de proiectare în codul, un paragraf pe o pagină web va fi aliniat la stânga.
Și acest cod va alinia un paragraf la dreapta.
Parametrii pot avea numai tag-uri de deschidere.
7. Parametru
Valorile parametrilor sunt date în ghilimele, imediat după semnul egal. Unii parametri pot avea un set limitat de valori, celălalt - absolut orice valoare. Există, de asemenea, un al treilea parametru, care poate lua orice valoare dintr-un anumit set. De exemplu, o pluralitate de întregi.
Exemple de etichete la parametrii și valorile lor:
Pe spațiu și introduceți tastele
Când scrieți codul în interiorul tag-ul, trebuie să vă amintiți că nu sunt permise caractere suplimentare și lipsă. Pentru codul în interiorul unei etichete, trebuie să fie extrem de atent.
Acum, despre golurile și enterah când scrieți codul între etichetele:
1. Browserul ignoră o serie de lacune între etichetele, luându-l pentru un singur spațiu:
Dar nu este echivalentă cu proiectarea:
2. Browserul ignoră sfârșiturile de linie între tag-ul, luându-le pentru lipsa de caracter:
De asemenea, și structuri echivalente:
Astfel, orice cod poate fi scris în general într-un singur rând. Toate sfârșiturile de linie în HTML-coduri sunt făcute numai pentru comoditatea de scriere și citire.
Bazele de codare HTML, sau cum să lucreze cu cod html
În primul rând, trebuie să ne schimbăm proprietățile de afișare a fișierelor de pe computer (în cazul în care fișierele sunt afișate cu extensii, sari peste următoarele două paragrafe).
Deschideți orice dosar, cum ar fi „My Computer“. În meniul de sus selectați Instrumente => Folder Options. Apăsați pe Ctrl + Tab. apoi de două ori Tab. Acum apăsați butonul de 16 ori ⇓
Trebuie să se atribuie șirul de caractere ascund extensiile pentru tipurile de fișiere cunoscute. Scoateți-l din cutie, și faceți clic pe OK. Dacă acum te uiți la fișierele în orice folder, veți vedea că, după numele fișierului este extensia sa, separat de numele punctului. Dacă acest lucru este adevărat, putem merge mai departe.
Creați un folder nou și denumiți-l „paginile mele“. Deschideți folderul și deschideți meniul contextual, clic-dreapta. = Faceți clic pe Nou> Text Document. Nume indicele documentului creat și îi conferă o extensie .html in loc de .txt. După aceea, de două ori, apoi apăsați Enter. Ați creat o pagină web!
Deschideți-l prin dublu clic sau prin apăsarea tastei Enter. După cum puteți vedea, pagina este goală. vom repara asta chiar acum.
Fără a închide pagina, du-te la folderul în care se află, și faceți clic pe fișier, faceți clic dreapta pe. În meniul care apare, selectați. Deschideți cu => Notepad. Introduceți fragmentul de cod aflat sub fereastra imediată și apoi apăsați pe Ctrl + s (a salva).
Bucata de cod pentru a lipi în Notepad Acasă
bun venit
Aceasta este pagina mea de web mai întâi. Bine ai venit.
Fără a închide notebook-ul, du-te la pagina web deschisă mai devreme și apăsați F5 (Refresh). Felicitări, ați creat primul în pagina web de viață. Din aceeași pagină, și este întregul Internet, dar acestea nu sunt situate pe computerul dvs. și pe calculatoarele server.
Acum du-te înapoi la Notepad și de a schimba cuvântul alb este lightyellow. apoi apăsați pe Ctrl + s. Apoi, comutați la browser și apăsați F5. Context schimbat la galben deschis!
Acesta este cel mai simplu mod de a lucra cu HTML-cod: pagină web editabil trebuie să fie deschis în Notepad și browser-ul simultan. În Notepad, schimbați codul și în browser pentru a verifica rezultatul acestei schimbări. De multe ori, trebuie să schimbi o singură etichetă sau un pas la parametrul; Prin urmare, repet: asigurați-vă că pentru a menține pagina deschisă în Notepad și browser-ul. închiderea acestor ferestre numai la încheierea unei pagini.
Comutarea între notebook-ul și browser-ul mai ușor de utilizat combinația Alt + Tab. În general, lucrul cu codul este întotdeauna mai bine de a folosi tastatura. Pentru volume mari de lucru pe care îl salvați în mod semnificativ timpul. Aici sunt comenzi rapide de la tastatură pe care le-am folosi:
Ctrl + C - copie
Ctrl + V - paste
Ctrl + X - pentru a tăia
Ctrl + A - selecteaza tot
Ctrl + Z - anulează
Ctrl + S - salvați
Ctrl + W - pentru a închide fișierul
Combinația Ctrl + u este deosebit de interesant, deoarece vă permite să mergeți rapid la pagina de cod pe care o vizualizați, indiferent unde se află și cum să scrie. Du-te chiar acum la pagina de site-ul dumneavoastră preferat și faceți clic este o comandă rapidă. Simplu, nu-i așa?
Există un alt mod de asteptare codul sursă - prin meniul contextual. Cu toate acestea, pe Internet, există pagini de cod conspirativ; pe aceste pagini datorită eforturilor creatorilor lor de apel din meniul contextual este pur și simplu imposibil. În acest caz, veți obține combinația Ctrl + u. împotriva cărora nu există bani.
La editarea unui volum de cod este inadecvat să caute fragmentul necesar al ochilor. În schimb, mai ușor pentru a căuta un anumit punct de reper. De exemplu, știți că lângă tag-ul pe care îl căutați, este expresia „elementele de baza html». Apoi, apăsați Ctrl + F. găsi această combinație, și cu ea fragmentul dorit. În anumite situații, această metodă de căutare poate salva o mulțime de timp.