Thiết kế website là công việc đòi hỏi khả năng tư duy sáng tạo cao, người thiết kế website cần tỉ mỷ trong từng chi tiết nhằm đem đến cho khách hàng những website độc đáo nhất.  Thiết kế website có rất nhiều mã nguồn. thiet ke web gia re ha noi xin chia sẻ kinh nghiệm thiết kế website bằng ngôn ngữ HTML

Hướng dẫn thiết kế website bằng HTML
Hướng dẫn thiết kế website bằng HTML

Bài 1: thiết kế trang web đơn giản bằng html

Thiết kế website đơn giản bằng ngôn ngữ lập trình HTML một cách nhanh chóng. Nên sử dụng notepad để có thể hiểu và vận dụng hiệu quả ngôn ngữ lập trình
Một trong website được thiết kế bởi HTML có cấu trúc đơn giản như sau:

<HTML>
<HEAD>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<TITLE>Tên của tiêu đề bài viết</TITLE>
</HEAD>
<BODY>
<h1>tên của thẻ h1, trung với tiêu đề bài viết</h1>
<p>Mô tả nội dung khái quát về bài viết</p>
<p>Đoạn văn bản chứa nội dung chi tiết về bài viết</p>
</BODY>
</HTML>

Hướng dẫn thiết kế website bằng HTML
Hướng dẫn thiết kế website bằng HTML

Toàn bộ nội dung của trang web nằm trong cặp thẻ <HTML>…</HTML>

Xem thêm

Trong thẻ Head: chứa tiêu đề của bài viết, là phần mở đầu của tài liệu. Tiêu đề là phần quan trọng và nổi bật nhất đối với 1 bài viết trên trang web. Thông qua tiêu đề khách hàng có thể dễ dàng nhận diện nội dung bài viết có phù hợp với nhu cầu tìm kiếm của họ không

<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />: là cặp thẻ giúp xác định tài liệu
được định dạng theo chuẩn utf-8.

Tiếp xuống phần thân trang nằm trong cặp thẻ <BODY>…</BODY> : Trong phần này sẽ chứa các thẻ h1 và thẻ p. Thông tin trong thẻ h1 là duy nhất và nên trùng với thẻ tiêu đề. Điều này không những tốt cho seo mà cũng tốt cho người dùng trong quá trình tìm hiểu thông tin

Thẻ mô tả <p> bào gồm nội dung đoạn văn miêu tả khái quát về bài viết . Trong đoạn văn này nên chứa thẻ h1 sẽ giúp nổi bật ý nghĩa của bài. Đối với phần mô tả chi tiết trong thẻ p tiếp theo, từ khóa trong thẻ h1 nên dàn trải khắp bài giúp cho người đọc và google nhận diện được bài viết của bạn đang nói về vấn đề gì.

Hướng dẫn thiết kế website bằng HTML
Hướng dẫn thiết kế website bằng HTML

Ngoài ra trong cặp thẻ mô tả văn bản p, bạn có thể sử dụng kết hợp với những cặp thẻ khách để làm nổi bật hoặc nhấn mạnh những từ quan trọng như:

<BR> : Có tác dụng chuyển sang dòng mới. Thẻ này không có thẻ kết thúc

B: Nhấn mạnh văn bản bằng cách in đậm

U: Nhấn mạnh văn bản bằng cách gạch chân

I: Nhấn mạnh văn bản bằng cách in nghiêng

UL, LI: 2 cặp thẻ này kết với với nhau để nhấn mạnh, định dạng các mục thông thường.

Ví dụ:
<UL>
<li> Mục 1: thiết kế website giá rẻ </li>
<li> Mục 2: thiết kế website chuẩn seo </li>

<li> Mục 3: thiết kế website chuyên nghiệp </li>

<li> Mục 4…. </li>
</UL>

Sau đây là ví dụ cụ thể để thiết kế website của công ty thiết kế web TIT Việt Nam

Hướng dẫn thiết kế website bằng HTML
Hướng dẫn thiết kế website bằng HTML

Định dạng các thẻ trong cặp HTML như sau;

<HTML>
<HEAD>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<TITLE>Thiết kế web chuyên nghiệp hà nội</TITLE>
</HEAD>
<BODY>
<h1>Thiết kế web chuyên nghiệp hà nội</h1>
<p>Công ty TNHH TIT Việt Nam là một trong những đơn vị thiết kế website chuyên nghiệp tại Hà Nội. Chúng tôi với đội ngũ nhân viên có trình độ kinh nghiệm nhiều năm trong lĩnh vực thiết kế website và đã mang lại nhiều thành công cho khách hàng ở những dự án lớn. Đến với chúng tôi bạn sẽ nhận được những sản phẩm dịch vụ tốt nhất và làm bạn hài lòng nhất.</p>
<p> chúng tôi thiết kế website chuyên nghiêp theo công nghệ hiện đại, giúp cho website của khách hàng luôn bắt kịp với xu hướng của thời đại. Ngoài thiết kế website ra chúng tôi còn tích hợp cả dịch vụ SEO, dịch vụ PR, quảng cáo giúp cho website của khách hành nhanh chóng đạt thứ hạng cao trong bộ máy tìm kiếm của google…..</p>
<b>Lý do bạn nên chọn dịch vụ thiết kế website của TIT Việt Nam </b>
<ul>
<li> Thiết kế web chuẩn seo </li>
<li> Thiết kế web chuyên nghiệp </li> 
<li><b><i> ưu đãi đặc biệt đối với khách hàng thường xuyên sử dụng dịch vụ của chúng tôi </i></b></li>
<li> Tặng 50% chi phí sử dụng dịch vụ hosting khi thiết kế website trọn gói </li>
<li> Bảo hành web vô thời hạn </li>
</li>
<br />
<br />
<b><i> Chúng tôi luôn đồng hành cùng khách hàng trên con đường kinh doanh online và sẵn sàng phục vụ khách hàng khi có nhu cầu </i></b>
</BODY>
</HTML>