Kā ievietot tekstu kolonnās ar HTML

Jūsu uzņēmuma mājas lapa var būt jūsu pirmā iespēja iespaidot klientu vai potenciālo klientu. Tīrs, viegli lasāms lapas izkārtojums ir labs veids, kā virzīt savu labāko kāju uz priekšu. Lielu teksta bloku, kas pārklāj ekrānu no vienas puses uz otru, sadalīšana ir viena no metodēm, ko varat izmantot, lai izstrādātu vizuāli patīkamu vietu. HTML piedāvā divas metodes šī uzdevuma izpildei.

Tabulas

Tabulas nodrošina nepieciešamos rīkus, lai izveidotu konteinerus, lai parādītu tekstu diskrētās slejās. The

tag izmanto divus locekļu elementus, lai noteiktu tabulas izkārtojumu - tabulas rindu un tabulas datus
tag. Sāciet, izveidojot a elements, kura platums ir pietiekami liels, lai aptvertu tajā ievietoto kolonnu kopējo platumu. Pēc tam atveriet tabulas rindas atzīmi. Pēc šīs atzīmes ievadiet sākuma tabulas datu tagu. Izmantojiet parametru “stils”, lai noteiktu pirmās kolonnas platumu. Aizpildītās tabulas datu tagam vajadzētu izskatīties šādi:

Izmantojiet stila tagu, lai norādītu visus papildu formatēšanas parametrus, piemēram, fona krāsu, teksta krāsu vai apmali. Šis formatējums attiecas tikai uz pašreizējo tabulas datu tagu. Katrs Šajā gadījumā elementam jābūt formatētam atsevišķi. Izveidojiet papildu slejas līdz pat galda tabulas elementā norādītajam platumam, izmantojot to pašu metodi, lai definētu katru tabulas datu elementu. Izmantojiet aizvēršanas tabulas rindas un tabulas tagus, lai pabeigtu slejas definīciju.

Divs

Div elementa izmantošana atvieglo kolonnu projektēšanu un uzturēšanu, samazinot pareizo formatējumu nepieciešamo tagu skaitu. Tag izveido konteineru, kas spēj turēt un veidot jebkuru lapas elementu. Sāciet, izveidojot div, lai definētu displeja platumu ar paziņojumu:

Tas rada divkomponentu 600 pikseļu platumu ar ID vērtību uz “saturu”. Kad lapas platums ir noteikts, izveidojiet papildu kolonnas, izmantojot papildu div tagus. Kolonnu skaits, ko vēlaties parādīt lapā, noteiks horizontālo telpu skaitu atsevišķiem divelementiem. Nav nepieciešams, lai visas kolonnas būtu vienāda platuma, bet to kopējai summai jābūt vienādai ar vecākajam saturam div. Div elements nodrošina lielāku elastību nekā tabulu izmantošana kolonnu pozicionēšanas un formatēšanas laikā.

Maržas un polsterējums

HTML nodrošina divas metodes, lai izveidotu baltās telpas ap kolonnas saturu. Margas pievieno tukšo vietu ap konteinera ārpusi; polsterējums rada tukšu vietu starp konteinera saturu un iekšpusi. Abos gadījumos tukšajai vietai piešķirtais platums palielina kolonnu kopējo platumu. Lai attēlotu trīs 200 pikseļu kolonnas ekrānā ar 10 pikseļu starpību, kopējā konteinera platumam jābūt vismaz 660 pikseļiem. Pēc noklusējuma margas vai polsterējuma vērtība tiek pielietota ap visām divpusējā div. Šajā piemērā katras 200 pikseļu kolonnas malām tiek pievienoti 20 pikseļi tukšu vietu, kā rezultātā kopējais platums ir 660 pikseļi.

Robežas

Varat arī izmantot robežas, lai izveidotu sadalījumu starp kolonnām. Ir pieejamas vairākas īpašības, lai mainītu šķērslīniju stilu, krāsu un platumu. Tāpat kā ar margām un polsterējumu, robežas platums tieši palielina kolonnas kopējo izmēru.

