402 Shares 5956 views

Jak zrobić tabelę w HTML: szczegółowy opis

Tabela – jednym z najważniejszych, ale w tym samym czasie złożonych elementów, które muszą być obecne na stronach internetowych. Z ich pomocą wygodnie jest stosować ważną i użyteczną informację w dość zwięzłej formie. Oczywiście, większość edytorów w szablonach, pracując na różnych silników, automatycznie wstawić tabelę do swojej stronie internetowej lub w osobnej publikacji, ale co jeśli projekt zasobu sieciowego, jej strony są tworzone od podstaw? Następnie początkujący mistrz może się problem: jak zrobić tabelę w HTML. Zobaczmy, jak szybko i poprawnie utworzyć element.


wybierz edytor

Przede wszystkim, począwszy od tworzenia tabeli, należy zdefiniować edytor, w którym będziemy pracować. Oczywiście, najprostszym sposobem, aby wybrać program, w którym utworzyć podstawowy kod strony. Ale najlepiej jest użyć do tego celu stare dobre notes.

Można zapytać, dlaczego komplikować swoje życie, bo jeśli wszystko dobrze zrobić w edytorze, to wynik może być postrzegane bezpośrednio, też, a nawet skłania program do użytku.

Tak, to prawda, ale aby utworzyć tabelę od podstaw, nie tylko będzie w stanie dokładnie zbadać zasady jego tworzenia, ale także, aby zapobiec żenujące literówek i błędów w kodzie bazowym. Czasami zdarza się przez przypadek, że kursor jest przesuwany w dół, a proces pisania kodu w błędzie skrada się, co jest czasem trudne do znalezienia. Tworzenie tabeli w notatniku, można skopiować kod i wkleić go w odpowiednie miejsce dla ciebie.

Algorytm tworzenia tabeli

Aby rozpocząć, należy krótko algorytm, jak zrobić tabelę w HTML. Ma to zapewnić, że rozumiesz sekwencję każdym kroku. Następnie analizować dokładnie jak wykonać każdy z elementów.

Zacznijmy działań przygotowawczych.

1. Narysuj schemat na papierze tabeli obrazu.

2. Obliczyć ilość wierszy i komórek. Jeśli liczba różnych przeszłości – myśleć o każdym ryadochka oddzielnie.

3. Określić liczbę komórek w rzędzie nagłówku (na przykład, «№» komórkowa „Nazwa” i t. D.).

4. Zapisać główne parametry tabeli – kolor, wysokość i szerokość, wyrównanie tekstu – krótko mówiąc, wszystko, co wydaje się odpowiednie.

A następnie przejść bezpośrednio do stworzenia tabeli:

1. Włóż tabeli tagów.

2. Włóż tagów linii w oparciu o kwoty, które potrzebujesz.

3. rzędy wstawić znaczniki komórek normalnych i (wielkimi literami), a także na podstawie wysokości, które są rejestrowane na papierze.

4. Ustawić parametry dla całej tabeli.

5. Jeśli trzeba ustawić parametry dla poszczególnych komórek.

6. Wypełnij nasz tekst komórki.

utworzyć tabelę

Więc wybrać edytor, teraz przyjrzyjmy się, jak utworzyć tabelę w HTML. Tag, który pozwala tabeli (

) jest włożona do kodu strony jest sparowany, to nasza budowa zaczyna się od tego znacznika, a kończy

.

Wkładanie tabeli znaczników, następuje przejście do tworzenia wierszy i komórek.

Teraz zauważamy, że te elementy są połączone. Tag

definiuje ciąg, a

– komórek.

Na górnym Komórki należy stosować powiązanych elementów

.

Jak już wspomniano, pierwszym krokiem jest, aby narysować linię, a następnie muszą zarejestrować komórkę. W celu uniknięcia nieporozumień, wskazane jest, aby wykonywać żadnej wyściółki pomiędzy każdym bloku w linii albo dwa, albo przepisać nowe elementy blokowe za pomocą klawisza „Tab”.

Jak to może wyglądać? Coś takiego:

  • ;
  • ;
  • № p / p

    ;

  • Nazwa

    ;

  • ;
  • ;
  • 1 ;
  • Iwanow

    ;

  • ;
  • .

