Thiết kế trang website đơn giản bằng html, bạn muốn thiết kế website đơn giản đây là một bước đầu để bạn có thể thực hiện chúng.
Một tài liệu HTML cơ bản có cấu trúc như sau:
<HTML>
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<TITLE>Tiêu đề bài giới thiệu</TITLE>
</HEAD>
<BODY>
<h1>Giới thiệu công ty</h1>
<p>Đoạn văn bản chứa nội dung bài viết</p>
<p>Đoạn văn bản chứa nội dung bài viết 2</p>
</BODY>
</HTML>
Môt cặp thẻ trong html được nghĩa như sau:
<tên thể>Nội dung</tên thẻ>, ngoài ra cũng có một
số thẻ được định nghĩa khác ví dụ như thẻ meta <meta nội dung thẻ
/>, <br />
Trong ví dụ trên có nhứng cặp thẻ sau:
HTML: là cặp thẻ được sử dụng để xác nhận một tài liệu là tài liệu HTML.
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />: xác định tài liệu được định dạng theo chuẩn utf-8.
HEAD: được dùng để xác định phần mở đầu cho tài liệu.
TITLE: Cặp thẻ này chỉ có thể sử dụng trong phần mở đầu của tài liệu, nó phải nằm trong thẻ HEAD.
BODY : Thẻ này được sử dụng để xác định phần nội dung chính của bài viết.
H1: Thẻ định dạng đề mục, thường người lập trình sẽ đặt tiêu đề vào cặp thẻ định dạng này.
P: Được sử dụng để định dạng một đoạn văn bản.
BR: Thẻ này không có thẻ kết thúc tương ứng (</BR>), nó có tác dụng chuyển sang dòng mới.
B: Được sử dụng để định dạng một đoạn văn bản được in đậm.
i: Được sử dụng để định dạng một đoạn văn bản được in nghiêng.
u: Được sử dụng để định dạng một đoạn văn bản được nghạch dưới.
UL, LI: Cặp thể kết hợp dùng để định dạng danh sách thông thường:
<UL>
<li> Mục thứ nhất </li>
<li> Mục thứ hai </li>
</UL>
Trong bài này ta chỉ tìm hiểu một số thẻ cơ bản như trên, bài sau sẽ tìm hiểu cách định dạng bài viết cho đẹp mắt.
Được rồi, bây giờ mình sẽ thiết kế một trang web giới thiệu công ty thiết kế website bán hàng thành bằng những gì mình đã trình bày ở trên. bạn mở chương trình notepad và nhập vào đoạn html sau:
<HTML>
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<TITLE>Thiết kế website - Design A website</TITLE>
</HEAD>
<BODY>
<h1>Thiet ke website, cach thiet ke website</h1>
<div>Viết vào đây</div>
<ul>
<li>muc 1</li>
<li>muc 2</li>
</ul>
<br />
<br />
</BODY>
</HTML>
Lưu lại với tên bất kỳ rồi mở bằng trình duyệt.
Không có nhận xét nào:
Đăng nhận xét