Kho lạnh miền Bắc
  • Trang chủ
  • Giới thiệu
  • Sản phẩm
    • Kho lạnh Vacxin
    • Kho lạnh thủy, hải sản
    • Kho lạnh nông sản
    • Kho lạnh kem, sữa chua
    • Kho lạnh đá viên
    • Kho lạnh thực phẩm
    • Kho lạnh cấp đông
    • Kho lạnh mô hình
  • Dịch vụ
    • Tư vấn thiết kế thi công kho lạnh
    • Lắp đặt kho lạnh
    • Sửa chữa kho lạnh
    • Bảo dưỡng kho lạnh
    • Cho thuê kho lạnh
  • Dự án kho lạnh
  • Tin tức
  • Liên hệ
No Result
View All Result
  • Trang chủ
  • Giới thiệu
  • Sản phẩm
    • Kho lạnh Vacxin
    • Kho lạnh thủy, hải sản
    • Kho lạnh nông sản
    • Kho lạnh kem, sữa chua
    • Kho lạnh đá viên
    • Kho lạnh thực phẩm
    • Kho lạnh cấp đông
    • Kho lạnh mô hình
  • Dịch vụ
    • Tư vấn thiết kế thi công kho lạnh
    • Lắp đặt kho lạnh
    • Sửa chữa kho lạnh
    • Bảo dưỡng kho lạnh
    • Cho thuê kho lạnh
  • Dự án kho lạnh
  • Tin tức
  • Liên hệ
No Result
View All Result
Kho lạnh miền Bắc
No Result
View All Result

Tìm hiểu về các thẻ HTML định dạng tạo lên table

admin by admin
19 Tháng Bảy, 2016
in Tin tức
0 0
0
0
SHARES
28
VIEWS
Share on FacebookShare on Twitter

HTML coi một bảng gồm nhiều dòng, một dòng gồm nhiều ô, và chỉ có ô mới chứa dữ liệu của bảng

Các thẻ:

Tạo bảng: <table>…</table> mỗi bảng chỉ có 1 cặp thẻ này

Tạo dòng: <tr>…</tr> bảng có bao nhiêu dòng thì có bấy nhiêu cặp thẻ này

Tạo ô:

Ô tiêu đề của bảng: <th>…</th>

Ô dữ liệu: <td>…</td>

Tổng số thẻ <td><td> bằng số ô của bảng. Dòng có bao nhiêu ô thì có bấy nhiêu thẻ và/hoặc nằm trong cặp thẻ <tr>…</tr> tương ứng

Ví dụ :Tạo một bảng biểu đơn giản

<table border=”1″ cellspacing=”0″ cellpadding=”5″>
<tr>
<td>cot 1</td>
<td>cot 2</td>
<td>cot 3</td>
</tr>
<tr>
<td>cot 1</td>
<td>cot 2</td>
<td>cot 3</td>
</tr>
<tr>
<td>cot 1</td>
<td>cot 2</td>
<td>cot 3</td>
</tr>
</table>

Kết quả:

1

Trong ví dụ trên có một số thuộc tính của thẻ table :

-border=“số”: kích thước đường viền. Nếu không có thì mặc định bằng 0 : không có đường viền.

-cellspacing=“số”: Khoảng cách giữa 2 ô liên tiếp.

-cellpadding=“số”: Khoảng cách từ góc ô đến nội dung ô.

Ngoài ra còn một số thuộc tính khác nữa như sau:

-width=“n”(rộng), height=“n”(cao): độ rộng và độ cao của bảng. Có thể đặt theo 2 cách:

  • n: (n là số) Quy định độ rộng, cao là n pixels
  • n%: Quy định độ rộng, cao là n% độ rộng, cao của đối tượng chứa bảng

-bgcolor=“màu”: màu nền của bảng (có thể tên màu bằng tên màu tiếng anh hoặc mã màu)

-background=“địa_chỉ_ảnh”: Địa chỉ của file ảnh làm nền cho bảng. Nên sử dụng đường dẫn tương đối nếu có thể

Ví dụ :

