Хүснэгтийг хэрхэн зэрэгцүүлэх вэ

Агуулгын хүснэгт:

Хүснэгтийг хэрхэн зэрэгцүүлэх вэ
Хүснэгтийг хэрхэн зэрэгцүүлэх вэ

Видео: Хүснэгтийг хэрхэн зэрэгцүүлэх вэ

Видео: Хүснэгтийг хэрхэн зэрэгцүүлэх вэ
Видео: Best PowerPoint Templates free Powerpoint-ийн гоёмсог бэлэн загвар үнэгүй авч ашиглах 2024, May
Anonim

Алдартай, энгийн HTML хэлийг ашиглан сайтуудыг бий болгохдоо хүснэгтүүдийн дизайн, уялдуулах тодорхой дүрмүүд байдаг. Таны хуудсан дээр байрлуулсан хүснэгт шилжих нь элбэг байдаг тул хуудсан дээр голчлон байрлуулах, эсвэл хуудасны ерөнхий бүдүүвчийг тохируулахын тулд зүүн эсвэл баруун тийш байрлуулах шаардлагатай байдаг. Анхдагч байдлаар HTML дэх хүснэгт зүүн зэрэгцсэн тул та түүний байрлалыг өөрчилж болох хаягуудыг мэдэх хэрэгтэй.

Хүснэгтийг хэрхэн зэрэгцүүлэх вэ
Хүснэгтийг хэрхэн зэрэгцүүлэх вэ

Зааварчилгаа

1-р алхам

Хүснэгтийг вэб хуудасны төвд зэрэгцүүлэхийн тулд хүснэгтийн таг дээр байгаа шинж чанарыг ашиглана уу. Хүснэгтийг баруун тийш зэрэгцүүлэхийн тулд атрибутыг зохих ёсоор ашиглана уу. Хуудасны зүүн талд зэрэгцүүлэхийн тулд атрибутын утгыг зүүн тийш солино уу.

Алхам 2

Хүснэгтээс гадна та түүний эсийн агуулгыг хэвтээ ба босоо байдлаар зэрэгцүүлж болно. Хүснэгтийн нүдний агуулгыг хэвтээ байдлаар зэрэгцүүлэхийн тулд tr tag-ийн align шинж чанарыг тохирох утгатай ашиглана уу. Нүдний хувьд үүнийг td шошгонд хэрэглэнэ үү.

Алхам 3

Янз бүрийн нүднүүдийн мөрийг өөр өөрөөр туршиж үзээрэй - та хүснэгтийн нэг нүдэнд байгаа текстийг төв рүү, нөгөө талд нь баруун эсвэл зүүн талд зэрэгцүүлж болно.

Алхам 4

Текстийг босоо байдлаар зэрэгцүүлэхийн тулд tr ба td tag шинж чанаруудыг ашиглан нүдний дээд хэсэгт агуулгыг байрлуулна уу. Контентийг нүдний дунд шугам дээр байрлуулахын тулд утгыг дээрээс дунд хүртэл, нүдний доод хэсэгт зэрэгцүүлэхийн тулд утгыг доод тал руу нь солино. Та мөн агуулгыг суурь шугамтай уялдуулж болно (суурь утга).

Алхам 5

Нүдний агууламжийг хэвтээ ба босоо байдлаар тохируулах замаар хүснэгтийг вэб хуудсандаа хийж дуусахад яг тохирох дүр төрхийг өгөх боломжтой.

Зөвлөмж болгож буй: