Tabela HTML - 3
Nowy zastosujmy w praktyce to, co omówiliśmy. Dodajmy tabelę o szerokości 500 pikseli do pliku Template5.html. Chcemy, aby tabela zawierała trzy wiersze, 1 pole wewnątrz każdego wiersza, ramkę o szerokości 1 piksela, a zawartość wewnątrz komórek była wyśrodkowana. Po utworzeniu tabeli przenieś „Hello World” do górnej komórki (wiersz 1 - komórka 1). Następnie przenieś tagi czcionek i „Enter Here” do komórki w drugim rzędzie (wiersz 2 - komórka 1). Na koniec pozostaw wiersz 3 - komórka 1 pusta. Otwórz plik Template5.html w edytorze tekstu, dodaj następujący kod i zapisz nowy plik jako Template6.html.

Tabela - kod źródłowy





Witaj świecie

Wchodzić
Tutaj


Uwaga--Strzała wskazuje, że kod jest zawinięty do drugiej linii i naprawdę powinien znajdować się w jednej linii.

Szablon6.html - kod źródłowy


Witaj świecie









Witaj świecie

Wchodzić
Tutaj




Uwaga--Strzała wskazuje, że kod jest zawinięty do drugiej linii i naprawdę powinien znajdować się w jednej linii.

Teraz otwórz Template6.html w przeglądarce internetowej i spójrz na swój nowy stół. Możesz dodać zakładkę do tego samouczka. Podczas następnych kilku artykułów będziemy tworzyć wiele tabel. Możesz nadal eksperymentować z tabelą, dodając, usuwając i zmieniając pary atrybut / wartość dla każdego tagu. Po zakończeniu umieść kod w Template6.html z powrotem w powyższym kodzie i zapisz go ponownie.

← Wstecz

|



Instrukcje Wideo: Curso de HTML e CSS - Criando Tabelas (thead, tbody, tfoot) - 3 (Może 2024).