giúp đỡ cách gộp bảng trên html-web

#1

bây giờ e muốn tạo 1 bảng gồm 3 hàng 2 cột
chính xác là sau khi tạo
hàng 1 gồm 2 ô, 1 ô kích thước là 1 ô bên cạnh = 3 lần ô kia
hàng 2 gồm 2 ô, có kích thức bằng nhau bằng = 2 lần ô thứ nhất
hàng 3 giống hàng 1. nhưng e tạo thì nó k ra đc chỉ như thế này thôi.

Pasted image1366×768 82.8 KB

chính xác là e muốn nó giống 3 hàng to ở dưới
Pasted image1366×768 81.6 KB

#2

Bạn dùng thuộc tính colspan của td thì phải quy định trước đã.
Bạn thêm dòng này vào trong bảng thì sẽ ra đúng:

<thead>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</thead>

#3

mình thêm cái đó thì nó giống trong ảnh thứ 2 của mình mà :frowning: nếu vậy thì có cách nào ẩn cái hàng đầu tiên hoặc cho nó màu trắng đc không bạn

#4

em có thể đưa code của em lên đây không

#5

dùng td và r cũng dc. nhưng bạn thêm vào lớp class hoặc id để qua css mà chỉnh sửa.
có thể dùng colspan và cũng cho nó 1 lớp và cài. hơi thủ công .

#6

Có thể tạo bảng gồm 4 cột và 3 hàng… rồi gộp lại… như thế là theo tỉ lệ bạn muốn

#7 
<html>
	<head><title>Giới thiệu khách sạn tại Hà Nội</title></head>
<body>
	<p align="center">
		<b>
			<font size="5" color="red">Giới thiệu khách sạn tại Hà Nội</font>
		</b>
	</p>
	<table width="800px" align = "center" bordercolor = "black" border = "1" cellspacing = "0px">
		
			<tr>
				<td></td>
				<td></td>
				<td></td>
				<td></td>
			</tr>
		
		<tr height="150px">
			<td>
			</td>
			<td colspan="3">
			</td>
		</tr>
		<tr height="150px">
			<td colspan="2">
			</td>
			<td colspan="2">
			</td>
		</tr>
		<tr height="150px">
			<td>
			</td>
			<td colspan="3">
			</td>
		</tr>
		
	</table>
</body>
</html>

Pasted image1366×768 60.3 KB

#8

mình mới học nên còn chưa biết nhiều, trong khi môn này cô giáo của m thì bắt tự học không dạy những thứ như các (text,button,table) mà bắt tự tìm hiểu.

#9

Mấy cái này tự tìm hiêu cũng dc mà bạn.
Như mình nói ơ trên, bạn có thê làm thử nhé.
“ùng td và r cũng dc. nhưng bạn thêm vào lớp class hoặc id để qua css mà chỉnh sửa.
có thể dùng colspan và cũng cho nó 1 lớp và cài. hơi thủ công .”
Mình có thê căn chinh lề và chỉnh thông qua css cũng dc. thử nào.

#10

tks b mới tập tành thôi bạn. lên mạng tìm rồi học :smiley:

#11

b nói rõ hơn đc không. m chưa học css cũng k rõ r, class, id dùng ntn cả

#12

em cứa xem 1 hàng là 1 table riêng.

#13

e cũng thử cách đó rồi như vậy nó sẽ có 2 đường kẻ ở giữa các bảng.

#14

Em làm chưa tới rồi.
Anh demo 1 đoạn. Còn lại em làm tiếp nhé. Chứa mà làm hết thì em không có động lực gì cả.

<table style="width:100%" >
    <tr>
        <td width="100%">
            <table style="width:100%" border="1" height="50px">
                <tr>
                    <td width="20%"></td>
                    <td width="80%"></td>
                </tr>
            </table>                
        </td>        
    </tr></table>
3 Likes
#15

id tức là 1 tên cho trường đang xét. bạn tạo một file trangchu.css trong app và sau đó sẽ căn chỉnh theo id đã đặt theo cú pháp.
cái này rất hữu dụng nếu nhiều bảng.
bạn có thể tự đọc trên mạng, hoặc php.net cho nhanh.

1 Like
#16

Đã làm đc rồi

Pasted image1366×768 70.9 KB 

<html>
	<head><title>Giới thiệu khách sạn tại Hà Nội</title></head>
<body>
	<p align="center">
		<b>
			<font size="5" color="red">Giới thiệu khách sạn tại Hà Nội</font>
		</b>
	</p>
	<table width="800px" align = "center" bordercolor = "black" border = "1" cellspacing = "0px">
	</tr>
		<tr height="150px">
			<td width=20%>
			</td>
			<td colspan=4>
			</td>
		</tr>
		<tr height="150px">
			<td colspan=2>
			</td>
			<td width=50%>
			</td>
		</tr>
		<tr height="150px">
			<td>
			</td>
			<td colspan=4>
			</td>
		</tr>
	</table>
</body>
</html>

Code nếu ai tham khảo cách làm thôi ợ

83% thành viên diễn đàn không hỏi bài tập, còn bạn thì sao?