Situ Perching: cumu a fari lu ritrattu, fondo html,

Parechje Web cuncettori apprinnista, solu à delve in l 'essenza di i criazioni di i siti, spessu da dumandassi cumu imagine html, fondo, a fari. È s'è qualchi d 'iddi pò trattari cu stu prublemu, ci hè sempre un prublemu in u tempu di stinza u web larghezza di l'imagine supra lu curà. À u listessu tempu ch'e vulete per vede u situ sò mustrati identically nant'à tutti i navigatori, accussi si avissi a rializzari lu esigenze di cross-navigatore. Pudete crià i fondo, in dui modi: usandu Corsica tags HTML e stili CSS. Ognunu per sè stessu sceddi a funziunalità megliu. Di sicuru, stile CSS hè assai più còmuda, perchè u so codice hè cullucatu in un schedariu di quesse è ùn pigli lucutura lettinu in e balise di u situ principale, ma prima ch'elli ci guardà un mètudu sèmplice per installà i imagine à l 'industria di u situ.

Corsica tags HTML Basic à creà u fond

Allura, avemu andà à a dumanda di manera à fà l 'imagine fondo in html, nant'à u screnu. In Pà circà bellu situ, vi tocca à capisce una tecnica piuttostu impurtante: hè abbastanza sulu pi fari un fondo, penta, o arrietta un culore masiv, ma s'ellu vi tuccherà à fà l 'imagine fondo, ùn vi và l' larghezza piena di lu curà. L'imagine urighjinaria vole à coglia o di fà a vostra propria disignu cun stu curtzu, in cui tu ti vede pagina di u situ. Solu quandu u imagine fondo, hè prontu, interattiva lu in un cartulare chjamatu «Images». In ella, noi vi magazzini tutti i imagini usato, animazione è altri schedari illustrazioni. Stu cartulare deve esse trova in u cartulare di a ràdica incù tutti i vostri schedari html,. Avà vi pò spustà nantu à u codice. Ci sò parechje ozzione di u corsu scrittu, da cui l 'fondo, vi canciari lu ritrattu.

1. Scrìviri attribuilla tag:.
2. Attraversu stile CSS in u còdice HTML.
3. Scrìviri stili CSS in un schedariu siparati.

As in u HTML pi fari l 'imagine fondo, vi esaminà, ma vurrissi a diri quarchi parola, circa cumu si fussi la più température. A prima mètudu hè da scrittura à traversu una attribuilla tag: hè stata longa abbuccari. U secondu ellu veni usatu assai raramenti, parché si fora chì assai di u listessu codice. A terza sottu hè a più cumuna è vere. Quì sò li siquenti sunnu asempî di Corsica tags HTML:

1. A prima mètudu n'hè à attribuilla tag: (corpu) in u schedariu index.htm. Hè cullucatu in sta forma: (fondo, corpo = "folder_name / Nazvanie_kartinki.rasshirenie") (/ corpu). Chì hè, s'è no avemu un ritrattu cù u titulu di «Picture» è allargamentu parigi, è u cartulare avemu chjamatu «Images», allura l 'entrata HTML-codice sarà taliari like this: (fondo, corpo = "Images / Picture.jpg") ... (/ corpu) .
2. Lu secunnu lu mètudu seti n'hè un stile CSS, ma hè scritta in u listessu schedariu cù u nomu index.htm. (Body stile = "fond: indirizzu ( 'Images ../ / Picture.jpg')").
3. U terzu mètudu di n'hè hè fatta in dui i schedari. U ducumentu cù u tag: nomu index.htm (la testa) hè scrittu un tali linia: (la testa) (lea francese rel = tipu "stylesheet" = "u testu / cafe css" href = "http: // situ / articulu / 193110 /% D0% 9F % D1% 83% D1% 82% D1% 8C_% D0% BA CSS_faylu ") (/ la testa). A cartulare chjamatu stile style.css digià scrìviri: corpu {fond: indirizzu (Images / Picture.jpg ')}.

As in u HTML pi fari l 'imagine fondo, avemu capisce. Avà vi tocca à cumprènniri comu a crisciri i imagine à traversu a larghezza di u web schermu.

Modi a crisciri i imagine fondo, à a larghezza di a finestra

Avemu a rapprisintari la nostra screnu in a forma di 'na pircintuali. Si gira fora chì tutta a larghezza è a durata di u screnu hà da esse 100% × 100%. Avemu bisognu di a crisciri i imagine à stu larghezza. Ajouter à la linia n'hè style.css cartulare imagine chì vi và l 'imagine supra u web larghezza è a durata di u curà. Comu hè scritta in stile CSS? Hè simplici!

