30/09/2018, 17:49

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

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>

Mai Anh Dũng viết 19:50 ngày 30/09/2018

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

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

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

Tobias viết 20:05 ngày 30/09/2018

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

MK viết 20:06 ngày 30/09/2018

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

Lập Trình Sư viết 19:53 ngày 30/09/2018

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/

Mai Anh Dũng viết 19:55 ngày 30/09/2018

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

MK viết 20:02 ngày 30/09/2018

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 ạ

Mai Anh Dũng viết 20:01 ngày 30/09/2018

Làm sao để có thể hiển thị syntax highlighting bằng markdown? Các bạn phải đánh dấu ``` như ví dụ dưới đây Chú ý, dấu ``` được tạo ra bởi nút nằm bên trái số 1 trên bàn phím, nút này sẽ là ~ khi bấm giữ Shift Ví dụ cho C Nội dung: ``` void main() { } ``` Và đừng quên ``` ở cuối Kết quả void main() { } Ví dụ cho Pascal Nội dung: ``` Program HelloWorld; Begin WriteLn('Hello world!') {no ";" is required after the last statement of a block - adding one adds a "null stateme…

Lời mở đầu Do quá trình sử dụng daynhauhoc nếu bạn đồng thời dùng markdown trong bài post sẽ giúp bài viết sáng ý và được chú ý hơn. Cũng sẵn tiện là mình test markdown trong diễn đàn nên mình viết một bài viết về các cú pháp markdown trong diễn dàn và cách sử dụng chúng. Markdown là gì? Markdown is a lightweight markup language with plain text formatting syntax designed so that it can be converted to HTML and many other formats using a tool by the same name.[5][6] Markdown is often used to…

MK viết 19:59 ngày 30/09/2018

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>

MK viết 20:03 ngày 30/09/2018

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

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

<link href=“css/style.css” type=“text/css” rel=“stylesheet” />
<link href=“css/reset.css” type=“text/css” rel=“stylesheet” />

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.

MK viết 20:04 ngày 30/09/2018

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

viết 20:00 ngày 30/09/2018

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

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

0 chủ đề

0 bài viết

Tác giả nổi bật