Хэрхэн HTML нь хүснэгтийг хийх: дэлгэрэнгүй тайлбар

Хүснэгт - хамгийн чухал нэг ч вэб хуудсууд дээр заавал байх ёстой нэг цаг цогцолбор элемент байна. Тэдний тусламжтайгаар энэ нь харин товч хэлбэрээр чухал, хэрэгцээтэй мэдээллийг хэрэглэх нь тохиромжтой юм. Мэдээж, хамгийн редактор маягт, янз бүрийн хөдөлгүүр дээр ажиллаж, автоматаар хүснэгт таны вэб сайт, эсвэл тус тусад нь хэвлэн нийтлэх, гэхдээ вэб дизайн нөөц бол түүний хуудас эхнээс нь бий болгосон байна вэ руу оруулах? яаж хийх: Дараа нь шинэхэн мастер асуудлыг авч болно HTML-д хүснэгтийг. -ийн хэр хурдан харж, зөв зүйлийг бий болгож үзье.

засварлагчийг сонгох

Юуны өмнө, хүснэгт үүсгэх эхэлж, та нь та ажиллах болно засварлагч тодорхойлох хэрэгтэй. Мэдээж хэрэг, хамгийн хялбар арга нь та үндсэн сайт кодыг бий болгох хөтөлбөрийг сонгох. Гэхдээ энэ зорилгоор сайн хуучин дэвтэр ашиглах нь хамгийн сайн арга юм.

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

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

хүснэгтийг бий болгох алгоритм

Эхлээд HTML нь хүснэгтийг хэрхэн хийх, богино алгоритм байна. Энэ нь та алхам бүр дарааллыг ойлгож хангах явдал юм. Дараа нь зүйл тус бүрт хэрхэн гүйцэтгэх яг шинжилгээ.

-ын бэлтгэл арга хэмжээ нь эхэлье.

1. цаас хүснэгт зураг дээр бүдүүвч зур.

2. эгнээ болон эсийн тоог тоолно. Хэрвээ янз бүрийн өнгөрсөн тоо - тусад нь ryadochka бүрийн гэж бодож байна.

3. эгнээ-толгой эсийн тоо (жишээ нь, «№» нүдийг, "нэр", Т. Д.) тодорхойлно.

өнгө, өндөр, өргөн, текст шугам - - 4. хүснэгтийн гол параметрүүдийг бич богино онд бүх зүйл та тохирох юм шиг санагддаг юм.

Дараа нь ширээн дээр бий шууд очиж:

1. хаягууд хүснэгтийг оруулах.

2. Танд хэрэгтэй дээр үндэслэн шугам хаягуудыг оруулна.

3. эгнээ Мөн цаасан дээр бичигдсэн байгаа үнийн дүнгийн үндсэн дээр, эс (хэвийн, гэдэг үгний эхний том) -ийн хаягуудыг оруулах хэрэгтэй.

4. бүхэлд нь ширээн зориулсан параметрүүдийг тохируулах.

5. Хэрэв та суугдах эсийн зориулсан параметрүүдийг тохируулах хэрэгтэй бол.

6. Бидний эсийн текст бөглөнө үү.

хүснэгт үүсгэх

Тэгэхээр та, засварлагч сонгох нь одоо хамгийн HTML-д хүснэгтийг хэрхэн бий болгох талаар авч үзье. олгодог хүснэгт Tag (<хүснэгтийг>), өөрөөр хэлбэл, хуудасны код хосолсон байна оруулах нь манай барилгын энэ коммандаар эхэлнэ болон төгсдөг байна.

хаягууд ширээн оруулах, мөр, эд эсийг бий болгох үргэлжлүүлье.

Одоо бид эдгээр элементүүд нь ч бас хосолсон гэдгийг анхаарна уу. Tag мөр тодорхойлдог бөгөөд - эсийг.

дээд эс хосолсон элементүүдийг <р> ашиглах ёстой юм.

Урьд нь дурдагдсаны адил эхний алхам бол тэд эсийг бүртгүүлэх ёстой, мөрийг зурах явдал юм. андуурахгүйн тулд, энэ нь, эсвэл хоёр шугам блок бүрийн хооронд ямар ч жийргэвчтэй хийх, эсвэл өөр "Tab" түлхүүрийг ашиглан шинэ блок элементүүдийг зааж зөвлөж байна.

Энэ нь хэр зэрэг харж болох вэ? Энэ мэт ямар нэг юм:

• <Хүснэгт>;
• ;
• P / P № ;
• нэр ;
• ;
• ;
• 1 ;
• Иванов ;
• ;
• .

Таны харж байгаагаар, юу ч биш энэ тухай төвөгтэй. Хамгийн гол нь - эгнээ болон эсийн тоо алдсан авах хэрэггүй. Үгүй бол, ширээний хазайсан байна.

