HTML хүснэгтийг ашиглах

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

Өмнө нь, бараг бүх webmasters зохион байгуулалтын хувьд хүснэгт сайт юм хэрэглэж байна. Эхлээд, ширээний энэ нь гарч ирэх биш. Тиймээс бид сайтыг тэмдэглэх блок DIV элементийг ашиглах ёстой.

Та үргэлж шинэхэн хэвээр хүсэхгүй байгаа бол, зөв бүхнийг хийх нэн даруй хэрэглэж байсан. Энэ хэл нь HTML-д маш чухал юм. хүснэгт нь зөвхөн ердийн мэдээлэл (текст, холбоо, жагсаалт, зураг, гэх мэт. П.), Мөн бүхэлд нь биш бүхэлд нь сайтад байрлуулсан байх ёстой.

хүснэгт HTML хэрхэн хийх вэ?

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

Хэрэв та "Notepad" дахь вэб бичих бол, дараа нь бүх зүйл түүний гараараа хийх хэрэгтэй болно. "Оруулах хүснэгт", "оруулах дүрс" гэх мэт - эцсийн засварлагч бол, тэнд голдуу товч юм.

ЖИШЭЭ 2 Хүснэгт 2.

<Хүснэгтийн өргөн = "100%" хилийн = "1">

Эхний эсийн -ийн эхний мөрөнд текст

Эхний эсийн хоёр дахь шугам текст

Хоёр дахь эгнээний эхний эсийн текст

Хоёр дахь эгнээний хоёр дахь эсийн текст

Tags <хүснэгт> болон хүснэгтийн эхлэл ба төгсгөл харуулж байна. Tags болон - эхлэл ба шугамын төгсгөл. Нэг мөрөнд хаягууд болон тодорхойлсон байна эсийн ямар ч тоо байж болно.

үндсэн дүрэм бол: дараалан тус бүр эсийн тоо нь ижил байх ёстой. Энэ хүснэгт юм.

Харин Word болон Excel-ийн редактор шиг, эс өөр хоорондоо нэгтгэж болно.

хүснэгтэд эсийг хэрхэн хослуулах вэ?

хослуулах болон Colspan Rowspan шинж чанаруудыг ашиглаж байна. SPAN "бүрхэвч", эсвэл "давхацсан" гэж орчуулсан байдаг. шууд утга нь - / хамгаалах эсийн / эгнээнд хаах хэрэгтэй.

Энэ шинж чанарын утга нь олон эгнээ буюу эс хэрхэн хаагдсан байх болно зааж өгөх ёстой. Дараах ашиглан аль аль нь тайлбарлах жишээ юм HTML шинж чанаруудыг хүснэгтэд.

Энэ жишээн дээр эхний мөр нь 3 шинж чанар colspan = "3" ашиглан эсийг нийлмэл. Дараа нь хоёр дахь мөр эхний эсийн дөрвөн эгнээ сунгасан. зөвхөн эхний нүдэнд хослуулах / гэж сунгах санаарай. Түүний эд хөрөнгө дээр тархсан байна. өмнө нь ирдэг тухай мэдээлэл, түүнд өртсөн байх болно.

Та 2-оос 4 гэж нийлүүлэхийг хүсэж 5 эсийг байгаа бол та зүгээр л гар тоо 2 дахь шинж чанар colspan = "3" зааж байх хэрэгтэй.

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

мэдээллийг баталгаажуулах бас нэг жишээ нь хар л даа. Зарим андуурч оронд заримдаа нэгтгэж эсийн эгнээ шинж чанаруудыг оноос хойш.

хүснэгт Format

HTML нь энгийн, стандарт хэргийг авна. Хүснэгт тус бүр хоёр эсийн хоёр эгнээ.

кодын дараах байдлаар байх болно.

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

Та бас шугамын хамт тоглож болно. Энэ нь өндөр, өргөн нь аль алинд нь нийцэж болно.

хэвтээ уялдуулах нь уялдуулах, мөн valign - босоо. Энэ нь ийм үр дүн юм.

Аттрибутууд: уялдуулах болон valign бүрэн шугам хэрэглэж болно. Дараа нь түүний дотор байгаа бүх эсүүд нь эдгээр шинж чанаруудыг дагуу байх болно.

тагийн гадна болон <р> нэмэлт хаяг байдаг. Үнэн хэрэгтээ энэ нь нь аналоги, гэхдээ энэ нь зөвхөн эхний эгнээнд болон явж байна хэрэглэгддэг. Анхдагч горимондоо, <р> төвтэй болон тод текст.

хүснэгтийн загварыг хэрхэн холбох вэ?

ямар нэг адил хаягууд HTML, ширээний хэв маяг аргаар хөрвүүлж болно. <: "Текст / CSS" // сайт /article/255972/%E2%80%9Cstyle.css%E2%80%9D төрөл = холбоос холбоо = "загварчлах" href = HTTP> эсвэл та толгой загварын файлыг зааж өгөх хэрэгтэй бэлэн загвар (толгой-д заасны дагуу).

<Дарга>

...

<Загварын төрөл = "текст / CSS ">

хүснэгт {

үсгийн-гэр бүл: Verdana, Arial, Helvetica, Sans-Serif;

өнгө: # 000000;

}

.my_class

{

өнгө: # 666666;

}

...

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

<Хүснэгт анги = "my_class">

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

<Хүснэгт анги = "style_table" өргөн = " 100%" хилийн = "1">

Эхний эсийн эхний шугамын текст

Эхний эсийн хоёр дахь шугам текст

Хоёр дахь эгнээний эхний эсийн текст

Хоёр дахь эгнээний хоёр дахь эсийн текст

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

хүснэгтүүдэд нэмэлт шинж чанарууд

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

уялдуулах	Хэвтээ шугам
valign	босоо шугам
суурь	эсийн / хүснэгтэд суурь зураг
bgcolor	суурь өнгө нь эсийн
bordercolor	Фото зургийн жааз өнгө хүснэгт / эс
өндөр	эсийн өндөр
nowrap	нь мөр нь ороосон текстийг Бан.
өргөн	эсийн / хүснэгтийн өргөн нь

Таны харж байгаагаар, хүснэгтэд HTML хэрэглэх "арга" нь асар олон тооны байж болно.

Үзэсгэлэнт HTML хүснэгтүүдийг ашиглан бий болгосон байна. жишээ

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

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