Bàn là một trong những yếu tố quan trọng nhất, nhưng đồng thời yếu tố phức tạp phải xuất hiện trên các trang web. Với sự giúp đỡ của họ, thuận tiện để gửi thông tin quan trọng và hữu ích bằng một hình thức khá súc tích. Tất nhiên, hầu hết các biên tập viên trong các mẫu chạy trên các công cụ khác nhau cho phép bạn tự động chèn một bảng vào một trang của một trang web hoặc một ấn phẩm riêng biệt, nhưng nếu thiết kế một nguồn tài nguyên web, các trang của nó được tạo ra từ đầu? Sau đó, trước khi thuật sĩ bắt đầu có thể là một vấn đề: làm thế nào để làm cho bảng trong HTML. Hãy tìm hiểu làm thế nào để tạo ra các yếu tố này một cách chính xác và nhanh chóng.
Chọn một trình soạn thảo
Trước hết, khi bạn bắt đầu tạo một bảng, bạn nên xác định trình biên tập mà bạn sẽ làm việc. Tất nhiên, cách dễ nhất để chọn chương trình mà bạn tạo mã chính của trang web. Nhưng tốt nhất nên sử dụng một cuốn sổ tay cũ tốt cho những mục đích này.
Bạn có thể hỏi lý do tại sao phức tạp cuộc sống của bạn, bởi vì nếu bạn làm tất cả mọi thứ cùng một lúc trong trình soạn thảo, thì bạn cũng có thể thấy kết quả và bạn cũng có thể sử dụng lời nhắc của chương trình.
Vâng, đó là sự thật, nhưng khi tạo một bảng từ đầu, bạn sẽ không chỉ có thể nghiên cứu kỹ lưỡng nguyên tắc tạo ra nó, mà còn để tránh lỗi chính tả và sai sót trong mã chính. Đôi khi nó xảy ra rằng con trỏ vô tình di chuyển xuống, và trong quá trình viết mã creep trong lỗi, mà đôi khi rất khó tìm. Khi bạn tạo một bảng trong Notepad, bạn có thể sao chép mã và chèn nó vào vị trí mong muốn.
Thuật toán tạo bảng
Đầu tiên, chúng ta sẽ biên dịch một thuật toán ngắn để làm thế nào để tạo một bảng trong HTML. Điều này là cần thiết để bạn hiểu được trình tự của từng bước. Sau đó, chúng tôi sẽ phân tích làm thế nào để thực hiện mỗi mục.
Hãy bắt đầu với các hành động chuẩn bị.
1. Vẽ sơ đồ của bảng trên một tờ giấy.
2. Đếm số hàng và ô. Nếu số cuối cùng là khác nhau - chúng tôi xem xét cho mỗi hàng riêng biệt.
3. Xác định số lượng tế bào trong tiêu đề hàng đầu (ví dụ: ô "Không", "Tên", v.v.).
4. Chúng tôi ghi lại các thông số chính của bảng - màu sắc, chiều cao và chiều rộng, sắp xếp văn bản - nói chung, mọi thứ bạn cần.
Tiếp theo, hãy trực tiếp tạo ra một bảng:
1. Chèn các thẻ của bảng.
2. Chèn các thẻ của các hàng dựa trên số tiền bạn cần.
3. Trong các hàng, chèn các thẻ của các tế bào (thường xuyên và vốn), cũng dựa trên số tiền được ghi trên giấy của bạn.
4. Đặt các thông số cho bảng như một toàn thể.
5. Nếu cần thiết, chúng tôi thiết lập các chỉ số cho từng tế bào.
6. Điền vào ô của chúng ta bằng văn bản.
Tạo một bảng
Vì vậy, bạn đã chọn trình soạn thảo, bây giờ chúng ta hãy tìm hiểu làm thế nào để tạo một bảng trong HTML. Thẻ được chèn vào mã trang (
) là một cặp, nghĩa là thiết kế của chúng tôi bắt đầu bằng thẻ này và kết thúc bằng .
Chèn các thẻ của bảng, chúng tôi tiến hành tạo các hàng và ô.
Chúng tôi lưu ý ngay lập tức rằng các yếu tố này cũng được ghép nối. Thẻ
xác định các hàng, và | các ô.
Đối với các ô tiêu đề, hãy sử dụng phần tử được ghép nối | .
Như đã đề cập trước tiên, trước hết cần phải phát hành các dòng, sau đó trong chúng để đăng ký các ô. Để không bị lẫn lộn, chúng tôi khuyên bạn nên thực hiện một trong hai phần giữa mỗi khối trong một hoặc hai dòng hoặc để đặt một khối các phần tử mới sử dụng phím "Tab".
Nó trông như thế nào? Xấp xỉ như vậy:
- ;
-
; -
Số п / п ; -
Họ ; - ;
-
; -
| 1 | ; -
Ivanov ; - ;
- .
Như bạn thấy, không có gì là phức tạp trong việc này. Điều chính không phải là để có được nhầm lẫn về số lượng các hàng và các tế bào. Nếu không, bảng có thể nghiêng.
Chúng ta đã thảo luận về việc tạo ra một bảng trong HTML, bây giờ chúng ta có thể chuyển sang các tham số của cả ma trận chính nó và các hàng và ô của nó.
Tùy chọn bảng Khi viết mã, bạn nên chú ý tới các điểm sau: căn chỉnh trong bảng HTML, màu đường viền, nền, văn bản vv.
Các tham số bảng được xác định trong thẻ . Chúng bao gồm:
1. Biên giới - chiều rộng biên giới. Nó được cho như một số nguyên. Theo mặc định, các ranh giới của bảng bất kỳ là bằng không.
2. Bordercolor - màu sắc của biên giới. Có thể được chỉ định như mã màu thập lục phân (# 00008B), và tên của nó bằng tiếng Anh (DarkBlue). Theo mặc định nó luôn luôn là màu xám.
3. Bgcolor - màu nền. Cũng được chỉ định bằng cách sử dụng một mã hoặc tên.
4. Căn chỉnh văn bản phía sau bảng. Mặc định còn lại. Có các tùy chọn sau cho tham số này:
- Còn lại là dòng chảy bên phải;
- Luồng phải sang trái;
- Trung tâm - hiển thị bảng ở giữa không có dòng chảy.
5. Chiều rộng và chiều cao của mặt bàn. Nó có thể được chỉ định bằng pixel và phần trăm (tương đối so với kích thước cửa sổ trình duyệt).
Chỉ định chỉ số này hoặc chỉ số đó, bạn nên đặc biệt chú ý đến thiết kế. Sau khi xác định tham số, phải tuân theo dấu bằng, tiếp theo là giá trị được chỉ định trong dấu ngoặc kép.
Về màu sắc của văn bản, nó được thiết kế theo cách giống như văn bản thuần ở định dạng HTML.
Một ví dụ về một bảng:
- ;
-
; -
Số п / п ; -
Họ ; - ;
-
; -
| 1 | ; -
Ivanov ; - ;
- .
Các tham số dòng Vì vậy, chúng ta đã tìm ra làm thế nào để làm cho một bảng trong HTML và quy định các thông số cơ bản của nó. Nhưng nếu chúng ta cần phải chọn một hàng thì sao? Để thiết kế nó không giống như văn bản chính của bảng?
Các tham số chuỗi được viết trong thẻ | giống như bảng dữ liệu. Các biến sau có thể được chỉ định cho một chuỗi:
1. Bạn đã biết đến biên giới, bordercolor và bgcolor.
2. Căn giữa văn bản trong dòng. Nó có thể lấy các giá trị còn lại, trung tâm và bên phải.
3. Valign - thẻ này căn lề văn bản theo chiều dọc. Nó có các giá trị sau:
- Trên cùng - văn bản được căn chỉnh trên đường viền trên;
- Trung tâm;
- Dưới - trên đường biên phía dưới.
Ví dụ về một dòng:
-
; -
Số п / п ; -
Họ ; - .
Cài đặt Cell Và điều cuối cùng cần chú ý đến những ai muốn biết làm thế nào để tạo một bảng trong HTML là các thông số của từng tế bào, cả dạng thông thường và tiêu đề. Trên thực tế, mọi thứ được thực hiện giống hệt như đối với một bảng hoặc một hàng. Điều duy nhất, hai yếu tố quan trọng hơn được thêm vào:
1. Colspan - tham số này xác định số cột mà một ô có thể mở rộng.
2. Rowspan - xác định số hàng mà ô này chiếm.
Kể từ khi thiết kế không khác với văn bản của dòng, chúng tôi sẽ không cung cấp cho bạn một ví dụ về mã.
Kết luận Làm bảng không khó khăn như có vẻ như ở cái nhìn đầu tiên. Điều chính khi viết mã của cô - sự thận trọng và sự chú ý.
Đối với cách chèn một bảng trong HTML, mật mã của nó được sao chép và dán chính xác đến vị trí của trang của bạn, trong đó nó, theo ý kiến của bạn, nên được đặt.
Đừng ngại thử nghiệm, và sớm bạn sẽ nắm vững kỹ thuật tạo bảng. Chúc may mắn!
| |
| | |
| | | |
|