układ HTML
Układ strony, aby poprawić wygląd strony jest bardzo ważna.
Proszę uważnie zaprojektować układ strony.
przykłady Online
Układ strony za pomocą elementu <div>
Jak korzystać z elementu <div> do układu.
Uklad strony <table>
Jak korzystać z <table> elementu do układu.
układ strony
Większość stron treści na wiele kolumn (jak czasopisma lub gazety tego).
Większość witryn mogą korzystać z <div> lub <table> elementy, aby utworzyć wiele kolumn. CSS służy do pozycjonowania elementów lub utworzyć tło i kolorowy wygląd strony.
Chociaż możemy użyć tagu tabeli HTML zaprojektować piękny wygląd, ale znacznik tabeli nie jest zalecany do stosowania jako narzędzia układu - nie narzędzia układu tabeli. |
Układ HTML - za pomocą <div>
Element div jest elementem blokowym służy do grupowania elementów HTML.
W poniższym przykładzie użyto pięć elementów div stworzyć układ multi-kolumna:
Przykłady
Spróbuj »
Powyższy kod HTML daje następujące wyniki:
Układ HTML - za pomocą tabel
Zastosowanie HTML <tabela> jest do utworzenia układu, w prosty sposób.
Większość witryn mogą korzystać z <div> lub <table> elementy, aby utworzyć wiele kolumn. CSS służy do pozycjonowania elementów lub utworzyć tło i kolorowy wygląd strony.
Nawet jeśli można użyć tabel HTML, aby stworzyć piękny wygląd, ale celem jest przedstawienie danych tabelarycznych tabeli design - nie narzędzie układ tabeli! |
W poniższym przykładzie zastosowano trzy rzędy dwóch tabel - pierwsza i ostatnia linia wykorzystuje atrybut colspan span dwóch kryteriów:
Przykłady
Spróbuj »
Powyższy kod HTML daje następujące wyniki:
Układ HTML - Porady
Wskazówka: największe zalety korzystania z CSS jest to, że jeśli kod CSS są przechowywane w zewnętrznym arkuszu stylów, to strona będzie łatwiejsza w utrzymaniu.Poprzez edycję jednego pliku, można zmienić układ na wszystkich stronach. Aby dowiedzieć się więcej na temat CSS, odwiedź nasz poradnik CSS .
Wskazówka: Ze względu na tworzenie zaawansowanych układ jest bardzo czasochłonne, przy użyciu szablonu to szybkie rozwiązanie.Dzięki wyszukiwarce można znaleźć wiele darmowych szablonów stron internetowych (można użyć tych prekompilowany układ witryny i optymalizować je).
znaczniki HTML układ
标签 | 描述 |
---|---|
<div> | 定义文档区块,块级(block-level) |
<span> | 定义 span,用来组合文档中的行内元素。 |