Ob'ednannya sredok. HTML'de ders. Ortaların kombinasyonu Ortaların dikey toplanmasına ilişkin Html tablosu

İki veya daha fazla orta noktayı bir araya getirmek için etiketin colspan ve rowspan niteliklerini kullanın. . Colspan özelliği yatay olarak birleştirilecek ortaların sayısını belirtir. Rowspan özelliği dikey olarak ortaya yerleştirdiği esneklik haricinde benzer şekilde çalışır. Nitelikleri eklemeden önce, bozulmamaları için bir dizi topu derinin üzerinde arka arkaya çevirin. Bu yüzden, ortadaki üç etiketin yerini alır, yani hücum satırında üç etiket vardır veya aklınızda tasarlayın ...... . Her satırdaki noktaların sayısı eşleşmiyorsa boş hayalet noktalar görünür. Uygulama 12.3'ün kendisi de benzer bir hata sergileyen geçerli veya yanlış bir koda sahip.

Popo 12.3. Ortaların yanlış karıştırılması

Bu alın okumalarının sonucu Şekil 1'de gösterilmektedir. 12.5.

Pirinç. 12.5. Tabloda ek ortanın görünümü

Poponun ilk satırında üç orta bulunur, bunlardan ikisi colspan özelliği yardımıyla birleştirilir, diğer sırada iki ek orta bulunur. Bu sayede tarayıcıda görünen ek orta kısım gelir. Bu, Şekil 2'de açıkça görülmektedir. 12.5.

Colspan ve rowspan niteliklerinin doğru seçimi Ek 12.4'te gösterilmektedir.

Popo 12.4. Ortayı dikey ve yatay olarak birleştirmek

Bu alın okumalarının sonucu Şekil 1'de gösterilmektedir. 12.6.

Pirinç. 12.6. Ortaları ortak olan tablo

Bu tablonun tüm sütunları ve üç satırı vardır. Internet Explorer, Opera ve Firefox kelimelerinin bulunduğu ortaların bazılarında iki, bazen de üç orta bulunur. Ortada “Tarayıcı” yazısının bulunduğu dikey bir çizgi var.

Aslında, zaten HTML tabloları oluşturduğunuz için bu daha da basit. Birkaç parametreyi öğrendikten sonra tablo bileşenlerini nasıl birleştireceğinizi öğreneceksiniz. Yatay ve dikey olarak birleştirilmiş merkezleri olan bir tablo örneği, örneğin ön makaleler.

5x5 HTML tablosu kullanarak ortaları nasıl yiyeceğimize bir göz atalım. Tabloyu oluşturmak için Vikorist'i kullandım. Tasarımcı tarafından oluşturulan 5x5'lik bir tablonun kodu şuna benzer:

Tablonun kendisi başlangıçta şöyle görünür:

I. Ortanın dikey olarak bağlanması
Ortanın dikey bağlantısı için parametre seçilir sıra aralığı dikey olarak bağlanan merkezlerin sayısını ayarlar
Orta tablo C1R1 ve C1R2'den bilinmektedir. Kimin için gereklidir:

1. C1R1 kutusu için rowspan = "2" parametresini ekleyin:

C1R2

Şimdi tablo şöyle görünüyor:

II. Ortayı yatay olarak birleştirmek
Merkezin yatay entegrasyonu için parametre seçilir kolspan yatay olarak bağlanan merkezlerin sayısını ayarlar.
C2R1, C3R1 ve C4R1 orta tablolarından bilinmektedir. Kimin için gereklidir:

1. C2R1 kutusu için colspan = "3" parametresini ekleyin:

C3R1 C4R1

Şimdi tabloyu görebiliyorum:

Artık tabloyu doldurmanıza gerek kalmayacak: portföyden transferlerinizin örnekleriyle.

Çok kullanışlı bir unsur. Her durumda onlarla çalışabilirsiniz. Açıkçası asıl amaç tablo gibi bilgileri yerleştirmektir. Ne yazık ki, web sitesi distribütörleri yoluna devam etti. Günümüzde bir web sitesi çerçevesi oluşturmak için tabloları vikorize etmek çok popüler hale geldi. Kural olarak profesyoneller çekingen olmamaya çalışırlar.

Tablolar geniş uygulama alanlarını çok sayıda özellik aracılığıyla bulmuştur. Mesela safları veya taraftarları birleştirmenin gücü olumsuz yönde de olsa ortaya çıktı.

