Imagine pentru HTML, insera imagini în html
Cum sa faci un site web
modul de a face site-ul dvs., astfel încât vizitatorul, care a venit la el, nu a închis pagina imediat în căutarea unei alte vieți și să rămână pe ea?
nume de domeniu
de fapt, alege un domeniu pentru site-ul dvs., nu este o sarcină ușoară cum pare la prima vedere.
Site-uri care găzduiesc
alegerea unui web gazdă bună depinde de un „luminos“, site-ul viitor ați creat.
Elementele de bază HTML
Limbajul HTML este fundamentul internetului, fără cunoștințe de populare site-ul nu poate face.
proprietăţi CSS
folosind foi de stil este mult mai ușor de a dezvolta pagini web și de a gestiona un site web.
optimizare
măsurile necesare luate de webmasteri pentru a ridica site-ul într-o poziție mai proeminent.
promovare
pentru a promova site-ul pe cont propriu, fără utilizarea de servicii speciale, departe de a fi o sarcină ușoară, dar cu dreapta și abordarea corectă greu de realizat.
Motoare de cautare
Principiul de funcționare al motorului de căutare algoritmi, factorii de rang.
articole interesante
aici toată lumea va găsi ceva articole interesante și răspunsuri la întrebări legate de crearea site-ului.
glosar
interpretarea termenilor întâlnite în crearea și promovarea site-urilor.
Un GIF și JPEG sunt două formate de bază Pentru a insera imagini în HTML sunt folosite. Formatul GIF poate stoca într-un simplu animație (bannere dinamice), JPEG este mare pentru imagini cu o mulțime de culori, cum ar fi fotografiile. Al treilea format pentru web-grafice este formatul PNG, dar nu este utilizat pe scară largă în web-design. Orice imagine în format GIF sau JPEG inserate pe o pagina web cu tag-ul. nici un tag de închidere.
Ei bine, încercați să inserați o imagine pe pagina? Scrie cod (cale - URL-ul, este prescris în funcție de locația folderului cu imagini):
Acum, încercați să inserați o imagine cu textul:
Textul în care se introduce o imagine. Runaround nu este specificat.
Textul în care se introduce o imagine.
În mod implicit, dacă nu setați nici un parametru de curgere, cifra este pe pagina ca obiect linia (cuvânt, literă, etc.). Înălțimea rând cu dimensiunea modelului crește, dar nici un text este distribuit în jurul imaginii. Împachetarea definită de aliniere în raport cu imaginea din dreapta sau marginea paginii din stânga. După aceea desenul este inserat în locul potrivit, iar textul este situat pe cealaltă parte.
Pentru a alinia imaginile utilizate deja familiare pentru a vă alinia atribut. Există mai multe modalități de a alinia, acestea sunt împărțite în orizontale și verticale.
Alinierea pe orizontală și, respectiv, folie este definită ca fiind deja familiare lăsat valori. centru și dreapta. Să ne uităm la codul de exemplu:
Textul în care se introduce o imagine. Fluxul în jurul setului.
Brauzet afișa codul după cum urmează:
Textul în care se introduce o imagine.
Codul eșantionului cu locația marginea din dreapta:
Textul în care se introduce o imagine. Fluxul în jurul setului.
Browserul va arata astfel:
Textul în care se introduce o imagine.
Cu alinierea verticală nu sunt familiare, iar acum ia în considerare. Este dat ca trei valori - alinierea verticală a centrului de mijloc. pe partea de sus partea de sus și de jos a liniei de bază de jos (linia pe care șirul de text este curent).
Textul în care se introduce o imagine. Se specifică locația centrului.
Textul în care se introduce o imagine.
În afară de nivelare metodă și text de ambalaj, pentru un câmp de imagine poate specifica indentare care nu vor fi ocupate de textul în fluxul. Indent două atribute: vspace - superioară și inferioară, hspace - la stânga și la dreapta. Valorile sunt în pixeli. De exemplu, am stabilit alinierea imaginii pe marginea din stânga și marginile din stânga și din dreapta - 35px, sus și de jos - 25px, scrie cod:
Textul în care se introduce o imagine. Se specifică locația imaginii de pe partea stângă a paginii, și înfășurați în jurul valorii de text din dreapta.
Textul în care se introduce o imagine.
Textul în care se introduce o imagine. Se specifică locația centrului.
va apărea pe pagina:
Textul în care se introduce o imagine.
Ce este textul alternativ este specificat? Să ordine. Fiecare browser este o funcție a imaginilor off, astfel încât utilizatorul cu ajutorul unei funcții, se poate observa din descrierea specificată în Tag-uri alt. care reprezintă imaginea. Poate că până în prezent și irelevante pentru că preferința tarifelor nelimitate, dar este considerat bunele maniere. A se vedea, de exemplu, codul:
A se vedea aceasta, puteți activa chiar lângă afișarea imaginilor în browser.
Observ imediat, lățimea și înălțimea sunt parametri importanți, așa că nu le ignora. Judecător pentru tine, cu dimensiuni de imagine nespecificată, dar cu imagini oprit în browser atunci când imaginea nu este încărcată, pătrate mici goale nu pot fi staționate în acel loc în cazul în care sunteți de planificare pentru a le oferi. Frumusetea nu este o pagină da. Deci, nu fi leneș și hardcodati întotdeauna dimensiuni în codul HTML.
Precizați dimensiunile lățimii etichetă de imagine - lățimea și înălțimea - înălțime, ca valori in pixeli, iar procentajul din lățimea ecranului (procente foarte atent). Bucurându-se de cod:
Image atrag vizitatorii site-ului, transporta o mulțime de informații vizuale, sunt ușor de utilizat, dar încă mai trebuie să urmeze un sfat, dacă doriți să creați un site bun, populare.
Nu aveți nevoie să utilizați prea mare a unui fișier imagine, așa cum nu afectează viteza de încărcare a paginii. Crede-mă, acest lucru nu este cifra finală.
Imaginile de pe site-ul web trebuie să fie conforme cu conținutul textual.
După ce a studiat această secțiune, este deja posibil să vă încercați ca un web-master și de a crea un HTML complet - pagina. Și apoi trece la introducerea multimedia.