HTML'yi kullanmaya başlayın: Tablolar

HTML, HyperText Markup Language'ın kısaltması. Farklı versiyonlarında web sayfalarının geliştirilmesi için referans görevi gören, temel bir yapı ve bir kod (kod adı verilen) tanımlayan bir standarttır. HTML) diğerleri arasında metin, resim, video gibi bir web sayfasının içeriğini tanımlamak için. Bu dilin yapısının nasıl tanımlandığını anlamaya başlamak için, bu derste, esas olarak haber bültenlerinin ve postaların yapılarını oluştururken çok yararlı olan tabloların işlendiği etiketleri bilerek başlayacağız.
Bu öğreticinin amacı, grafik tasarımcıların belgelerin yapısını ve mantığını mümkün olan en basit şekilde anlamalarına yardımcı olacak bir açıklama vermektir. HTML Bu dilde dosya oluşturmalarını sağlayacak temel bilgileri edinmek.

Gereksinimler

- Gibi bir kod düzenleyiciye sahip olun Dreamweaver CS6, Not Defteri ++, Yüce Metin diğerlerinin yanı sıra internette mevcuttur.
- Chrome, Firefox, Opera, Safari, Edge veya Internet Explorer gibi bir web tarayıcısının kurulu olması.
Adım 1: Tablo oluşturmak için etiketleri bilmek
bu etiketle yapıdaki tablonun başlangıcını tanımlarız HTML.
tablo için bir satır oluşturulmasına izin verir
sütunların başlığını temsil eder, bu sütunlar hücrelerden oluşur.
<>> tablonun satırlarında yer alacak hücrelerin temsilidir.
Tabloları oluşturmak için ihtiyaç duyacağımız tüm etiketler bunlardır, sonraki adımda bunların kod içerisinde nasıl bildirildiğini ve sırasını öğreneceğiz.
Adım 2: Etiketlerin mantıksal beyanı.
HTML'de etiketlerin büyük çoğunluğunun açılması gerektiğini bilmek önemlidir, ki bu tam onları bildirdiğimizde ve aynı zamanda kapatılmalarıdır, aşağıdaki örnek bu kavramı göstermektedir:

Gördüğünüz gibi, her etiketin bir açılış ve kapanışı olmalıdır. Esas olarak etiketin kapandığı eğik çizgi "/" ile farklılık gösterirler. Her etiket oluşturulduğunda, kapandığını aynı şekilde bildirmek zorunludur.
Adım 3: Etiketlerin hiyerarşik beyanı.
Etiket Bir tablonun oluşturulduğunu, dolayısıyla görüntülenecek bilgileri içerecek hücreleri oluşturmaya başlamak için bildirilen ilk tablodur.
Tablolar sütun ve satırlardan oluşur.

Her etiketin sahip olması gereken hiyerarşik sıraya dikkat ederek tabloyu oluşturacağız ve tablo için ihtiyaç duyacağımız satırları aşağıdaki resimde tanıtacağız:

Tablodaki kod şöyle görünmelidir:

Tablonun satırları önceden tanımlanmış olmasına rağmen, tablonun sütunlarını oluşturan hücrelerin oluşturulması gerekir. Aşağıdaki resim bu kavramı göstermektedir:

Tablodaki kod şöyle görünmelidir:

4. Adım: Hücrelere içerik ekleme
Her etiket [renk = # 7030a0] [/ color] tablomuzdaki bir hücreye eşdeğerdir, bu yüzden bilgilerin eklenebileceği yer burasıdır. İlk etikette değiştireceğiz [color = # 44546a] [/ color] tüm satırı bildirdi [color = # 7030a0] [/ color] başlık etiketlerine göre [color = # 002060][/Renk]. [renk = # 7030a0] içinde[/ color] kalan satırlara örnek içerik ekliyoruz. kod HTML Şöyle görünmelidir:

 
 
 
Kalem
 
İsim
 
Soyadı
 

 
 
1
 
Pedro
 
güller
 

 
 
2
 
John
 
Kaynaklar
 

Adım 5: Belgeyi şuraya kaydedin: HTML ve dosyayı görüntüle
Kod düzenleme programında belgeyi formatta kaydederken Dosya / Kaydet menüsüne gidiyoruz .html

Daha sonra belgeyi tercih ettiğimiz tarayıcıda açıyoruz:

Oluşturduğumuz tablo aşağıdaki resimdeki gibi görünmelidir.

Şimdiye kadar etiketlerin adını ve işlevini öğrendik. HTML tabloları, hiyerarşik sırasını, mantıksal düzenini oluşturmak ve bunlara içerik eklemek. Artık tablolara grafik öznitelikleri eklemeye hazırız.Bu Eğitimi beğendiniz ve yardım ettiniz mi?Yazara olumlu puan vermek için bu düğmeye basarak yazarı ödüllendirebilirsiniz.