corpu,

{

fond: indirizzu (Images / Picture.jpg ')

fondo-size: 100%; / * Sta articulu hè adatta di più i navigatori muderni * /

}

So noi figura fora comu pi fari un fondo, ritrattu in html, nant'à u screnu. Ci hè dinù un mètudu di n'hè in u cartulare index.htm. S'è sta pratica è a presentazione, ma per principianti hè nicissariu di cunnosce è capisce. U tag: (la testa) (Quizas) francese div {fond-size: Cover; } (/ Style) (/ la testa), sta casa discugràfica significa chi avemu ch'iddu distribbuisci una unità spiciali di lu fondo, chì vi pò positioned nantu à u web larghezza di la finestra. Avemu cunsideratu dui maneri, pasta fatta in un situ html, fondo, picture, tantu ca lu imagine hè stese à u web larghezza di u screnu à ogni di i navigatori muderni.

Comu pi fari un fondo fissu

Sè vo esaminà à utilizà un ritrattu cum'è l 'industria di u futuru risorsa net, allura vi basta à sapè quantu à fà lu in fissu, tantu chì ùn hè stese in lunghezza è micca arrubà u aspettu esteticu. Simply usandu còdice HTML à fassi un picculu ambition. Vi tuccherà à schedariu style.css à aghjunghje una frasa, dopu fond: indirizzu (Images / Picture.jpg ') fissu; o invece aghjustatu dopu à u semicolon linia siparati - pusizioni: fissu. Cusì, a vostra carta da parati vi sìanu. Duranti scrolling cuntenutu nant'à u situ, voi vi vede chì u testu linii sò muvimenti, ma u fondo, ferma in locu. So vi hà amparatu à fà imagine fondo html, in parechji modi.

Travaglià cun Tables in HTML

Parechje sviluppori Web inexperienced, cunfruntatu cù tavule è opposti, à spessu ùn capisce cumu fà tavula imagine html, fondo. Cum'è tutte e squadre HTML stili è CSS, la lingua di prugrammazione net hè abbastanza sèmplice. È i suluzioni à stu prublema hè a scrìviri un paru di linii di u corsu. Tu avissi già sacciu ca scrivu un tavulinu di filari e colonne, rispittivamenti, cum'è indettatu da u balise (tr) è (TD). Pi fari l 'industria di u tavulinu in la forma di un imagine, hè necessaria à aghjunghje à u tag: (tàvula), (fr) o (TD) una sèmplice frasa cù riferimentu à l' imagine di riferenza: fond = images URL. Di tralucenza, avemu dà un coppiu di li siquenti sunnu asempî.

Table cù un ritrattu invece di u fond: esempi HTML

Piglià un tavulinu 2x3 è fà lu imagine fondo, cullucatu in u cartulare "Images": (fondo verbi = "Images / Picture.jpg") (fr) (TD) 1 (/ TD) (TD) 2 (/ TD) (TD) 3) (/ TD) (/ T tr) (fr) (TD) 4 (/ TD) (TD) 5 (/ TD) (TD) 6 (/ TD) (/ T tr) (/ tavulinu). So i nostri verbi vi pò tiratu a la figure di u ritrattu.

Avà piglià la stessa grannizza, piastra di 2x3, ma inserisci un ritrattu in i culonni nummirati 1, 4, 5 è 6 (tàvula) (fr) (fondo TD = "Images / Picture.jpg") 1 (/ TD) (TD) 2 (/ TD) (TD) 3 (/ TD) (/ T tr) (fr) (TD fond = "Images / Picture.jpg") 4 (/ TD) (TD fond = "Images / Picture.jpg") 5 ( / TD) (TD fond = "Images / Picture.jpg") 6 (/ TD) (/ T tr) (/ tavulinu). Dopu à veghjanu da noi pò vede chì i fondo, pare solu à quelli chì Leoni in cui avemu scrive, è micca tuttu u tavulinu.

situ cumpatibulità Cross-navigatore

Ci hè un tali cosa comu nu risorsa cumpatibulità Web cross-navigatore. Stu significa chi u vostru situ hè capaci di bè mustratu in sfarenti tippi e versioni di i navigatori. Si deve esse codice HTML Silvia e CSS a presentazione di un navigatori nicissariu. Inoltre, in l 'ebbica muderna di wireless inteligente, parechje lingue Web sò cunvince à creà i siti è adattatu di versione tilatica è un ochju urdinatore.