Ieteicams
  • jauna uzņēmuma izveide: Kā atskaņot WAV failu uz MacBook

    Kā atskaņot WAV failu uz MacBook

    Lielākā daļa datoru multivides programmu atskaņo mūziku, kas saglabāta WAV faila formātā, kas ir bijis jau kopš personīgās skaitļošanas sākuma. MacBook ir standarts ar Quicktime multivides programmu, kas atpazīst WAV failus, kā arī vairākus citus failu formātus. Jūsu Mac var izmantot daudzas dažādas programmas, piemēram, iTunes vai VLC, lai atskaņotu audio failus. Ātra iestatījumu maiņa
  • jauna uzņēmuma izveide: Maza drukas žurnāla sākšana

    Maza drukas žurnāla sākšana

    Neatkarīgi no tā, vai esat aizrautīgs ar pārtiku, modes vai ātrgaitas automašīnām, neliela drukas žurnāla sākšana varētu būt pievilcīga ideja, jo īpaši, ja jums ir iepriekšēja rakstīšanas, rediģēšanas vai lapu dizaina pieredze. Laikā, kad sākat žurnālu, tas varētu šķist pārāk biedējošs uzņēmums, ko var mēģināt izdarīt ar rūpīgu plānošanu un centību. 1. Vai tirgus izpēte. Pārbaudiet, kā tiek iz
  • jauna uzņēmuma izveide: Kā noņemt procesuālās sarežģītības un šķēršļus, uzsākot uzņēmējdarbību

    Kā noņemt procesuālās sarežģītības un šķēršļus, uzsākot uzņēmējdarbību

    Sākot savu biznesu, izklausās sapņu piepildījums. Tomēr, lai iegūtu jaunu biznesu un darbotos no jauna, tas ir viens no sarežģītākajiem darbiem, ar kuriem uzņēmējs kādreiz saskarsies. Sākot uzņēmējdarbību, pastāv daudzas iespējamās procesuālās grūtības un šķēršļi, bet par laimi šīs problēmas var tikt risinātas efektīvi - pat likvidējot - tik ilgi, kamēr jūs veltīsiet laiku, lai vispirms sagatavotos un plānotu. Sagatavošanās 1. Sagatavojiet finansiāl
  • jauna uzņēmuma izveide: Kā noņemt neveiksmīgu printera instalāciju

    Kā noņemt neveiksmīgu printera instalāciju

    Lielākajai daļai aparatūras sastāvdaļu ir jāinstalē draiveri, lai operētājsistēma varētu sazināties ar ierīci. Tas vienmēr notiek ar perifērijas ierīcēm, piemēram, printeriem. Dažreiz saderības problēmu dēļ instalēšanas laikā novecojuša vai nepiemērota draivera vai problēmas uzstādīšana var izraisīt printera draivera instalācijas neveiksmi. Ja nepareiza draivera instalācij
  • jauna uzņēmuma izveide: Kas man jāzina, lai sāktu veterināro praksi

    Kas man jāzina, lai sāktu veterināro praksi

    Ja esat licencēts veterinārmedicīnas ārsts, kas vēlas uzsākt savu patstāvīgo praksi, jums var būt acu atvērējs. Papildus jūsu medicīniski specifiskajām zināšanām par veterinārmedicīnu, jums būs arī jāpaplašina savas zināšanas par dažādām vispārējām uzņēmējdarbības tēmām, lai iegūtu izdzīvojošu un plaukstošu veterināro praksi. Atbildības aizsardzība Medicīna ir ļoti
  • jauna uzņēmuma izveide: Kā iesniegt novirzīšanu uz Google Webmaster

    Kā iesniegt novirzīšanu uz Google Webmaster

    Domēnu maiņa var būt nodokļu uzlikšanas pieredze jebkuram uzņēmumam, bet tā var būt arī noderīga - ja jaunajam domēnam URL ir labāka meklētājprogrammas optimizācija, tad tas varētu palielināt jūsu satiksmes un peļņu, vai arī jaunajam domēnam ir jauns tīmekļa vietnes mitinātājs ar labāku tarifu un joslas platumu. Abos gadījumos ir jāveic k
  • jauna uzņēmuma izveide: Uzņēmējdarbības līzinga īpašumtiesību nodokļu priekšrocības

    Uzņēmējdarbības līzinga īpašumtiesību nodokļu priekšrocības

    Uzņēmumi, kas iznomā īpašumu, gūst peļņu, savācot īres maksu no komerciāliem un dzīvojamiem īrniekiem. Īpašuma līzings sniedz tiem mazāk svārstīgu peļņu nekā akciju tirgus, bet prasa, lai tie veiktu lielus kapitālieguldījumus nekustamā īpašuma iegādei saskaņā ar CBRE 2009. gada ziņojumu. Uzņēmuma īpaš
  • jauna uzņēmuma izveide: Vai ir iespējams iestatīt divus e-pasta kontus iPhone?

    Vai ir iespējams iestatīt divus e-pasta kontus iPhone?

    Ja jums ir vairākas e-pasta adreses, jums nav jāizvēlas, kuru no tām iestatīt savā iPhone. Vairāku e-pasta kontu izveidošana no dažādiem pakalpojumu sniedzējiem ir salīdzinoši vienkārša, ja vien jums ir pamatinformācija, piemēram, lietotājvārds, parole un pasta servera adrese. Ja izmantojat kopīgu e-pasta pakalpojumu sniedzēju, piemēram, iCloud vai Gmail, iOS jau ir vajadzīgā pasta servera informācija. 1. Atveriet lietotni &q
  • jauna uzņēmuma izveide: Kā atjaunot cieto disku sistēmā Windows XP, lai atbrīvotos no vīrusa

    Kā atjaunot cieto disku sistēmā Windows XP, lai atbrīvotos no vīrusa

    Cietā diska pārformatēšana dzēš visu informāciju uz diska un atjauno failu sistēmas arhitektūru, kas ir atbildīga par datu pārvaldīšanu diskdzinī. Lielāko daļu ļaunprātīgu programmatūru var noņemt, izmantojot pretvīrusu programmatūru, bet dažreiz vīruss tik daudz ir izpostījis diska integritāti, ka failu sistēma nav glābama. Windows XP var pārformatēt

e3

Biznesa Padomi - 2020

Ieteicams

Populārākas Posts 2020

e3