Jak widać, nic skomplikowanego o nim. Najważniejsze – nie zgubić się w liczbie wierszy i komórek. W przeciwnym razie, tabela jest przechylony.

Jesteśmy zdemontowane utworzyć tabelę w HTML, teraz możemy przejść do parametrów zarówno Matrix i jego wierszy i komórek.

Opcje tabeli

Gdy kod jest napisane, konieczne jest, aby zwrócić uwagę na następujące punkty: wyrównanie w tabeli HTML, kolor na granicach, tła, tekstu, i tak dalej.

Parametry są określone w tabeli tag

. Należą do nich:

1. Granica – szerokość obramowania. Określone przez liczbę całkowitą. Domyślnie wszelkie granice tabeli znikają.

2. bordercolor – kolor obramowania. Może być podawana jako kolor szesnastkowym (# 00008B), a jego imię na angliykom (granatowy). Domyślnie zawsze jest szary.

3. bgcolor – kolor tła. Jak określono za pomocą kodu lub nazwy.

4. Wyrównanie – wyrównanie tekstu do tabeli. Domyślne – po lewej stronie. Dostępne są następujące opcje dla tego parametru:

  • lewy – prawy wrap;
  • -obtekanie prawo w lewo;
  • Centrum – tabela wyjściowa w środku bez przepływu.

5. Szerokość i wysokość – szerokość i wysokość stołu. Może to być albo w pikselach lub w procentach (w stosunku do wielkości okna przeglądarki).

Przepisując konkretny wskaźnik, należy zwrócić szczególną uwagę na design. Po określeniu parametru iść znak „równe”, po którym w cudzysłowie wskazujący określoną wartość.

Jeśli chodzi o kolor tekstu, a następnie upewnij się, że w taki sam sposób jak zwykły tekst w formacie HTML.

Przykład tabeli:

  • ;
;
  • ;

  • ;
  • ;
  • ;

  • ;
  • .
  • parametry rzędy

    Więc już zorientowali się, jak zrobić tabelę w HTML i przepisać jego główne parametry. Ale co, jeśli musimy przeznaczyć ciąg? Sprawdź jej nie jako głównej części tabeli?

    Parametry linii są napisane w tagu

    w taki sam sposób, jak w tabeli danych. Aby wyrównać następujące zmienne mogą być zdefiniowane:

    1. Już wam znany granicy, bordercolor i bgcolor.

    2. Wyrównanie – wyrównanie tekstu w wierszu. Może być ustawiony na lewy, środkowy i prawy.

    3. valign – tag wyrównuje tekst w pionie. Zajmuje następujące wartości:

    • Top – treści jest dostosowany do górnej granicy;
    • środkowy – w środku;
    • dolny – dolna krawędź.

    Przykład prześwit linii:

    ;
  • ;

  • .

    parametry komórki

    I ostatnia rzecz, należy zwrócić uwagę na tych, którzy chcą wiedzieć, jak zrobić tabelę w HTML – parametry poszczególnych komórek, zarówno normalne i kapitału. W rzeczywistości, wszystko odbywa się w taki sam sposób, jak na stole lub wiersza. Dodawany tylko dwa ważne elementy:

    1. colspan – Parametr ten określa liczbę kolumn dla których komórka może rozciągają.

    2. rowspan – już wskazuje liczbę wierszy zajmowanych przez tę komórkę.

    Ponieważ projekt nie różni się od linii na receptę, nie spowoduje przykładowy kod.

    odkrycia

    Zrób tabela nie jest tak trudne, jak mogłoby się wydawać na pierwszy rzut oka. Najważniejsze, pisząc swój kod – wytrwałości i uwagi.

    Jeśli chodzi o jak wstawić tabelę w HTML, to jego numer kodu wystarczy skopiować i wkleić go do miejsca na stronie, w którym, Pana zdaniem, powinien być umieszczony.

    Nie bój się eksperymentować, a wkrótce pojawi się doskonale opanował technikę tworzenia tabel. Powodzenia!

    Jak jest sortowanie tablic?
    674 shares 2135 views
    Co to jest ID? ID-hasło
    465 shares 3172 views
    № p / p

    ;

  • Nazwa
    1 ;
  • Iwanow
    № p / p

    ;

  • Nazwa