Бид одоо бид матриц болон түүний мөр, эс аль аль нь параметрийн тухай хөдөлгөж болно, HTML-д хүснэгтийг үүсгэх задалж байна.

хүснэгт сонголтууд

-д тэгш: код нь бичсэн бол энэ нь дараах зүйлийг анхаарах шаардлагатай юм HTML, өнгө ширээн хил, суурь, текст гэх мэт.

параметрүүд хүснэгт тагийн <хүснэгт>-д заасан байдаг. Эдгээр нь:

1. Хил - хилийн өргөн. бүхэл тодорхойлсон. Анхдагч байдлаар, ямар ч ширээний хил алга.

2. Bordercolor - хил өнгөтэй байна. Энэ нь арван зургаатын өнгө (# 00008B), болон angliykom дээр түүний нэрийг (DarkBlue) зэрэг өгч болно. Анхдагч байдлаар, энэ нь үргэлж саарал юм.

3. Bgcolor - суурь өнгөтэй байна. код болон нэрээр нь заасан байна.

4. хамтад - ширээн текстийг уялдуулах. Default утга нь - зүүн талд. Энэ параметрийн хувьд дараах сонголтууд байна:

• зүүн - баруун ороосон;
• зүүн -obtekanie эрх;
• төв - ямар ч урсгал нь дунд гаралт хүснэгт.

5. өргөн, өндөр нь - өргөн болон хүснэгтийн өндөр. Энэ пиксел, эсвэл хувь (хөтчийн цонхны хэмжээ харьцангуй) гэх мэт аль нэг байж болно.

Тухайн үзүүлэлт олгох, та дизайн онцгой анхаарал хандуулах ёстой. үүний дараа ишлэл нь урьдчилан тодорхойлсон үнэ цэнийг харуулж байна "тэгш" тэмдэг, очих параметрийг тодорхойлох дараа.

Текстийн өнгө хувьд, дараа нь HTML форматаар цэвэр текстээр адил гарч энэ нь хэрэгтэй.

Хүснэгтийн Жишээ нь:

• <Хүснэгт хилийн = "2" bordercolor = "# 00008B" bgcolor = "#FFFFFF" уялдуулах = "төв" өргөн = "800" өндөр = "800">;
• ;
• P / P № ;
• нэр ;
• ;
• ;
• 1 ;
• Иванов ;
• ;
• .

параметрүүд эгнээ

Тиймээс бид аль хэдийн HTML нь хүснэгтийг хэрхэн хийх, түүний үндсэн үзүүлэлтүүдийг тодорхойлоход олж мэдсэн байна. Гэхдээ бид нэг мөр хуваарилах юу хэрэгтэй бол? Түүний ширээн дээр гол байгууллага нь биш харин гарч шалгана уу?

шугам параметрүүд нь өгөгдөл ширээн дээр нэгэн адил тагийн -д бичигдсэн юм. мөрийг дараах хувьсагчдыг тодорхойлж болно:

1. Аль хэдийн хил, bordercolor болон bgcolor та мэдэх.

2. хамтад - мөрөнд текст уялдуулах. Энэ нь, зүүн төв болон баруун тохируулж болно.

3. Valign - хаяг босоо текстийг нэгдэж байгаа юм. Энэ нь дараах утгуудыг авдаг:

• ТОР - текст дээд хил хүртэл нийцсэн байна;
• дунд - дунд,
• Доод - доод зах нь.

ЖИШЭЭ шугам цэвэрлэгээний:

• ;
• P / P № ;
• нэр ;
• .

параметрүүд эсүүд нь

хувь хүний эсийн параметрүүдийг, хэвийн, хөрөнгө аль аль нь - Тэгээд хамгийн сүүлд зүйл бол HTML-д хүснэгтийг хэрхэн хийх мэдэхийг хүсэж байгаа хүмүүст анхаарал хандуулах ёстой. Үнэн хэрэгтээ, бүх зүйл нь ширээн дээр, эсвэл дараалан адил аргаар хийгддэг. Зөвхөн хоёр чухал элементүүдийг нэмсэн:

1. Colspan - Энэ параметр нь гар сунгаж болно баганын тоог заана.

2. Rowspan - аль хэдийн энэ эсийн эзэлж мөрийн тоог илэрхийлдэг.

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

үр дүн нь

Энэ нь анх харахад юм шиг санагдаж болох юм шиг хүснэгт гэх мэт хэцүү биш юм хийх хэрэгтэй. тэвчээрийг болон анхаарал - түүний код бичиж гол зүйл.

HTML нь хүснэгтийг хэрхэн оруулах хувьд, дараа нь түүний кодын дугаар хуулж нь, таны бодлоор, байрлуулах ёстой таны хуудасны газар руу оо хангалттай юм.

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