1
<table cellspacing=”0″ cellpadding=”5″ border=”1″ width=”200px” height=”200px” bgcolor=”red”>
<tr>
<td>cot 1</td>
<td>cot 2</td>
<td>cot 3</td>
</tr>
<tr>
<td> cot 1</td>
<td> cot 2</td>
<td> cot 3</td>
</tr>
<tr>
<td>cot 1</td>
<td>cot 2</td>
<td>cot 3</td>
</tr>
</table>

Kết quả :

2

– Thuộc tính colspan và rowspan trong table

+colspan : dùng để nối 2 hoặc nhiều ô với nhau tính từ ô đặt thẻ này sang bên phải.

Ví dụ :

<table border=”1″ cellspacing=”0″ cellpadding=”5″>
<tr>
<td colspan=”3″>Hang 1 cot 1 – hang 1 cot 2 – hang 1 cot 3</td>
</tr>
<tr>
<td>Hang 2 cot 1</td>
<td>Hang 2 cot 2</td>
<td>Hang 2 cot 3</td>
</tr>
<tr>
<td>Hang 3 cot 1</td>
<td>Hang 3 cot 2</td>
<td>Hang 3 cot 3</td>
</tr>
</table>

Kết quả:

+rowspan : dùng để nối 2 hoặc nhiều ô với nhau tính từ ô đặt thẻ này xuống phía dưới.

Gợi ý xem thêm: Bộ tai lieu hoc lap trinh android full

Ví dụ:

<table border=”1″ cellspacing=”0″ cellpadding=”5″>
<tr>
<th rowspan=”2″>Tieu de 1</th>
<th>Tieu de 2</th>
<th>Tieu de 3</th>
</tr>
<tr>
<td>Hang 1 cot 1</td>
<td>Hang 1 cot 2</td>
</tr>
<tr>
<td>Hang 2 cot 1</td>
<td>Hang 2 cot 2</td>
<td>Hang 2 cot 3</td>
</tr>
</table>

Kết quả :

Lưu ý : Ở 2 thuộc tính này khi sử dụng colspan tức là ô đó sẽ chiếm vị trí của ô bên cạnh còn rowspan tức là ô đó sẽ chiếm vị trí của ô bên dưới.

-Nhóm thẻ <thead>, <tbody>, <tfood> dùng để tạo bố cục cho một table

Ví dụ:

<table border=”2″ cellspacing=”5″ cellpadding=”10″>
<thead>
<tr>
<td>
Ho ten
</td>
<td>
Email
</td>
</tr>
</thead>
<tbody>
<tr>
<td>
Devpro
</td>
<td>
devpro@gmail.com
</td>
</tr>
<tr>
<td>
ADMIN
</td>
<td>
ADMIN.com
</td>
</tr>
</tbody>
<tfood>
<tr>
<td>
Ho ten
</td>
<td>
Email
</td>
</tr>
</tfood>
</table>

Kết quả :

Kết Luận : Kết thúc bài hôm nay bạn đã có thể nắm được các thẻ HTML định dạng Table căn bản thường dùng, bây giờ thì bạn đã có thể tạo ra 1 trang web đơn giản dựa trên bố cục của Table và các kiến thức đã học từ những bài trước một cách nhanh chóng rồi nhé.

Chúc bạn thành công!

Gợi ý xem thêm:

  • Hướng dẫn tự học lập trình game unity

Nguồn : http://kholanhmienbac.com.vn

Previous Post

Tác nhân cắt bao quy đầu dài ở đấng mày râu

Next Post

Thi công kho lạnh thực phẩm tại Sóc Sơn

Next Post
thi-cong-kho-lanh-thuc-pham-tai-soc-son

Thi công kho lạnh thực phẩm tại Sóc Sơn

Trả lời Hủy

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

Stay Connected test

  • 139 Followers
  • 50.5k Followers
  • 205k Subscribers
  • 23.9k Followers
  • 99 Subscribers
  • Trending
  • Comments
  • Latest
Lắp đặt kho lạnh khoai tây tại Thái Bình

Lắp đặt kho lạnh khoai tây tại Thái Bình