Teoriye giriş

HTML'de ortalar iki ek özellik tarafından tanımlanır: colspan ve rowspan. Td etiketi için kokular kullanılır.

Öncelikle konuya dalarak herhangi bir tablonun yapısına bakalım. Herhangi bir masanın bir sırası vardır ve içinde ortalar vardır. Tüm tabloların aynı sayıda orta nokta içermesi gerektiğini unutmayın.

Bebek başına iki sıra, her sıra için üç sıra vardır. Tahıl masası. Herhangi bir satıra daha az orta nokta girerseniz tablo hatalı görüntülenir.

HTML tablosu: dikey ve yatay merkezlerin birleştirilmesi

Birleştirdiğiniz anda daha az sayıda orta veya sıra belirtmeniz mümkündür. Uzaktaki bir öğeyi en yakın öğeyle değiştirmek istiyorsanız ek bir özellik belirtmeniz gerekir. Sütunları birleştirirseniz colspan, satırları birleştirirseniz rowspan olur. Özelliğin değeri, birleştirilmesi gereken öğelerin sayısını gösterir.

Lütfen başlangıca en yakın öğeyi belirtmeniz gerektiğini unutmayın. Örneğin iş 1 ile iş 2'yi birleştirmek istiyorsanız iş 1'e colspan özelliğini iki değerle girmeniz gerekir. Ortadaki 2 veya 3 sayısını görmenin artık önemi yok.

Önemli olan ortada ne kadar yer olduğunu belirtmeniz. Temizlemek için değer 1'dir.

Bir HTML tablosunun dikey bölümü aynı prensibi izler. Basitçe ödünç alan alan dikey olarak dağıtılacaktır. Kısa boylu olanlara hayret ediyorum.

Burada 43 sayısının ortası iki sıra kaplıyor. Bu amaçla rowspan özelliği belirtildi. Hatırlanması kolay:

• Sıra - sıra.
• Sütun - sütun/sobalar.
• Span – ob'ednannaya.

Filmin yaratıcıları bunu insana olabildiğince yakınlaştırmak istediler, böylece bilmeseler bile anlayabilsinler.

HTML'de ortalama, aynı anda iki yönde yapılabilir: dikey ve yatay. Nitelikleri derhal rahatsız etmenin mümkün olduğu kişiler için.

Bebek için genellikle birlikte çalışmanın mümkün olduğu belirtilmektedir: satırlar, sütunlar ve aynı zamanda satırlar ve sıralar.

HTML: ob'ednannya osredkiv. Uygula

Harika tabloların karmaşık adım adım uygulamalarına bir göz atalım. Aşağıda orijinal tablonun çıktı versiyonu bulunmaktadır. Ve sağ el, iki ortayı başka bir sırada birleştirme seçeneğidir. Bu, HTML kodunu gözden geçirmeyi daha kolay hale getirir.

Ayrıca merkezde üç ortayı da birleştirebilirsiniz. İlk adam için ortadaki 1 numaraya colspan özelliği eklendi. Burada ilki değişmeden olacak ve diğer eklemeler üçe eşit oluncaya kadar.

Ortadakilerin hepsini arka arkaya bire kadar birleştirmek istiyorsanız, o zaman td ve ilk etapta colspan = "5" olduğunu görebilirsiniz.

Dediğiniz gibi her şey aslında çok basit. Katlanabilir hiçbir şey yok. Golovnya, ilk andan itibaren tüm su altı taş masalarının stokunu almak önemlidir ve o zaman günlük sorunların sorumlusu o değildir.

Site için bir çerçeve olarak tablolar

HTML'de, birincil bilgi tablosu (hem Word hem de Excel) için her zaman kullanılan bir orta yol vardır. Web sitesi geliştiricileri sıklıkla ve daha önce bunları web sitesi düzeni için kullanıyordu.

Örneğin sitenin düzenine bakabilirsiniz. Danimarka tasarımı çok basit ve ilkeldir. Ancak burada vikoristannya ob'ednannya'yı açıkça gösterebilirsiniz.

Burada başlangıçtan itibaren her satırda iki sıra olmak üzere üç sıralı bir masa vardı. Daha sonra sitenin logosunu yerleştirmek için ilk sıradaki iki orta birleştirildi. Aynıları “bodrum katını” barındırmak için alt sıraya da inşa edildi.

