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
  • biznesa tehnoloģijas: Kādi rīki tiek izmantoti, lai samazinātu piesaistes likmes zvanu centros?

    Kādi rīki tiek izmantoti, lai samazinātu piesaistes likmes zvanu centros?

    Zvanu centra darbs vienmēr ir bijis stresa nodarbošanās, un lielākajā daļā zvanu centru ir augsts svārstību līmenis. Kad darbinieks pamet uzņēmumu tieši pēc apmācības pabeigšanas, uzņēmums zaudē naudu, kas iztērēta, lai reklamētu amatu un apmācītu jauno darbinieku. Ja ilgstošs darbinieks atstāj darbu, izmaksas ir vēl lielākas, jo aizvietojošais darbinieks sākotnēji ir mazāk efektīvs. Lai samazinātu vilšanos, centiet
  • biznesa tehnoloģijas: Kā atvērt HP klēpjdatoru un nomainīt ventilatoru

    Kā atvērt HP klēpjdatoru un nomainīt ventilatoru

    Hewlett Packard klēpjdatori ir ļoti pārnēsājami, ļaujot aizņemtiem profesionāļiem viegli pārvietot visu datņu kabineta datus no viena darba vietas uz citu, bet tāpat kā jebkuram citam klēpjdatoram, šī funkcija var izrādīties atsaukta. Tā kā to kompaktais izmērs kavē gaisa plūsmu, HP klēpjdatori ir ļoti jutīgi pret pārkaršanu. Ja jūsu Hewlett Packard ve
  • biznesa tehnoloģijas: Kas ir OPP Android lietotne?

    Kas ir OPP Android lietotne?

    Objektu push profils vai OPP, kas atrodas daudzos mobilajos tālruņos, ieskaitot tos, kas veidoti uz Android operētājsistēmas, nav lietojumprogramma; tas ir iekšējais Bluetooth tehnoloģiju komponents, kas ļauj veikt bezvadu uzdevumu. OPP ir tikai viens no daudzajiem Bluetooth profiliem vai režīmiem, ko izmanto skaitļošanas ierīcēs, piemēram, mobilajos tālruņos un personālajos datoros. OPP profils OPP ļ
  • biznesa tehnoloģijas: Kā ierakstīt tīmekļa semināru bez kameras

    Kā ierakstīt tīmekļa semināru bez kameras

    Daudzi uzņēmumi piedāvā Web seminārus, lai sasniegtu plašāku auditoriju un bieži sniegtu motivācijas taktiku uzņēmumu īpašniekiem, kuri vēlas palielināt pārdošanas apjomu. Kamēr jums nav nepieciešama tīmekļa vietne, lai tiešsaistē skatītu Web semināru, iespējams, vēlēsities saglabāt konferenci konferences nolūkos. Lai ierakstītu tīmekļa semin
  • biznesa tehnoloģijas: Kā zināt, vai es atbildēju uz Craigslist Post

    Kā zināt, vai es atbildēju uz Craigslist Post

    Zinot, vai jūs jau esat pieteicies Craigslistā, ir svarīgi, ja vēlaties vai jums ir vajadzīgs produkts vai pakalpojums, ko persona piedāvā. Vai esat atbildējis uz reklāmu, bet neesat pārliecināts, un tūlīt pēc tam nosūtiet otru atbildi vai neesat atbildējis uz to, bet izvēlaties pieņemt, ka jums ir, nezinot, vai esat atbildējis, samazina jūsu izredzes tikt veiksmīgi . Kā Craigslist atbil
  • biznesa tehnoloģijas: Aizjūras paplašināšana un modes industrija

    Aizjūras paplašināšana un modes industrija

    Starptautiskā paplašināšanās ir kļuvusi par būtisku sastāvdaļu vairumam modes uzņēmēju izaugsmes stratēģijā. Paplašinot savas darbības ārzemēs, jūs saņemsiet lieliskas iespējas straujai attīstībai un izaugsmei. Tomēr pasaules modes industrija ir ļoti konkurētspējīga, kur uzņēmēji visā pasaulē cenšas pieprasīt nozari šajā nozarē, tāpēc, veicot šo soli, nepietiekami novērtējiet konkurenci. Paplašināšanās iemesli Vairāki faktori var
  • biznesa tehnoloģijas: Piedāvājuma un pieprasījuma salīdzināšanas iemesli

    Piedāvājuma un pieprasījuma salīdzināšanas iemesli

    Mazie uzņēmumi visā pasaulē arvien biežāk izmanto salīdzinošo novērtēšanu kā līdzekli panākumu maksimizēšanai. Analizējot un salīdzinot dažādu nozaru veiksmīgu organizāciju piegādes ķēdes procesus un dažāda lieluma uzņēmējus, uzņēmēji izmanto soļus kā "etalonu" un pielāgo procesus savam uzņēmumam, lai īsā laikā darbotos efektīvāk un palīdzētu to ilgtermiņā plānošana. Pielāgojiet efektīvu piegādes ķēdi Pieprasījuma
  • biznesa tehnoloģijas: Kvalitatīvie faktori, kas jāņem vērā restorānos

    Kvalitatīvie faktori, kas jāņem vērā restorānos

    Kvalitatīvie faktori ir restorāna aspekti, kurus ir grūti analizēt, izmantojot matemātiskās formulas. Lai gan uz datiem balstītie aprēķini ir būtiski, lai precīzi novērtētu restorāna finansiālo un darbības veiktspēju, kvalitatīvu faktoru iekļaušana var padarīt analīzi pilnīgāku. Kvalitatīva restorānu
  • biznesa tehnoloģijas: Kā uzzināt, kāda veida atmiņa ir manā datorā

    Kā uzzināt, kāda veida atmiņa ir manā datorā

    Atmiņas veids, ko lieto dators, atšķiras atkarībā no mātesplates markas, modeļa un formas faktora - jūsu dators neatpazīst tikai jebkuru RAM. Piemēram, galddatoriem izstrādātie moduļi ir pārāk lieli piezīmjdatoriem, un mūsdienu atmiņā izmantotā tehnoloģija nav savietojama ar priekšu vai atpakaļ ar iepriekšējiem RAM veidiem. Lai uzzinātu, kādu atmi

e3

Biznesa Padomi - 2020

Ieteicams

Populārākas Posts 2020

e3