tag-uri HTML pentru a crea o lista de site-a mai de bază
Etichetele HTML structura documentului
Acest lucru ne-tag-uri la nivel mondial, în orice mod necesar. Pe pagina de web nu sunt afișate, dar permit structura mărcii. De exemplu, eticheta html. Astăzi, este foarte adesea nici măcar nu scrie, acest lucru într-adevăr nu este necesar. În general, acesta este un container comun pentru toate documentul HTML. Acesta a investit restul.
În plus, există două secțiuni - cap și corp. În prima poziție diferite tipuri de parametri ale paginii web, conectați fișiere externe, etc. De exemplu, aici este dat pe site-ul de codificare precizează meta tag-uri, din titlu. conectați css-stiluri și script-uri web. În general, pentru disponibilitatea de site-uri cap secțiune are un rol crucial.
Ei bine, corpul este corpul paginii. Aici deja vom scrie ceea ce este direct afișat pe ecran. În continuare, trebuie doar să ne uităm la etichetele care sunt utilizate în corpul paginii.
formatarea textului
De obicei, formatarea întotdeauna spun, în primul rând, atunci când este vorba de HTML. Într-adevăr, ceea ce ar putea fi mai important decât text pe o pagină și designul competentă? Deci, despre etichetele pentru formatarea textului, am scris în detaliu aici. Te sfătuiesc să deschidă o fereastră nouă și a vedea etichetele descrise aici.
De exemplu, creați trei paragrafe. Una dintre ele este simplu, în al doilea text este în caractere aldine, iar al treilea - este subliniat.
Text în paragraful simula de umplere
Text în paragraful simula de umplere
Text în paragraful simula de umplere
Că ceva de genul pe care le trage textul folosind tag-urile menționate în acest articol.
tag-uri HTML pentru imagini (poze)
Pentru imaginile au doar 1 etichetă de - img. Și el, la rândul său, un singur parametru necesar - src. adică, calea către fișierul. Tot restul pot fi ajustate prin css. De fapt, informații despre inserarea imagini așa cum am scris aici. Ei bine, iată un exemplu de inserție:
Tag, după cum puteți vedea, singur, adică, partea de închidere nu este necesară. Calea este stabilită în funcție de locația HTML-pagină. Imaginea mea a fost în același folder ca pagina de web, și, astfel, o modalitate de a obține cât mai scurt posibil.
Katinka modificarea dimensiunii utilizând lățimea și înălțimea atribute. dar în mod optim încă face prin css. Dar, în plus față de tag-ul img în html5 a apărut tag-uri, într-un fel care ajută pentru a desena o imagine. Această cifră și figcaption. Aceasta este cifra și semnătura acestuia. Zona generală de aplicare a acestor tag-uri este mai largă, dar vom lua în considerare exemplul imaginii:
Ei bine, un cuplu de css-linii:
Aceste etichete simplificat, pur și simplu procesul de adăugare de legende imagini:
Tag-uri pentru link-uri
Link-uri - cea mai importantă parte a paginii web. Dar, pentru a le crea ai nevoie doar de o singură etichetă - o. Acesta este creat după cum urmează:
Liste de pe paginile web
Cu liste prea simplu. Există 2 tipuri de liste - și numerotate cu marcatori. Singura diferență în aspectul recenzorului. Aceasta este, numărul este sau pur și simplu markeri.
O listă numerotată este creat tag-ul ol. și s-au produs etichetat li. În această etichetă, puteți pune orice număr de alte tag-uri și orice conținut.
- Scoateți masa
- pregăti o masă
- Du-te la fotbal
Unele pas cu pas planul vom primi lista implicită este deja afișată cu anumite marje.
lista cu marcatori, respectiv, este creat folosind eticheta ul. și în interiorul acestuia toate aceeași li.
Pentru a afla cum să facă o listă cu ajutorul css, puteți citi aici.
Detalii despre etichetele pentru un tabel am scris aici. Vorbind pe scurt, este aceasta:
- tabel - recipientul pentru masa;
- tr - numărul de masă, de asemenea, servește ca un container;
- td - o celulă este plasat aici conținutul;
Să creați un tabel simplu:
| 1 celulă | 2 celule |
| 1 celulă | 2 celule |
Ei bine, după un pic css l-am proiectat:
Dacă nu înțelegi, ce css, atunci vă invit în același timp pentru a citi acest articol scurt. în curând toate vor deveni clare.
Formele sunt, de asemenea, foarte importante în crearea de site-uri, deoarece acestea sunt folosite tot timpul. Pe formele am în opinia mea articol sensibil pe blog-ul încă, astfel încât este necesar să se scrie. Între timp, a crea un formular simplu:
Elementele de bază ale formei:
- formă - formează direct un container, care este plasat în toate domeniile. Pentru a forma locul de muncă în mod corespunzător, este necesar să se prescrie acțiunea și metoda de atribute. dar este deja de lucru cu PHP limba.
- de intrare - un câmp de formular, exact cum va fi, depinde de valoarea din tipul de atribut. De exemplu, un text - câmp pentru a introduce text simplu, parola - câmpul pentru parolă, bifați caseta - tic, trimiteți - buton de trimitere. Desigur, acest lucru nu este toate valorile, dar alte detalii, voi scrie un articol separat despre forma (în curând).
- Ei bine, și elemente auxiliare. În cazul nostru, acest text și pauze de linie.
forme posibile, mai ales cu apariția de HTML5, devin foarte mari. Puteți face un număr nelimitat de câmpuri în ele, marcați-le ca modele necesare, set, etc. Din nou, toate acestea într-un fel scrie separat.
Block și elemente inferioare
Block, de asemenea, - este o altă problemă. Unitatea poate fi doar unul din rândul său. Exemple blocuri: paragrafe, tabele, liste. Aceasta este, pe aceeași linie nu poate fi de 2 paragrafe, nu?
În HTML există și alte etichete care indică doar un bloc și element rând fără a da nici ea mai multe proprietăți. Acest interval și div. Prima linie și al doilea bloc. Folosit în aspectul foarte des. Că înțelege diferența, aici este un exemplu:
text
text
text
Cred că nu este nevoie să explic ceva mai mult. Ei bine prieteni, asta e, probabil, toate etichetele HTML de bază pentru a crea un site web care se aplică într-adevăr tot timpul și care într-adevăr nevoie să știe.
Ați putea fi, de asemenea, interesat în