Bu nedenle tasarım öğelerini kendi yerlerine yerleştirebilir ve sınırlarının dışına çıkmayabilirsiniz. Çok kolay ve basit. Bu yüzden masa üstleri popülerdi. Div etiketli bloklar oluşturmak için önerilir.

Visnovok

Ve HTML tablosunda ortadakilerle istediğiniz zaman çalışabileceğinizi unutmayın. Her şey neye ihtiyacınız olduğuna ve nasıl düzenlemek istediğinize bağlı olarak saklanmalıdır. Golovne, kaybolma. Çok fazla veri içeren büyük bir tablo oluşturmak istiyorsanız, her şeyi bir parça kağıda veya Paint'te boyamanız önerilir. Koçan üreticilerinin işi daha kolay olacak.

Yeterli bilgiye sahip olduğunuzda bu tür işlemleri kafanızdan kolaylıkla gerçekleştirebilirsiniz.

Excel tabloları Word'den farklı bir prensibe dayanmaktadır. Geri kalan grupları ayırabilirsek, Excel ortada, eşsiz bir birimdir. İki tarafı tek bir başlık altında nasıl ayıracağınızı bilmek önemlidir, bu nedenle Excel'de orta kısmı nasıl ayıracağınızı bilmek önemlidir, çünkü bu, tablonun kendisinin bir parçasını birleştirme ihtiyacını doğurur.

Yöntem 1 – araç çubuğu.

Panelde bir bağlantı düğmesi ekleyeceksiniz.

Hızlandırmak için tüketimi teşvik eden aralığa gidin ve basın.


Sonuç birleştirilecek.


Bu butonun yanındaki oka basarsanız menüyü açacaksınız.

"Birleştir ve Ortaya Yerleştir" komutu, yeni bir parçayı ortalamanıza olanak tanır. Bir değer aralığını birleştirmeye çalışırsanız yalnızca birleştirilen ilk adres kaydedilir. Ve V, bir dene.


Zgoda harcamadan önce diğer verileri getirecek.


“Satırlara Göre Birleştir” komutu, her satırda birleştirilmiş satırlar oluşturur.



"Kitapları Birleştir" komutu ilkine benzer, ancak metni ortalamaz.


Geriye kalan nokta beslenmeyle ilgili, Excel'de ortaların nasıl üretileceğiyle ilgili.

Yöntem 2 – Vikoristannya menüsü

Ofisin geri kalan sürümlerinde klasik menünün yerini sekmeler almıştır. Ana pencerelere tıklamak, sekmenin sağ alt köşesindeki küçük simgelerle desteklenir.


Önce yemek yemek istediğiniz müşterileri görüp ikona tıklamayı unutmayın. Onay için görün.


"Ortaların dağıtımı" kutusuna bir onay işareti koyun. Burada, ilgili alanlardan, veri doğrulama için parametreleri belirleyebilirsiniz.

Yöntem 3 – önceden birleştirilmiş verilerin kopyalanması

Tamamen itaatkar olduğunuzdan emin olmanız gerekiyorsa panoyu kullanın. Excel'de ortaları birleştirmek için kısayol tuşlarının kombinasyonu şöyle olacaktır:

CTRL+C – panoya kopyala.
CTR+V – panodan yapıştır.

İmleci seçilen konuma getirin.


Yardım için CRTL+C'yi kopyalayın. Verilerin kopyalandığına dair bir işaret, çerçevenin kordonları boyunca animasyonu olan "tüylerim diken diken" olacaktır.


İmleci gerekli hücrenin üzerine getirin. Adreslerin aynı sayıda görülmesi zorunlu değildir, Excel gerekli sayıyı otomatik olarak seçip komuta girer. Bu doğru, bırakın olsun. Tampon eklemek için düğmelere basın. Benzer bir yükümlülük seçilen yerde bulunmaktır.

Yöntem 4 – derse göre biçimlendirme

Her Office programında olduğu gibi Excel'de de kullanımı oldukça kolay olan “Metni Biçimlendir” butonu bulunmaktadır.
"Pano" bölümünde bulunur.


Seçeneği birim parçasının üzerine yerleştirin ve bu düğmeye basın. Siparişi istediğiniz konuma çevirin ve fareye tıklayın. Formatlama tamamen yapılacaktır.

