W tym artykule znajdziesz szczegółową i wszechstronną wiedzę na temat tabel HTML. Różne tagi i formatowanie, które można zrobić.
Od momentu powstania technologii tabela jest powszechnym sposobem przechowywania i wizualizacji danych. Jest używany w prawie wszystkich polach do prezentowania informacji tekstowych i danych liczbowych, w których można łatwo porównać dwa lub więcej elementów. W tym artykule będę omawiać Tabele w następującej kolejności:
Mówiąc prosto, tabela to zbiór powiązanych danych, który składa się z wierszy i kolumn. Teraz, jak wiemy, HTML jest standardowym językiem znaczników do tworzenia stron internetowych i wyświetlania go w przeglądarce internetowej. Zatem tworzenie i praca z tabelami staje się ważną pod umiejętnością do opanowania HTML. Na tym blogu nauczymy się pracować z tabelami w HTML.
Aby zdefiniować tabelę HTML, używamy
etykietka. Wewnątrz
, najpierw definiujesz wiersze tabeli za pomocą
etykietka. Następnie definiujesz nagłówki tabeli w
etykietka. Dane lub komórka w tabeli są definiowane za pomocą
etykietka.
Tagi tabel HTML
Przyjrzyjmy się najpierw liście znaczników HTML używanych do tworzenia tabel. W dalszej części tego bloga nauczymy się ich używać na przykładach.
: Służy do definiowania tabeli
: Służy do definiowania komórki nagłówka w tabeli
: Służy do definiowania wiersza w tabeli
: Służy do definiowania komórki w tabeli
:Służy do definiowania podpisu tabeli
:Służy do określania grupy jednej lub więcej kolumn w tabeli do formatowania
: Służy do określania właściwości kolumny dla każdej kolumny w elemencie
:Służy do grupowania zawartości nagłówka w tabeli
: Służy do grupowania treści w tabeli
: Służy do grupowania zawartości stopki w tabeli
Przyjrzyjmy się teraz przykładowemu kodowi HTML, aby utworzyć tabelę.
Istnieją dwa atrybuty zwane odstępami między komórkami i odstępami między komórkami, których można użyć do dostosowania odstępów w komórkach tabeli. Atrybut cellspacing definiuje odstęp między komórkami tabeli, natomiast cellpadding reprezentuje odległość między granicami komórek a zawartością w komórce.
Odstępy między komórkami i wypełnianie komórek
Nazwa
Wiek
Abhishek
piętnaście
Pion
2. 3
Atrybuty Colspan i Rowspan
Atrybut Colspan służy do scalania dwóch lub więcej kolumn, podczas gdy rowspans służy do łączenia dwóch lub więcej wierszy.
Colspan & Rowspan
Partia
Nazwa
Wiek
Informatyka
Abhishek
piętnaście
Pion
2. 3
Przerwa
Wysokość i szerokość stołu
HTML umożliwia dostosowanie wysokości i szerokości stołu. Atrybut szerokości i atrybut wysokości służy do ustawiania odpowiednio szerokości i wysokości tabeli. Można to określić jako procent powierzchni dostępnej na ekranie lub w pikselach.
Szerokość i wysokość tabeli HTML
Abhishek
piętnaście
Pion
2. 3
Nagłówek, treść i stopka tabeli
Tabelę można podzielić na trzy sekcje, tj. Nagłówek, treść i stopkę. Nagłówek i stopka są podobne do nagłówka i stopki w dokumencie tekstowym, który pozostaje wspólny dla każdej strony, podczas gdy treść zawiera główną treść.
tag tworzy oddzielny nagłówek tabeli, gdzieastag tworzy oddzielną stopkę tabeli. Tagi zawierają treść tabeli.
Tabela HTML z nagłówkiem, stopką i treścią
Nagłówek tabeli
Stopka tabeli
Nazwa
Wiek
Znaki
Tła i podpisy tabel
Możesz także ustawić tło tabeli. Bgcolor atrybut ustawia kolor tła dla całej tabeli, jak również dla jednej komórki, podczas gdy atrybut background ustawia obraz tła dla całej tabeli, jak również tylko dla jednej komórki.
Tag podpisu służy jako tytuł lub wyjaśnienie tabeli, która jest wyświetlana u góry tabeli.
Tło tabeli HTML
Podpis tabeli
Kolumna 1
Kolumna 2
Kolumna 3
Wiersz 1 Komórka 1
Wiersz 1 Komórka 2
Wiersz 1 Komórka 3
Rząd 2 Komórka 2
Rząd 2 Komórka 3
Rząd 3 Komórka 1
Na tym dochodzimy do końca tego artykułu. Teraz, po wykonaniu powyższych fragmentów, zrozumiałbyś, jak tworzyć tabele w HTML. Mam nadzieję, że ten blog jest dla Ciebie pouczający i stanowi wartość dodaną.
Sprawdźautorstwa Edureka, zaufanej firmy zajmującej się edukacją online, z siecią ponad 250 000 zadowolonych uczniów rozsianych po całym świecie.Szkolenie z zakresu certyfikacji w zakresie tworzenia aplikacji internetowych pomoże Ci nauczyć się, jak tworzyć imponujące witryny internetowe przy użyciu HTML5, CSS3, Twitter Bootstrap 3, jQuery i interfejsów API Google oraz wdrażać je w usłudze Amazon Simple Storage Service (S3).
