Jak utworzyć tabelę w HTML (z ilustracjami)

Utwórz stół w HTML jest dość trudny. Ale przy pomocy kroków przedstawionych w tym artykule możesz go utworzyć dla swojej witryny.

Kroki

Obraz zatytułowany Tekst Itaticalize w HTML Krok 1

jeden. Otwórz prosty program edytora tekstu, taki jak Notatnik lub WordPad na Windows lub NMAC Otwórz TextEdit.

Obraz zatytułowany Utwórz tabelę w kodzie HTML Krok 2

2. Wpisz cały tekst, który chcesz zobaczyć przed stołem.

3. Określ korzystanie z tabeli dokumentu HTML, wprowadzając tag .

Obraz zatytułowany Utwórz tabelę w kodzie HTML Krok 3

cztery. Naciśnij enter.

Obraz zatytułowany Utwórz tabelę w Kod HTML Krok 4

Obraz zatytułowany Utwórz tabelę w kodzie HTML Krok 5

pięć. Wprowadź wiersz tabeli otwierania znacznika za pomocą tagu .

6. Nie zapomnij zbudować wszystkich pozostałych przedmiotów od lewej do prawej.

Obraz zatytułowany Utwórz tabelę w kodzie HTML Krok 7

7. Naciśnij enter.

Obraz zatytułowany Utwórz tabelę w kodzie HTML Krok 8

osiem. Wprowadź otwieracz tagu dla tabeli tytułu za pomocą tagu .

Obraz zatytułowany Utwórz tabelę w kodzie HTML Krok 9

dziewięć. Wprowadź nazwę, której chcesz użyć do pierwszej kolumny.

Obraz zatytułowany Utwórz tabelę w kodzie HTML Krok 10

10. Wprowadź znacznik zamykania dla elementu tabeli tytułu za pomocą tagu .

Obraz zatytułowany Utwórz tabelę w kodzie HTML Krok 11

jedenaście. Naciśnij enter.

Obraz zatytułowany Utwórz tabelę w kodzie HTML Krok 12

12. Powtórz kroki (elementy budowlane w kolumnach od lewej do prawej).

Obraz zatytułowany Utwórz tabelę w kodzie HTML Krok 13

13. Zamknij ten ciąg, wpisując tag .

Obraz zatytułowany Utwórz tabelę w kodzie HTML Krok 14

czternaście. Naciśnij enter.

Obraz zatytułowany Utwórz tabelę w kodzie HTML Krok 15

piętnaście. Rozpocznij kolejną linię z innego tagu .

Obraz zatytułowany Utwórz tabelę w kodzie HTML Krok 16

szesnaście. Naciśnij enter.

Obraz zatytułowany Utwórz tabelę w kodzie HTML Krok 17

17. Wprowadź tag danych karty za pomocą tagu .

Obraz zatytułowany Utwórz tabelę w kodzie HTML Krok 18

osiemnaście. Wprowadź dane tabeli, które chcesz włączyć w każdym polu.

dziewiętnaście. Pracuj od lewej do prawej, wypełnienie danych z kolumn pokazanych powyżej.

Obraz zatytułowany Utwórz tabelę w kodzie HTML Krok 20

dwadzieścia. Zamknij każdy wejście za pomocą tagu .

21. Powtórz wszystkie tabele danych, które są.

Dla tych komórek, gdzie nie ma potrzeby wprowadzania niczego, wejdź i I nic między nimi. Będzie bardzo przydatny dla pól między dwoma innymi dziedzinami.

Obraz zatytułowany Utwórz tabelę w etapie kodu HTML 21bullet1

Obraz zatytułowany Utwórz tabelę w Kod HTML Krok 22

22. Zamknij każdą linię z innym tagiem .

Obraz zatytułowany Utwórz tabelę w kodzie HTML Krok 23

23. Powtórz każdy wiersz oprócz wierszy I podczas gdy każda linia nie jest zebrana.

Obraz zatytułowany Utwórz tabelę w kodzie HTML Krok 24

24. Zamknij stół z tagiem .

Obraz zatytułowany Utwórz tabelę w kodzie HTML Krok 25

25. Wprowadź kolejny tekst HTML, którego potrzebujesz w pozostałej części dokumentu.

Rada

Wycofaj się z każdej linii, abyś mógł zrozumieć, co próbujesz zrobić w swoim kodzie.

Ostrzeżenie

Jeśli przypadkowo wprowadziłeś zbyt wiele kolumn danych, gdzie nie ma tabeli tytułu, nadal będą wyświetlane, ale będą wyglądać trochę głupi, a czytelnik nie zrozumie, co te informacje.
Tabele budowlane na stronie HTML są dość skomplikowanym procesem dla zrozumienia. Pierwsza praktyka na danych zewnętrznych, aby zobaczyć, jak wygląda, a następnie przeglądać i umieścić nową tabelę na swoim miejscu.
Kod tabel HTML jest najlepiej wybrany do zaawansowanych enkoderów HTML. Jednak po wykonaniu tych instrukcji będziesz również jednym z nich.