Ekip kontrol ederken, emanetçinin yanında fırça simgesi görüntülenecektir. Ayıya bastığınız anda simge kaybolacak ve yeni bir parça görünecektir.

Veri tasarrufunu kullanarak bir Excel tablosunun ortası nasıl birleştirilir

Bu acil bir sorundur. Excel, gelişmiş yöntemleri kullanarak verileri kaldırır. Bunları kaydetmek için “Satın Al” işlevi kullanılır.
Formül satırının yanındaki Fx simgesini tıklayın. Daha sonra bir işlev eklemek için pencereye tıklarsınız.

Satıra “Zchepiti” arama adını girin ve “Bul” düğmesine basın.



Bilinen fonksiyona gidin ve “Tamam”a basın. Ayarlama penceresi görünecektir.


Aralığı ellerinizle seçin veya hedefle görün.


Fonksiyonun birlik olanların yanı sıra adresin arkasında durmakla da sorumlu olduğunu unutmayın. Birleştirilmiş verileri havuzlanmış aralığa yerleştirmeniz gerekiyorsa, havuzlamayı arka planda yapın ve ardından işlevi buraya girin.

Veri israfı olmadan Excel'deki orta tuşları birleştirmenize olanak tanıyan kısayol tuşları, başka yollarla da hızlı bir şekilde yapılabilir.

Birden çok Excel aracını kullanarak metni düzenlemek için başka bir fırsat
– satırları birleştiren “&” operatörünü kullanın. Girilen formülü yazdırmak için girişi yeni metnin yerleştirileceği yere yerleştirin ve “=” işaretine basın. Daha sonra farenizle ilk adrese tıklayın, & seçeneğine tıklayın, diğerine tıklayın ve bu şekilde devam edin.


Excel'in 2003-2010 sürümlerinde iki farklı merkezdeki metni tek bir merkezde birleştirmek benzer şekilde çalışır.

Excel'de orta değerler nasıl bulunur?

“Hesapları Birleştir” butonunu kullanarak menüden kalan öğeye hızlı bir şekilde ulaşabilirsiniz.


Veya Biçim kutusunun işaretini kaldırabilirsiniz.

Makrolarla ilgili yardım nasıl alınır?

En kolay yollardan biri, süreci otomatikleştirmek için kendiniz bir program yazmaktır. Microsoft Office, VBA dilinde bir kod listesi ekledi. İşlemi hızlandırmak için ALT+F11 tuşlarına basın. Program kodu ekleme penceresi görünür.


Ekle – Modül komutunu Viscont'a aktarın.


Veri girmek için bir pencere açılacaktır.


Kodu kopyalayıp yapıştırın.

Sub Merge_Column() Dim i1 As Long Dim i2 As Long Dim f As Long Dim textCol As String Application.DisplayAlerts = False For f = 1 Selection.Areas.Count For i1 = 1 To Selection.Areas(f).Columns.Count textCol = Seçim.Alanlar(f).Hücreler(1, i1) i2 için = 2 Seçimden Önce.Alanlar(f). i1) Sonraki Selection.Areas(f).Columns(i1).Merge Selection.Areas(f).Cells(1, i1) = intext Sonraki Sonraki Application.DisplayAlerts = True End Sub

Sol üst köşedeki simgesine tıklayarak Excel'e gidin.


Birleştirilen aralığa bakın ve makroyu "Görünüm" - "Makrolar" sekmesinde çalıştırın.


Gerekli makroyu seçin ve “Viconati” düğmesine tıklayın.


Tablonun parçaları birleştirilir.

Orta düğme Excel'de etkin değil

Bu nadir görülen bir durumdur ancak beklenen bir durumdur.

Excel verilerini sıralama

Buradaki zorluk, sıralanan tüm parçaların aynı büyüklükte olmasından kaynaklanmaktadır. Bu nedenle standart olmayanlar için birleştirme işlemini yapmanız ve her şeyin farklı olması için aynı boyutta tekrar viconate yapmanız gerekir. Örneğin, her şeyin ikişerli ve birerli olarak birleştirildiği bir yığını sıralamaya veya her şeyi üçlü olarak birleştirmeye veya üç parçayı ikinin arasına kaydırmaya çalışıyorsanız. Aksi takdirde bu merhameti elinizden alın


