Thiết kế Website đơn giản với HTML

Chỉ mục bài viết
Thiết kế Website đơn giản với HTML
Bài 2
Bài 3
Bài 4
Bài 5
Bài tiếp theo
Tất cả các trang

JPAGE_CURRENT_OF_TOTAL

Thiết kế website giá rẻ chất lượng không rẻ - Gọi: 08.2203.2203 - 0938.018.218 : Nhiều gói linh động để khách hàng lựa chọn ✔ Thiết kế giao diện chuyên nghiệp ✔ Giá rẻ nhất.

Ngày nay đi đâu hay ngồi đâu các bạn cũng bất chợt nghe nói nhiều đến cụm từ Website, có bao giờ bạn suy nghỉ chính bạn sẻ tạo ra cho riêng ban một Website.
Bạn đang lo lắng không biết bắt đầu tư đâu và làm như thế nào? Vậy thì bạn hãy yên tâm Webgiare.net xin giới thiệu đến các bạn các thiết kế website đơn giản bằng HTML.

Bài 1: CẤU TRÚC CƠ BẢN CỦA MỘT FILE HTML

Một tài liệu HTML cơ bản cần có cấu trúc như sau:

<HTML>
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<TITLE></TITLE>
</HEAD>
<BODY>
<h1></h1>


</BODY>
</HTML>

Môt cặp thẻ trong file 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ẻ />, 
<tên thẻ> là dấu hiệu bắt đầu của một thẻ
</tên thẻ> là dấu hiệu kết thúc một thẻ

Trong cấu trúc trên có nhứng cặp thẻ sau:

<HTML>
Là cặp thẻ được sử dụng để xác nhận đó là một file HTML.
</HTML>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
Xác định file được định dạng theo chuẩn utf-8

<HEAD>
Được dùng để xác định phần mở đầu cho file
</HEAD>

<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, thể hiện tiêu đề của trang HTML này khi được chạy trên Internet hoặc Localhost.
</TITLE>

<BODY>
Thẻ này được sử dụng để xác định phần nội dung chính của bài viết thể hiện trên file này
</BODY>

<h1>
Thẻ định dạng đề mục, thường người lập trình sẽ đặt tiêu đề bài viết vào cặp thẻ định dạng này.
</h1>


Được sử dụng để định dạng một đoạn văn bản.


 là thể không có mở đầu và kết thúc thẻ, thẻ này xuất hiện ở đâu thì phần nội dung dưới đó sẻ sang dòng mới.


Được sử dụng để định dạng một đoạn văn bản được in đậm.


Được sử dụng để định dạng một đoạn văn bản được in nghiêng.


Được sử dụng để định dạng một đoạn văn bản được nghạch dưới.


<UL> Cặp thể kết hợp dùng để định dạng danh sách thông thường:
<li> Mục thứ nhất </li>Cặp thể kết hợp dùng để định dạng danh sách thông thường:
<li> Mục thứ hai </li>Cặp thể kết hợp dùng để định dạng danh sách thông thường:
</UL>Cặp thể kết hợp dùng để định dạng danh sách thông thường:

Trong bài 1 này các bạn chỉ làm quen với các thẻ cơ bản thông dụng như trên, các bài tiếp theo Webgiare.net sẻ giới thiệu nhiều hơn tác tính năng làm đẹp cho website.

Bây giờ chúng ta sẻ thử làm một trang HTML đơn giản về cty nhé.

<HTML>
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<TITLE>Thiết kế website | Thiet ke website | Thiết kế web | Thiet ke web - Webgiare.net</TITLE>
</HEAD>
<BODY>
<h1>Giới thiệu về Webgiare.net</h1>
Webgiare.net 
Webgiare.net
Các ưu điểm trong sản phẩm - dịch vụ của Chúng tôi:
<ul>
<li>Thiết kế website</li>
<li>Quý khách không hài lòng chúng tôi không thu phí.</li>
<li>Khuyến mãi 10% đối với Quý Khách hàng đã có website.</li>
<li>Tặng 1 tên miền Việt Nam</li>
<li>Bảo hành website vô thời hạn.</li>
<li>Luôn có các chính sách chăm sóc Khách hàng sau khi website chạy trên Internet.</li>
<li>Với trang Admin cập nhật dể dàng và thông dụng, mới nhất hiện nay bằng công nghệ Web 2.0</li>
<li>Tinh thần phục vụ tối đa, chất lượng luôn đảm bảo hoàn hảo nhất. </li>
 
 
Webgiare.net chân Thành cảm ơn Quý Khách Hàng đã quan tâm và ủng hộ Chúng tôi trong thời gian qua!
</BODY>
</HTML>