24 Tháng Ba, 2018
ket-cau-cach-nhiet-va-kich-thuoc-kho-cap-dong-bao-quan-thit-4

Kết cấu cách nhiệt và kích thước kho lạnh cấp đông bảo quản thịt

24 Tháng Ba, 2018
Dự án lắp đặt kho lạnh bảo quản VacXin

Mạch điều khiển nhiệt độ kho lạnh

9 Tháng Sáu, 2014
du-an-lap-dat-kho-lanh-mo-hinh-2

Dự án lắp đặt kho lạnh mô hình

24 Tháng Ba, 2018
lap-dat-kho-lanh-bao-quan-thuc-pham-tai-an-khanh

Lắp đặt kho lạnh bảo quản thực phẩm tại An Khánh

7
lap-dat-kho-lanh-bao-quan-trai-cay-1

Lắp đặt kho lạnh bảo quản trái cây

4
lap-dat-kho-lanh-da-vien-tai-ha-noi-1

Lắp đặt kho lạnh đá viên tại Hà Nội

2
lap-dat-kho-lanh-thuc-pham-tai-ha-noi

Lắp đặt kho lạnh thực phẩm tại Hà Nội

2
Kho lạnh hoàn thiện trong quá trình sử dụng

Quy trình lắp đặt kho lạnh

8 Tháng Sáu, 2021
Cửa xuất kho lạnh

Cấu tạo kho lạnh công nghiệp

6 Tháng Tư, 2018
Sửa chữa kho lạnh và bảo dưỡng

Quy trình lắp đặt kho lạnh công nghiệp

2 Tháng Tư, 2018
Mẫu ốp trần gỗ pơ mu đẹp đẳng cấp

Mẫu ốp trần gỗ pơ mu đẹp đẳng cấp

25 Tháng Năm, 2017

Recent News

Kho lạnh hoàn thiện trong quá trình sử dụng

Quy trình lắp đặt kho lạnh

8 Tháng Sáu, 2021
Cửa xuất kho lạnh

Cấu tạo kho lạnh công nghiệp

6 Tháng Tư, 2018
Sửa chữa kho lạnh và bảo dưỡng

Quy trình lắp đặt kho lạnh công nghiệp

2 Tháng Tư, 2018
Mẫu ốp trần gỗ pơ mu đẹp đẳng cấp

Mẫu ốp trần gỗ pơ mu đẹp đẳng cấp

25 Tháng Năm, 2017

Về chúng tôi

Kho lạnh miền Bắc

CTCP Công nghệ Vtech Việt Nam


Chuyên cung cáp, lắp đặt, sửa chữa: Kho lạnh, máy đá viên, tủ bia sệt, block máy lạnh, hệ thống máy lạnh công nghiệp và dân dụng ...

Thông tin liên hệ

Email: lexuanthanh1102@gmail.com

Địa chỉ: Số 8 ngõ 521/190/17 Trương Định - Hoàng Mai - HN

VPGD: Số 152 ngõ 1277 Giải Phóng - Hoàng Mai - HN

Điện thoại: 0972 842 176

Hotline: 0912 769 629

Kho lạnh miền bắc

No Result
View All Result
  • Trang chủ
  • Giới thiệu
  • Sản phẩm
    • Kho lạnh Vacxin
    • Kho lạnh thủy, hải sản
    • Kho lạnh nông sản
    • Kho lạnh kem, sữa chua
    • Kho lạnh đá viên
    • Kho lạnh thực phẩm
    • Kho lạnh cấp đông
    • Kho lạnh mô hình
  • Dịch vụ
    • Tư vấn thiết kế thi công kho lạnh
    • Lắp đặt kho lạnh
    • Sửa chữa kho lạnh
    • Bảo dưỡng kho lạnh
    • Cho thuê kho lạnh
  • Dự án kho lạnh
  • Tin tức
  • Liên hệ

© 2021 Copyright

Welcome Back!

Login to your account below

Forgotten Password?

Create New Account!

Fill the forms below to register

All fields are required. Log In

Retrieve your password

Please enter your username or email address to reset your password.

Log In