Her şeyi sıraladıktan sonra, araç çubuğundaki (sağ el) “Başlık” bölümündeki “Sıralama ve Filtreleme” düğmesine tıklayın.

Gerekli sıralama türünü seçin.

Excel'de orta hakkında nasıl bilgi edinilir?

Excel sayfası büyük olduğundan, birleştirilmiş verilerin görüntülenmesi önemlidir. Bu sefer şaka yapmak çok hızlı. "Baş" sekmesinde "Bul ve Gör" düğmesini tıklayın ve "Bil"i seçin. Veya Ctrl+F kısayol tuşlarına basın. Devamını oku


Daha sonra “Seçenekler” ve “Biçim”e tıklayın.


"Ortaların bağlantısının kesilmesi"nin yanındaki kutuyu işaretleyin ve "Tamam"a basın.


Daha sonra "Tümünü bil" veya "Daha fazlasını bil"e tıkladığınızda gerekli adresler sırayla görünecektir. İlk düğmeye bastığınızda, birleştirilmiş tüm aralıklar arasında gezinebileceksiniz.


Eksen ve tüm bilgiler merkezde mevcuttur. Excel'de kolayca kitap oluşturmanıza ve onlarla sorunsuz çalışmanıza yardımcı olacağını umuyoruz.

İyi günler!

Tablolarda dikey ve yatay merkezlerin nasıl birleştirileceğini size detaylı olarak anlatacağız.

Bu makale HTML tablosu oluşturmanın ilkelerini açıklamıyor; bu bilgiyi kazanmak için HTML dersimize katılın.

Tablonun ortasını birleştirmek için etikete ayarlanmış iki özellik vardır. Bu, colspan (yatay hizalama) ve rowspan'dir (dikey hizalama).

Bazı insanlar bu niteliklerin seçiminde zorluk yaşarlar, ortadaki niteliklerin birleşiminde sorunlar yaşarlar.

Colspan ve rowspan nitelikleri 0 ile 1000 arasında değişen hedef değerleri kabul eder. Bu, masanın ortasını nasıl yükseltebileceğinize dair küçük bir örnek.

İlk bakışta yapı çok karmaşık değil, ancak büyük karmaşıklığı hayrete düşürüyor і Kodun öğelerini anlamak zordur; bu prensibin arkasına birkaç adım daha ekleyebilirsiniz.

Ortadakileri birleştirmenin evrensel ve çok basit bir yolunu size sunuyoruz.

Başlamak için, gelecekteki masanızı dikkatlice ayrılmış ortalarla sunarak hazırlayın. Tse mozhe buti masası 3x3, 6x10 Ve benzeri. Her merkeze kendi numarasını verin, sağdaki kötü olanı ve canavarı aşağı doğru tutmaya başlayın.

Yukarıda gösterilen tabloya bu şekilde bir göz atalım.

Eksen iş parçamızın kodunu ve iş parçasının kendisini gösterir:

Ortaları yatay olarak 1,2,3 sayılarıyla eşleştirmeniz gerekiyor. Bu amaçla 1 numaralı iş kodunda 3 değerlerine colspan özelliği eklenmiştir. görebiliyorum 2 ve 3 numaralı elemanlar. Birleştirilen ortaların sayıları ortaya yazılır.

Şimdi 9 ve 13 numaralı merkezleri dikey olarak bağlamamız gerekiyor. Benzer bir prosedür uyguluyoruz - ortadaki 9 sayısı, 2 değerleriyle satır aralığı özelliğine ayarlandı, ortadaki 13 sayısı silindi ve ortadaki parçaların sayıları birleştirilmiş ortaya eklendi.

Kodumuz ve tablonun yeni görünümü şu şekilde değişecek:

Ortadaki 11,12,15,16'yı birleştirmek imkansız hale geldi. 11 numaralı bu orta bölüm için colspan = "2" rowspan = "2" niteliklerini yazıyoruz. Orta kısımlar 12,15,16 kodda görülebilir. 11,12,13,14 sayısının ortasını yazıyoruz.

Kodumuz ve tablonun yeni görünümü şu şekilde değişecek:

İşte bu kadar, çıktı tablosunu aldık, artık ortayı istediğiniz gibi bilgilerle doldurabilirsiniz.

Birleştirilmiş orta kısımlardan katlanır masa oluşturma prensibini anladığınızı umuyoruz.