30/09/2018, 19:11

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

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.

chính xác là e muốn nó giống 3 hàng to ở dưới

Dung Nguyen viết 21:21 ngày 30/09/2018

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>

Đỗ Văn Chanh viết 21:18 ngày 30/09/2018

mình thêm cái đó thì nó giống trong ảnh thứ 2 của mình mà 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

vũ xuân quân viết 21:12 ngày 30/09/2018

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

Nguyễn Ngọc Tân viết 21:20 ngày 30/09/2018

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 .

Hồ Văn Sự viết 21:25 ngày 30/09/2018

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

Đỗ Văn Chanh viết 21:13 ngày 30/09/2018

<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>

Đỗ Văn Chanh viết 21:21 ngày 30/09/2018

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.

Nguyễn Ngọc Tân viết 21:26 ngày 30/09/2018

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.

Đỗ Văn Chanh viết 21:24 ngày 30/09/2018

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

Đỗ Văn Chanh viết 21:27 ngày 30/09/2018

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ả

vũ xuân quân viết 21:24 ngày 30/09/2018

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

Đỗ Văn Chanh viết 21:17 ngày 30/09/2018

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

vũ xuân quân viết 21:22 ngày 30/09/2018

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>

Nguyễn Ngọc Tân viết 21:27 ngày 30/09/2018

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.

Đỗ Văn Chanh viết 21:19 ngày 30/09/2018

Đã làm đc rồi

<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 ợ

Bình luận về bài viết này

Chia sẻ tin đăng đến bạn bè

Gửi Messenger

Bài liên quan

Đỗ Văn Chanh

0 chủ đề

0 bài viết

Tác giả nổi bật