Nhờ xem giúp cấu trúc HTML

#1

Chào các anh !
Em có đoạn Code này nhờ các anh xem giúp em có đúng với cấu trúc và đạt chưa ạ ?

<div class="list">
    <h3>Hoa thủy tiên</h3>
    <img src="images/ThuyTien_01.jpg" alt="" />
    <div class="list-1">
        <p>Những bát thủy tiên đẹp chưng trong nhà ngày Tết vốn là thú vui tao nhã, thanh lịch, hào hoa của người Hà Nội xưa.</p>
    </div>
    <div class="price">
        <p class="price-1">Giá bán:</p>
        <p class="value">120.000 VNĐ</p>
    </div>
</div>
#2

Look good to me, nhưng mà Đạt không làm Web, chờ người khác nhận xét tiếp.

#3

anh thấy em code html như vậy tốt rồi.
đưa thêm code của css lên.
mà em cảm thấy mình thiếu cái gì ?

#4

Chắc bạn ấy sợ có đẹp hay không :smile:

#5

Dạ tại em css nó thấy không ổn trong đề bài em làm nên em lỡ xóa mất rồi :D. Để em làm lại rồi gửi lên nhờ anh xem giúp em ạ.

#6

Muốn có đánh giá thì phải có tiêu chuẩn, không có tiêu chuẩn sao đánh giá???

Còn muốn chung chung thì vô đây kiểm tra: https://validator.w3.org/

4 Likes
#7

Haha, mới check thử thấy 1 error, 5 warnings

#8

Anh Đạt cho em hỏi làm sao đưa một đoạn Code lên diễn đàn được ạ, em thử mãi chưa được ạ :frowning:

#9


#11

Em có đoạn code này mong anh xem giúp em ạ.

<html>
	<head>
		<title>BAI KIEM TRA</title>
		<meta charset="utf-8" />
		<link href="css/style.css" type="text/css" rel="stylesheet" />
		<link href="css/reset.css" type="text/css" rel="stylesheet" />
	</head>
	<body>
		<div class="wrapper">
			<h2>TIN TỨC</h2>
			<ul>
				<li>
					<div class="list-left">
						<h3>Trung Quốc điều thêm 17 tàu đến khu vực giàn khoan</h3>
						<img class="img" src="images/h1.jpg" alt="" />
							<p>Để bảo vệ giàn khoan, Trung Quốc đã điều thêm 17 tàu các loại so với hôm trước,
							sẵn sàng đâm va vào tàu Việt Nam.</p>
					</div>
				</li>
				<li>
					<div class="list-right">
						<h3>Trọng tài - vết đen của kỳ World Cup sôi động </h3>
						<img class="img" src="images/h2.jpg" alt="" />
							<p>World Cup 2014 chưa đi hết lượt đầu vòng bảng nhưng các trọng tài
							đẳng cấp FIFA đã có tới bốn trận bị chỉ trích dữ dội.</p>
					</div>
					<div class="clr"></div>
				</li>
				<li>
					<div class="list-left-1">
						<h3>Những mỹ nhân Việt duyên dáng ở tuổi tứ tuần</h3>
						<img class="img" src="images/h4.jpg" alt="" />
							<p>Để bảo vệ giàn khoan, Trung Quốc đã điều thêm 17 tàu các loại so với hôm trước,
							sẵn sàng đâm va vào tàu Việt Nam.</p>
					</div>
				</li>
				<li>
					<div class="list-right-1">
						<h3>Chuyển nhượng 17/06: Arsenal mau Balotelli, tráo hàng Man Utd</h3>
						<img class="img" src="images/h5.jpg" alt="" />
							<p>Đội bóng thành London đang đẩy mạnh việc tuyển lựa những vị trí còn yếu trong đội hình ở cả ba tuyến.</p>
					</div>
				</li>
			</ul>
		</div>
	</body>
</html>
#12

Và đây là css của đoạn trên ạ.

.wrapper{
	margin: 10px 0px 0px 10px;
}
.wrapper h2{
	font-family: verdana;
	font-size: 24px;
	color: #d8141d;
	font-weight: normal;
}
.list-left{
	float: left;
	border-bottom: 1px dotted #837d7d;
	width: 322px;
	height: 145px;
	padding-bottom: 40px;
}
.list-left-1{
	float: left;
	width: 322px;
	height: 145px;
	padding-top: 10px;

}
.list-right{
	float: left;
	border-bottom: 1px dotted #837d7d;
	width: 322px;
	height: 145px;
	padding-bottom: 40px;
	margin-left: 50px;
}
.list-right-1{
	float: left;
	width: 322px;
	height: 145px;
	padding-top: 10px;
	margin-left: 50px;
}
.img{
	float: left;
	border: 1px solid white;
	width: 122px;
	height: 79px;
	padding-right: 5px;
}
.list-left p{
	border: 1px solid white;
	font-family: tahoma;
	font-size: 14px;
	line-height: 20px;
}
.list-left-1 p{
	border: 1px solid white;
	font-family: tahoma;
	font-size: 14px;
	line-height: 20px;
}
.list-right p{
	border: 1px solid white;
	font-family: tahoma;
	font-size: 14px;
	line-height: 20px;
}
.list-right-1 p{
	border: 1px solid white;
	font-family: tahoma;
	font-size: 14px;
	line-height: 20px;
}
.list-left h3{
	color: #970000;
	font-size: 17px;
	padding-top: 30px;
	padding-bottom: 5px;
}
.list-left-1 h3{
	color: #970000;
	font-size: 17px;
	padding-bottom: 5px;
}
.list-right h3{
	color: #970000;
	font-size: 17px;
	padding-top: 30px;
	padding-bottom: 5px;
}
.list-right-1 h3{
	color: #970000;
	font-size: 17px;
	padding-bottom: 5px;
}
.clr{
	clear: both;
}
#13

chỗ này sai nè.
sao em để css reset ở dưới style.
để như vậy mấy định nghĩ của style không áp vô rồi được.
vì nó bị css của reset áp vô sau cùng.
em coi lại thứ tự load css nha.

mà em vướng mắc vụ gì vậy. Đưa code lên mà không hỏi bị vướng cái gì, thì làm sao mọi người trả lời được.

1 Like
#14

Em mới học nên chưa biết đúng sai thế nào :(, nên nhờ các anh xem giúp ạ.

#15

Mỗi người có phong cách khác nhau, làm sao nói đúng hay là sai được, việc đặt các thẻ như thế nào cũng phải tùy vào mục đích nữa

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