Th 10
20
Bài 1: thiết kế trang web đơn giản bằng html |  |  |  |
Bạn có thể dùng một phần mềm thiết kế web nào đó để tạo một trang web nhanh chóng nhưng để hiểu và vận dụng hiệu quả tôi khuyên bạn nên bắt đầu notepad.
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>
<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>
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ế web Vạn An 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>Công ty Thiết kế web Vạn An Thành</h1>
<p>Aweb.vn Chúng tôi sinh ra là để thiết kế website. Với phương thức kinh doanh “ Tận tụy với Khách Hàng, Tận tâm với công việc” là yếu tố quan trọng nhất được Aweb đặt làm phương thức kinh doanh, là nền tảng vững chắc để phát triển cao hơn, xa hơn và trên toàn Thế giới.</p>
<p>Cùng với một đội ngũ kỹ thuật viên trẻ đầy nhiệt huyết, thông thạo lập trình luôn tìm tòi học hỏi nỗ lực không ngừng và sự góp phần của các chuyên gia dày dặn kinh nghiệm trong lĩnh vực CNTT đã phát triển tạo ra một công nghệ CMS NVA hoàn thiện đạt hiệu quả tối đa nhất để đảm bảo độ bảo mật của website đạt tiêu chuẩn Quốc tế, tính bản quyền tuyệt đối, tương thích với mọi trình duyệt, thân thiện với các công cụ tìm kiếm, không hạn chế các tính năng, mở rộng dễ dàng, chiếm dụng ít tài nguyên, tốc độ tải trang rất nhanh…Hội đủ các yếu tố để tạo nên một website chuẩn tuyệt đối.</p>
<b>Các ưu điểm trong sản phẩm - dịch vụ của Chúng tôi:</b>
<ul>
<li>Thiết kế website đúng chuẩn.</li>
<li>Quý Khách không mất một đồng chi phí nào nếu chưa hài lòng về sản phẩm, dịch vụ của Aweb.</li>
<li><b><i>Khuyến mãi 10% đối với Quý Khách hàng đã có website.</i></b></li>
<li>Tặng 1 tên miền quốc tế.</li>
<li>Bảo hành website vô thời hạn.</li>
<li>Luôn có các chính sách hỗ trợ Khách hàng sau khi website online( <b>Tặng 1 tháng sử dụng dịch vụ chăm sóc web; Tư vấn, hỗ trợ quảng bá web trong suốt thời gian website online; Ưu đãi và tư vấn nhiệt tình khi Quý Khách có nhu cầu mở rộng website;…</b>)</li>
<li>Quản trị trang web dễ dàng, đơn giản bằng nhiều thứ tiếng theo yêu cầu của mỗi Quý Khách Hàng. </li>
<li>Tập trung tối đa, tận tình, tâm huyết vào mỗi sản phẩm của từng Khách hàng. </li>
<br />
<br />
<b><i>Công ty thiết kế website Vạn Thành An 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!</i></b>
</BODY>
</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>Công ty Thiết kế web Vạn An Thành</h1>
<p>Aweb.vn Chúng tôi sinh ra là để thiết kế website. Với phương thức kinh doanh “ Tận tụy với Khách Hàng, Tận tâm với công việc” là yếu tố quan trọng nhất được Aweb đặt làm phương thức kinh doanh, là nền tảng vững chắc để phát triển cao hơn, xa hơn và trên toàn Thế giới.</p>
<p>Cùng với một đội ngũ kỹ thuật viên trẻ đầy nhiệt huyết, thông thạo lập trình luôn tìm tòi học hỏi nỗ lực không ngừng và sự góp phần của các chuyên gia dày dặn kinh nghiệm trong lĩnh vực CNTT đã phát triển tạo ra một công nghệ CMS NVA hoàn thiện đạt hiệu quả tối đa nhất để đảm bảo độ bảo mật của website đạt tiêu chuẩn Quốc tế, tính bản quyền tuyệt đối, tương thích với mọi trình duyệt, thân thiện với các công cụ tìm kiếm, không hạn chế các tính năng, mở rộng dễ dàng, chiếm dụng ít tài nguyên, tốc độ tải trang rất nhanh…Hội đủ các yếu tố để tạo nên một website chuẩn tuyệt đối.</p>
<b>Các ưu điểm trong sản phẩm - dịch vụ của Chúng tôi:</b>
<ul>
<li>Thiết kế website đúng chuẩn.</li>
<li>Quý Khách không mất một đồng chi phí nào nếu chưa hài lòng về sản phẩm, dịch vụ của Aweb.</li>
<li><b><i>Khuyến mãi 10% đối với Quý Khách hàng đã có website.</i></b></li>
<li>Tặng 1 tên miền quốc tế.</li>
<li>Bảo hành website vô thời hạn.</li>
<li>Luôn có các chính sách hỗ trợ Khách hàng sau khi website online( <b>Tặng 1 tháng sử dụng dịch vụ chăm sóc web; Tư vấn, hỗ trợ quảng bá web trong suốt thời gian website online; Ưu đãi và tư vấn nhiệt tình khi Quý Khách có nhu cầu mở rộng website;…</b>)</li>
<li>Quản trị trang web dễ dàng, đơn giản bằng nhiều thứ tiếng theo yêu cầu của mỗi Quý Khách Hàng. </li>
<li>Tập trung tối đa, tận tình, tâm huyết vào mỗi sản phẩm của từng Khách hàng. </li>
<br />
<br />
<b><i>Công ty thiết kế website Vạn Thành An 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!</i></b>
</BODY>
</HTML>
*************************************
Th 10
20
|
Bài 2: Đinh dạng cho một trang html đơn giản | | | |
Trong bài 1 mình đã trình bày với các bạn cấu trúc trang html đơn giản nhất, bài này mình xin trình bày với các bạn cách định dạng văn bản cho đẹp mắt.
1. Đinh dạng danh sách:Bài một mình đã trình bày cách tạo một danh sách thông thường UL, bài này mình sẽ trình bày với các bạn danh sách thực đơn(Menu) OL.
Với thẻ OL ta có cú pháp sau:
<OL TYPE=1/a/A/i/I>
<LI type= disc/circle/square>Muc thu nhat </li>
<LI>Muc thu hai </li>
<LI>Muc thu ba </li>
</OL>
<OL TYPE=1/a/A/i/I>
<LI type= disc/circle/square>Muc thu nhat </li>
<LI>Muc thu hai </li>
<LI>Muc thu ba </li>
</OL>
Trong đó:UL TYPE =1 Các mục được sắp xếp theo thứ tự 1, 2, 3...
=a Các mục được sắp xếp theo thứ tự a, b, c...
=A Các mục được sắp xếp theo thứ tự A, B, C...
=i Các mục được sắp xếp theo thứ tự i, ii, iii...
=I Các mục được sắp xếp theo thứ tự I, II, III...
LI TYPE = disc Chấm tròn đậm
= circle Vòng tròn
= square Hình vuông
=a Các mục được sắp xếp theo thứ tự a, b, c...
=A Các mục được sắp xếp theo thứ tự A, B, C...
=i Các mục được sắp xếp theo thứ tự i, ii, iii...
=I Các mục được sắp xếp theo thứ tự I, II, III...
LI TYPE = disc Chấm tròn đậm
= circle Vòng tròn
= square Hình vuông
2. Các thẻ định dạng ký tự:Trong bài 1 mình đã trình bày các bạn các thẻ <b>, <i>, <u>. Bài viết này mình sẽ trình bày các thẻ định dạng ký tự sa:
Strong = b : In đậm
EM = I : In nghiêng
S = STRIKE: Chữ bị gạch ngang
BIG: Chữ lớn hơn bình thường
Small: chữ nhỏ hơn bình thường
SUP: Đinh nghĩa chỉ số trên
SUB: Chỉ số dưới
BASEFONT: Định nghĩa kích thước font chữ.
FONT: Kiểu chữ hiển thị.
<CENTER>Chữ được canh giữa</CENTER>
EM = I : In nghiêng
S = STRIKE: Chữ bị gạch ngang
BIG: Chữ lớn hơn bình thường
Small: chữ nhỏ hơn bình thường
SUP: Đinh nghĩa chỉ số trên
SUB: Chỉ số dưới
BASEFONT: Định nghĩa kích thước font chữ.
FONT: Kiểu chữ hiển thị.
<CENTER>Chữ được canh giữa</CENTER>
3. Sử dụng màu sắc trong thiết kế các trang WebMột màu được tổng hợp từ ba thành phần màu chính, đó là: Đỏ (Red), Xanh lá cây (Green), Xanh nước biển (Blue). Trong HTML một giá trị màu có định dạng như sau:
#RRGGBB
#RRGGBB
Bảng màu cơ bản:Đỏ/RED: #FF0000
Đỏ sẫm/DARKRED: #8B0000
Xanh lá cây/GREEN: #00FF00
Xanh nhạt/LIGHTGREEN: #90EE90
Xanh nước biển/BLUE: #0000FF
Vàng/YELLOW: #FFFF00
Vàng nhạt/LIGHTYELLOW: #FFFFE0
Trắng/WHITE: #FFFFFF
Đen/BLACK: #000000
Xám/GRAY: #808080
Nâu/BROWN: #A52A2A
Tím/MAGENTA: #FF00FF
Tím nhạt/VIOLET: #EE82EE
Hồng/PINK: #FFC0CB
Da cam/ORANGE: #FFA500
Màu hải quân/NAVY: #000080
Trong HTML đinh dạng màu sác thường đi kèm với một thẻ khác ví dụ: <font color =” color”>, <body LINK= color> …
Đỏ sẫm/DARKRED: #8B0000
Xanh lá cây/GREEN: #00FF00
Xanh nhạt/LIGHTGREEN: #90EE90
Xanh nước biển/BLUE: #0000FF
Vàng/YELLOW: #FFFF00
Vàng nhạt/LIGHTYELLOW: #FFFFE0
Trắng/WHITE: #FFFFFF
Đen/BLACK: #000000
Xám/GRAY: #808080
Nâu/BROWN: #A52A2A
Tím/MAGENTA: #FF00FF
Tím nhạt/VIOLET: #EE82EE
Hồng/PINK: #FFC0CB
Da cam/ORANGE: #FFA500
Màu hải quân/NAVY: #000080
Trong HTML đinh dạng màu sác thường đi kèm với một thẻ khác ví dụ: <font color =” color”>, <body LINK= color> …
Được rồi bây giờ mình sẽ thực hành: thiết kế trang web báo giá thiết kế web của công ty thiết kế web Vạn An Thành sử dụng các thẻ đã 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>Hướng dẫn thiết kế website bằng html - Báo giá thiết kế web</TITLE>
</HEAD>
<BODY>
<h1>Báo giá thiết kế web</h1>
<strong>TÍNH NĂNG CÁC GÓI THIẾT KẾ WEB:</strong>
<ol type="1">
<li><font color="#3366FF">Gói thiết kế web 1: 250 USD:</font></li>
<ul>
<li type="circle">Trang Chủ( Hiệu ứng flash nhẹ).</li>
<li type="circle">Modul Giới thiệu.</li>
<li type="circle">Modul Sản phẩm đa cấp( Modul tùy biến, không giới hạn phân cấp).</li>
<li type="circle">Modul Dịch vụ_ khuyến mãi.</li>
<li type="circle">Trang liên hệ.</li>
<li type="circle">Hỗ trợ trực tuyến</li>
<li type="circle">Công cụ tìm kiếm.</li>
<li type="circle">Bộ đếm người truy cập.</li>
<li type="circle">Tặng 1 domain quốc tế.</li>
<li type="circle">Tặng 1 tháng cập nhật web miễn phí.</li>
<li type="circle">Tư vấn quảng bá website miễn phí 1 tháng sau khi web online.</li>
</ul>
<li><font color="#3366FF">Gói thiết kế web 2: 495 USD:</font> </li>
<ul>
<li type="circle">Trang chủ( Banner flash)</li>
<li type="circle">Modul Giới thiệu</li>
<li type="circle">Modul Sản phẩm đa cấp: ( Modul tùy biến, không giới hạn phân cấp).</li>
<li type="circle">Modul Sản phẩm tiêu biểu, Sản phẩm mới.</li>
<li type="circle">Modul Giỏ hàng</li>
<li type="circle">Modul Dịch vụ - khuyến mãi.</li>
<li type="circle">Modul Tin tức - Sự kiện</li>
<li type="circle">Modul Banner quảng cáo.</li>
<li type="circle">Modul Liên kết website.</li>
<li type="circle">Trang liên hệ</li>
<li type="circle">Hỗ trợ trực tuyến</li>
<li type="circle">Công cụ tìm kiếm.</li>
<li type="circle">Bộ thống kê tình hình hoạt động website</li>
<li type="circle">Bộ đếm người truy cập.</li>
<li type="circle">Tặng 1 domain quốc tế.</li>
<li type="circle">Tặng 1 tháng cập nhật web miễn phí.</li>
<li type="circle">Tư vấn quảng bá website miễn phí 1 tháng sau khi web online.</li>
</ul>
<li><font color="#3366FF">Gói thiết kế web 3: 895 USD:</font></li>
<ul>
<li type="circle">Bao gồm các tính năng:</li>
<li type="circle">Trang chủ( Banner flash hiệu ứng đẹp, mềm mại)</li>
<li type="circle">Modul Giới thiệu</li>
<li type="circle">Modul Sản phẩm đa cấp: ( Modul tùy biến, không giới hạn phân cấp).</li>
<li type="circle">Modul Sản phẩm tiêu biểu, Sản phẩm mới.</li>
<li type="circle">Modul đếm số lượng sản phẩm.</li>
<li type="circle">Modul Giỏ hàng.</li>
<li type="circle">Modul Dịch vụ_ khuyến mãi</li>
<li type="circle">Modul Tin tức_ Sự kiện</li>
<li type="circle">Hệ thống lấy tin tự động.</li>
<li type="circle">Modul Banner quảng cáo.</li>
<li type="circle">Modul Liên kết website.</li>
<li type="circle">Modul tiện ích (Quý Khách có thể lựa chọn 1 trong nhiều tiện ích: Thư viện ảnh, video clip, hệ thống SMS, Newletter)</li>
<li type="circle">Trang liên hệ</li>
<li type="circle">Bộ bình chọn</li>
<li type="circle">Công cụ tìm kiếm.</li>
<li type="circle">Bộ thống kê tình hình hoạt động website</li>
<li type="circle">Bộ đếm người truy cập.</li>
<li type="circle">Tặng 1 domain quốc tế.</li>
<li type="circle">Tặng 1 tháng cập nhật web miễn phí.</li>
<li type="circle">Tư vấn quảng bá website miễn phí 1 tháng sau khi web online.</li>
<li type="circle">Quảng bá website miễn phí 1 tháng trên các trang web có số lượng người truy cập nhiều, hiệu quả.</li>
</ul>
<li><font color="#3366FF">Thiết kế web theo yêu cầu:</font></li>
</ol>
<br />
<br />
<b><i>Công ty thiết kế website Vạn Thành An 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!</i></b>
</BODY>
</HTML>
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<TITLE>Hướng dẫn thiết kế website bằng html - Báo giá thiết kế web</TITLE>
</HEAD>
<BODY>
<h1>Báo giá thiết kế web</h1>
<strong>TÍNH NĂNG CÁC GÓI THIẾT KẾ WEB:</strong>
<ol type="1">
<li><font color="#3366FF">Gói thiết kế web 1: 250 USD:</font></li>
<ul>
<li type="circle">Trang Chủ( Hiệu ứng flash nhẹ).</li>
<li type="circle">Modul Giới thiệu.</li>
<li type="circle">Modul Sản phẩm đa cấp( Modul tùy biến, không giới hạn phân cấp).</li>
<li type="circle">Modul Dịch vụ_ khuyến mãi.</li>
<li type="circle">Trang liên hệ.</li>
<li type="circle">Hỗ trợ trực tuyến</li>
<li type="circle">Công cụ tìm kiếm.</li>
<li type="circle">Bộ đếm người truy cập.</li>
<li type="circle">Tặng 1 domain quốc tế.</li>
<li type="circle">Tặng 1 tháng cập nhật web miễn phí.</li>
<li type="circle">Tư vấn quảng bá website miễn phí 1 tháng sau khi web online.</li>
</ul>
<li><font color="#3366FF">Gói thiết kế web 2: 495 USD:</font> </li>
<ul>
<li type="circle">Trang chủ( Banner flash)</li>
<li type="circle">Modul Giới thiệu</li>
<li type="circle">Modul Sản phẩm đa cấp: ( Modul tùy biến, không giới hạn phân cấp).</li>
<li type="circle">Modul Sản phẩm tiêu biểu, Sản phẩm mới.</li>
<li type="circle">Modul Giỏ hàng</li>
<li type="circle">Modul Dịch vụ - khuyến mãi.</li>
<li type="circle">Modul Tin tức - Sự kiện</li>
<li type="circle">Modul Banner quảng cáo.</li>
<li type="circle">Modul Liên kết website.</li>
<li type="circle">Trang liên hệ</li>
<li type="circle">Hỗ trợ trực tuyến</li>
<li type="circle">Công cụ tìm kiếm.</li>
<li type="circle">Bộ thống kê tình hình hoạt động website</li>
<li type="circle">Bộ đếm người truy cập.</li>
<li type="circle">Tặng 1 domain quốc tế.</li>
<li type="circle">Tặng 1 tháng cập nhật web miễn phí.</li>
<li type="circle">Tư vấn quảng bá website miễn phí 1 tháng sau khi web online.</li>
</ul>
<li><font color="#3366FF">Gói thiết kế web 3: 895 USD:</font></li>
<ul>
<li type="circle">Bao gồm các tính năng:</li>
<li type="circle">Trang chủ( Banner flash hiệu ứng đẹp, mềm mại)</li>
<li type="circle">Modul Giới thiệu</li>
<li type="circle">Modul Sản phẩm đa cấp: ( Modul tùy biến, không giới hạn phân cấp).</li>
<li type="circle">Modul Sản phẩm tiêu biểu, Sản phẩm mới.</li>
<li type="circle">Modul đếm số lượng sản phẩm.</li>
<li type="circle">Modul Giỏ hàng.</li>
<li type="circle">Modul Dịch vụ_ khuyến mãi</li>
<li type="circle">Modul Tin tức_ Sự kiện</li>
<li type="circle">Hệ thống lấy tin tự động.</li>
<li type="circle">Modul Banner quảng cáo.</li>
<li type="circle">Modul Liên kết website.</li>
<li type="circle">Modul tiện ích (Quý Khách có thể lựa chọn 1 trong nhiều tiện ích: Thư viện ảnh, video clip, hệ thống SMS, Newletter)</li>
<li type="circle">Trang liên hệ</li>
<li type="circle">Bộ bình chọn</li>
<li type="circle">Công cụ tìm kiếm.</li>
<li type="circle">Bộ thống kê tình hình hoạt động website</li>
<li type="circle">Bộ đếm người truy cập.</li>
<li type="circle">Tặng 1 domain quốc tế.</li>
<li type="circle">Tặng 1 tháng cập nhật web miễn phí.</li>
<li type="circle">Tư vấn quảng bá website miễn phí 1 tháng sau khi web online.</li>
<li type="circle">Quảng bá website miễn phí 1 tháng trên các trang web có số lượng người truy cập nhiều, hiệu quả.</li>
</ul>
<li><font color="#3366FF">Thiết kế web theo yêu cầu:</font></li>
</ol>
<br />
<br />
<b><i>Công ty thiết kế website Vạn Thành An 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!</i></b>
</BODY>
</HTML>
Bạn có thể thay đổi các giá trị để trang được đẹp mắt hơn lưu lại với tên bất kỳ rồi mở bằng trình duyệt hoặc xem ví dụ mẫu ở đây
***************
Th 10
20
Bài 3: Tạo liên kết và định dạng liên kết trong thiết kế web bằng html | | | |
Trong các bài trước mình đã trình bày với các bạn về thẻ BODY đơn giản, trong bài này mình sẽ trình bày với các bạn cấu trúc đầy đủ của thẻ BODY trong html:
1. Thẻ body
Cú pháp:<BODY
LINK = color
ALINK = color
VLINK = color
BACKGROUND = url
BGCOLOR = color
TEXT = color
TOPMARGIN = pixels
RIGHTMARGIN = pixels
LEFTMARGIN = pixels
>
.... phần nội dung của tài liệu được đặt ở đây
LINK = color
ALINK = color
VLINK = color
BACKGROUND = url
BGCOLOR = color
TEXT = color
TOPMARGIN = pixels
RIGHTMARGIN = pixels
LEFTMARGIN = pixels
>
.... phần nội dung của tài liệu được đặt ở đây
</BODY>
Đinh nghĩa:
LINK: Chỉ định màu của liên kết
ALINK: Chỉ định màu của liên kết đăng được chọn
VLINK: Chỉ định màu của liên kết đã từng mở
BACKGROUND: Hình ảnh nền của trang web
BGCOLOR: màu nền của trang web
TEXT: màu của chữ trong trang web
SCROLL(yes/no): xác định có hay không có thanh cuôn
TOPMARGIN: Lề bên trên của trang web
RIGHTMARGIN: Lề phải của trang web
LEFTMARGIN: Lề trái của trang web
BOTTOMMARGIN: Lề dưới của trang web
ALINK: Chỉ định màu của liên kết đăng được chọn
VLINK: Chỉ định màu của liên kết đã từng mở
BACKGROUND: Hình ảnh nền của trang web
BGCOLOR: màu nền của trang web
TEXT: màu của chữ trong trang web
SCROLL(yes/no): xác định có hay không có thanh cuôn
TOPMARGIN: Lề bên trên của trang web
RIGHTMARGIN: Lề phải của trang web
LEFTMARGIN: Lề trái của trang web
BOTTOMMARGIN: Lề dưới của trang web
2. Kiểu chữ cho văn bản:
<FONT
FACE = font-name
COLOR = color
SIZE = n >
...
</FONT>
FACE = font-name: chọn font chữ cho văn bản ví dụ như arial, verdera…
COLOR = color: Chọn màu chữ cho văn bản.
SIZE = n: Là kích thước chữ cho văn bản, n=1,2,3,4,5.. hoặc 10px, 12px, 13px, 14px…
Ví dụ:
<font face=”arial” size=”14” color=”EFEFEF”>Công ty thiết kế web Vạn An Thành</Font> kết qủa thu được là: Công ty thiết kế web Vạn An Thành
FACE = font-name
COLOR = color
SIZE = n >
...
</FONT>
FACE = font-name: chọn font chữ cho văn bản ví dụ như arial, verdera…
COLOR = color: Chọn màu chữ cho văn bản.
SIZE = n: Là kích thước chữ cho văn bản, n=1,2,3,4,5.. hoặc 10px, 12px, 13px, 14px…
Ví dụ:
<font face=”arial” size=”14” color=”EFEFEF”>Công ty thiết kế web Vạn An Thành</Font> kết qủa thu được là: Công ty thiết kế web Vạn An Thành
3. Liên kết đến trang web khác
Cú pháp:
<A
HREF = url
NAME = name
TABINDEX = n
TITLE = title
TARGET = _blank / _self
>
Tiêu đề liên kết
</A>
HREF: địa chỉ liên kết tới ví dụ như http://aweb.vn/dich-vu-thiet-ke-web.html
Name: Tên liên kết
TABLEINDEX: Thứ tự di chuyển khi nhấn phím tab.
TITLE: Văn bản hiển thị khi rê chuột lên liên kết
TARGET: Định nghĩa mở trang hiển thị, _blank = trang mới.
<A
HREF = url
NAME = name
TABINDEX = n
TITLE = title
TARGET = _blank / _self
>
Tiêu đề liên kết
</A>
HREF: địa chỉ liên kết tới ví dụ như http://aweb.vn/dich-vu-thiet-ke-web.html
Name: Tên liên kết
TABLEINDEX: Thứ tự di chuyển khi nhấn phím tab.
TITLE: Văn bản hiển thị khi rê chuột lên liên kết
TARGET: Định nghĩa mở trang hiển thị, _blank = trang mới.
Vidụ: <a href="http://" title="thiet ke web">Thiết kế web Vạn An Thành</a> hiển thị: Thiết kế web Vạn An Thành
Okies, bây giờ mình sẽ thực hành thiết kế trang Quảng bá web của công ty Thiết kế web Vạn An Thành. Bạn mở notepad và nhập đoạn html dưới đây.
<HTML>
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<TITLE>Hướng dẫn thiết kế website bằng html - Quảng bá web</TITLE>
</HEAD>
<BODY bgcolor="#006633" text="#FFFFFF">
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<TITLE>Hướng dẫn thiết kế website bằng html - Quảng bá web</TITLE>
</HEAD>
<BODY bgcolor="#006633" text="#FFFFFF">
<h1>Quảng bá web</h1>
<strong>Dịch vụ Quảng bá web - SEO (Search engine optimization – SEO)</strong>: Xây dựng thương hiệu công ty của Quý Khách trên mạng toàn cầu.
<strong>Dịch vụ Quảng bá web - SEO (Search engine optimization – SEO)</strong>: Xây dựng thương hiệu công ty của Quý Khách trên mạng toàn cầu.
<strong>Quá trình 1:</strong>
<ul>
<li type="circle"><b>Quảng bá web - SEO ( Search Engine Optimization):</b> (Tối ưu hóa website dành cho máy tìm kiếm)</li>
<li type="circle">Liên kết URL thân thiện máy tìm kiếm</li>
<li type="circle">Tối ưu hóa kích thước trang Web(Giới hạn kích thước của trang dưới 100kB)</li>
<li type="circle">Cải thiện tốc độ tải trang (trung bình < 1s)</li>
<li type="circle">Khách hàng của <a href="http://aweb.vn/dich-vu-thiet-ke-web.html" title="thiet ke web, thiết kế web" tabindex="1">thiết kế web</a> của công ty <a href="http://aweb.vn/dich-vu-thiet-ke-web.html" title="thiet ke web, thiết kế web" tabindex="2">thiết kế web</a> Vạn An Thành đã được trang bị đầy đủ quá trình 1.</li>
</ul>
<strong>Quá trình 2:</strong>
<ul>
<li type="circle">SEM - Search Engine Marketing: (Quảng bá web rộng rãi tới máy tìm kiếm)</li>
<li type="circle">Tư vấn, chọn lọc những từ khóa hiệu quả nhất liên quan đến lĩnh vực kinh doanh.</li>
<li type="circle">Đăng ký website vào các máy tìm kiếm như Google, Yahoo, MSN, Bing...</li>
<li type="circle">Đăng banner quảng cáo trên các web có nhiều người truy cập để thu hút traffic</li>
<li type="circle">Luôn thay đổi mới nội dung Website</li>
<li type="circle">Đăng ký website vào các danh bạ website, trang vàng.</li>
<li type="circle">Xây dựng liên kết rộng rãi tới website.</li>
<li type="circle">Tư vấn Quý Khách phát triển, đầu tư mạnh mẽ vào nội dung website</li>
</ul>
<p>Chúng tôi phát triển công nghệ <a href="http://aweb.vn/quang-ba-web.html" title="quảng bá web" tabindex="1">Quảng bá web</a> riêng đảm bảo tăng thứ hạng và hiệu quả lên đến 99%.</p>
<p>"Thiết kế website đạt tiêu chuẩn là đã tạo một hạt giống tốt, làm cho hạt giống nẩy mầm, đâm chồi và phát triển là cả một quá trình dài"</p>
<br><br>
<b><i>Xin Chân thành cảm ơn Quý Khách Hàng đã quan tâm!</i></b>
</BODY>
</HTML>
<ul>
<li type="circle"><b>Quảng bá web - SEO ( Search Engine Optimization):</b> (Tối ưu hóa website dành cho máy tìm kiếm)</li>
<li type="circle">Liên kết URL thân thiện máy tìm kiếm</li>
<li type="circle">Tối ưu hóa kích thước trang Web(Giới hạn kích thước của trang dưới 100kB)</li>
<li type="circle">Cải thiện tốc độ tải trang (trung bình < 1s)</li>
<li type="circle">Khách hàng của <a href="http://aweb.vn/dich-vu-thiet-ke-web.html" title="thiet ke web, thiết kế web" tabindex="1">thiết kế web</a> của công ty <a href="http://aweb.vn/dich-vu-thiet-ke-web.html" title="thiet ke web, thiết kế web" tabindex="2">thiết kế web</a> Vạn An Thành đã được trang bị đầy đủ quá trình 1.</li>
</ul>
<strong>Quá trình 2:</strong>
<ul>
<li type="circle">SEM - Search Engine Marketing: (Quảng bá web rộng rãi tới máy tìm kiếm)</li>
<li type="circle">Tư vấn, chọn lọc những từ khóa hiệu quả nhất liên quan đến lĩnh vực kinh doanh.</li>
<li type="circle">Đăng ký website vào các máy tìm kiếm như Google, Yahoo, MSN, Bing...</li>
<li type="circle">Đăng banner quảng cáo trên các web có nhiều người truy cập để thu hút traffic</li>
<li type="circle">Luôn thay đổi mới nội dung Website</li>
<li type="circle">Đăng ký website vào các danh bạ website, trang vàng.</li>
<li type="circle">Xây dựng liên kết rộng rãi tới website.</li>
<li type="circle">Tư vấn Quý Khách phát triển, đầu tư mạnh mẽ vào nội dung website</li>
</ul>
<p>Chúng tôi phát triển công nghệ <a href="http://aweb.vn/quang-ba-web.html" title="quảng bá web" tabindex="1">Quảng bá web</a> riêng đảm bảo tăng thứ hạng và hiệu quả lên đến 99%.</p>
<p>"Thiết kế website đạt tiêu chuẩn là đã tạo một hạt giống tốt, làm cho hạt giống nẩy mầm, đâm chồi và phát triển là cả một quá trình dài"</p>
<br><br>
<b><i>Xin Chân thành cảm ơn Quý Khách Hàng đã quan tâm!</i></b>
</BODY>
</HTML>
Bạn có thể thay đổi các giá trị để trang được đẹp mắt hơn lưu lại với tên bất kỳ rồi mở bằng trình duyệt hoặc xem ví dụ mẫu ở đây
****************
Th 10
20
Bài 4: Chèn âm thanh và hình ảnh vào trang web | | | |
1. Đưa âm thanh vào trang web.
Cú pháp:
<BGSOUND SRC = url LOOP = n>
url: Đường dẫn đến file âm thanh, file âm thanh có đuôi: .mepg, avi, mov, au, mid
n: Số lần chơi lặp lại của file âm thanh, -1 nếu muốn chơi lặp lại vô tận.
2. Đưa hình ảnh vào trang web.
Cú pháp:<IMG
ALIGN = TOP/MIDDLE/BOTTOM
ALT = text
BORDER = n
SRC = url
WIDTH = width
HEIGHT = height
HSPACE = vspace
VSPACE = hspace
TITLE = title
>
Trong đó:ALIGN = TOP/ MIDDLE/ BOTTOM/ LEFT/ RIGHT: Canh hình ảnh so với văn bản.
ALT = text : Chữ sẽ được hiển thị khi hình ảnh không tồn tại hoặc chức năng show hình ảnh bị tắt.
BORDER = n: Kích thước đường viền bao quanh hình ảnh.
SRC = url : Địa chỉ hình ảnh được chèn vào tài liệu.
WIDTH/HEIGHT: Chiều rộng chiều cao của hình ảnh
HSPACE/VSPACE: khỏang trang bao quanh hình ảnh
TITLE = title: Tiêu đề của hình ảnh
Vidu: <img align="left" src="http://timvui.vn/upload_images/f/sun__95087.jpg" width="76" height="85" title="mat cuoi" />
Cú pháp:
<BGSOUND SRC = url LOOP = n>
url: Đường dẫn đến file âm thanh, file âm thanh có đuôi: .mepg, avi, mov, au, mid
n: Số lần chơi lặp lại của file âm thanh, -1 nếu muốn chơi lặp lại vô tận.
2. Đưa hình ảnh vào trang web.
Cú pháp:<IMG
ALIGN = TOP/MIDDLE/BOTTOM
ALT = text
BORDER = n
SRC = url
WIDTH = width
HEIGHT = height
HSPACE = vspace
VSPACE = hspace
TITLE = title
>
Trong đó:ALIGN = TOP/ MIDDLE/ BOTTOM/ LEFT/ RIGHT: Canh hình ảnh so với văn bản.
ALT = text : Chữ sẽ được hiển thị khi hình ảnh không tồn tại hoặc chức năng show hình ảnh bị tắt.
BORDER = n: Kích thước đường viền bao quanh hình ảnh.
SRC = url : Địa chỉ hình ảnh được chèn vào tài liệu.
WIDTH/HEIGHT: Chiều rộng chiều cao của hình ảnh
HSPACE/VSPACE: khỏang trang bao quanh hình ảnh
TITLE = title: Tiêu đề của hình ảnh
Vidu: <img align="left" src="http://timvui.vn/upload_images/f/sun__95087.jpg" width="76" height="85" title="mat cuoi" />
Bây giờ thực hành xây dựng trang giới thiệu công ty thiết kế web Vạn An Thành, có nhạc nền. Bạn copy đọan mã dưới đây vào notepad:
<HTML>
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<TITLE>Hướng dẫn thiết kế website bằng html - Giới thiệu công ty Vạn An Thành</TITLE>
</HEAD>
<BODY bgcolor="#006633" text="#FFFFFF">
<h1>Giới thiệu công ty Vạn An Thành</h1>
<BGSOUND SRC ="http://timvui.vn/upload_music/m/2302.mp3" LOOP = -1>
<p><IMG hspace="2" alt="Giới thiệu awb" align="left" src="/upload_images/images/demo_img.jpg" width="159" height="140">Aweb.vn Chúng tôi sinh ra là để <A title="Thiêt kế web, thiet ke web" href="/dich-vu-thiet-ke-web.html" name="Thiêt kế web, thiet ke web"><STRONG>thiết kế website</STRONG></A>. Với phương thức kinh doanh “ Tận tụy với Khách Hàng, Tận tâm với công việc” là yếu tố quan trọng nhất được <A title="Thiết kế web" href="/" name="Thiết kế web">Aweb</A> đặt làm phương thức kinh doanh, là nền tảng vững chắc để phát triển cao hơn, xa hơn và trên toàn Thế giới.</p>
<p>Cùng với một đội ngũ kỹ thuật viên trẻ đầy nhiệt huyết, thông thạo lập trình luôn tìm tòi học hỏi nỗ lực không ngừng và sự góp phần của các chuyên gia dày dặn kinh nghiệm trong lĩnh vực CNTT đã phát triển tạo ra một công nghệ <A title="Thiết kế web" href="/" name="Thiết kế web">CMS NVA</A> hoàn thiện đạt hiệu quả tối đa nhất để đảm bảo độ bảo mật của website đạt tiêu chuẩn Quốc tế, tính bản quyền tuyệt đối, tương thích với mọi trình duyệt, thân thiện với các công cụ tìm kiếm, không hạn chế các tính năng, mở rộng dễ dàng, chiếm dụng ít tài nguyên, tốc độ tải trang rất nhanh…Hội đủ các yếu tố để tạo nên một <A title="Thiết kế web" href="/" name="Thiết kế web"><STRONG>website chuẩn tuyệt đối</STRONG></A>.</p>
<p><br>
<br>
<b><i>Xin Chân thành cảm ơn Quý Khách Hàng đã quan tâm!</i></b></p>
</BODY>
</HTML>
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<TITLE>Hướng dẫn thiết kế website bằng html - Giới thiệu công ty Vạn An Thành</TITLE>
</HEAD>
<BODY bgcolor="#006633" text="#FFFFFF">
<h1>Giới thiệu công ty Vạn An Thành</h1>
<BGSOUND SRC ="http://timvui.vn/upload_music/m/2302.mp3" LOOP = -1>
<p><IMG hspace="2" alt="Giới thiệu awb" align="left" src="/upload_images/images/demo_img.jpg" width="159" height="140">Aweb.vn Chúng tôi sinh ra là để <A title="Thiêt kế web, thiet ke web" href="/dich-vu-thiet-ke-web.html" name="Thiêt kế web, thiet ke web"><STRONG>thiết kế website</STRONG></A>. Với phương thức kinh doanh “ Tận tụy với Khách Hàng, Tận tâm với công việc” là yếu tố quan trọng nhất được <A title="Thiết kế web" href="/" name="Thiết kế web">Aweb</A> đặt làm phương thức kinh doanh, là nền tảng vững chắc để phát triển cao hơn, xa hơn và trên toàn Thế giới.</p>
<p>Cùng với một đội ngũ kỹ thuật viên trẻ đầy nhiệt huyết, thông thạo lập trình luôn tìm tòi học hỏi nỗ lực không ngừng và sự góp phần của các chuyên gia dày dặn kinh nghiệm trong lĩnh vực CNTT đã phát triển tạo ra một công nghệ <A title="Thiết kế web" href="/" name="Thiết kế web">CMS NVA</A> hoàn thiện đạt hiệu quả tối đa nhất để đảm bảo độ bảo mật của website đạt tiêu chuẩn Quốc tế, tính bản quyền tuyệt đối, tương thích với mọi trình duyệt, thân thiện với các công cụ tìm kiếm, không hạn chế các tính năng, mở rộng dễ dàng, chiếm dụng ít tài nguyên, tốc độ tải trang rất nhanh…Hội đủ các yếu tố để tạo nên một <A title="Thiết kế web" href="/" name="Thiết kế web"><STRONG>website chuẩn tuyệt đối</STRONG></A>.</p>
<p><br>
<br>
<b><i>Xin Chân thành cảm ơn Quý Khách Hàng đã quan tâm!</i></b></p>
</BODY>
</HTML>
**************************
Th 10
20
Bài 5: Tạo bảng biểu cho trang web | | | |
Cú pháp:
<TABLE>
<tr>
<td>Noi dung 1</td>
<td>Noi dung 2</td>
</tr>
<tr>
<td>Noi dung 1.1</td>
<td>Noi dung 2.1</td>
</tr>
</TABLE>
<tr>
<td>Noi dung 1</td>
<td>Noi dung 2</td>
</tr>
<tr>
<td>Noi dung 1.1</td>
<td>Noi dung 2.1</td>
</tr>
</TABLE>
Định dạng:<TABLE
ALIGN = LEFT / CENTER / RIGHT:
BORDER = n
BORDERCOLOR = color
BORDERCOLORDARK = color
BORDERCOLORLIGHT = color
BACKGROUND = url
BGCOLOR = color
CELLSPACING = spacing
CELLPADDING = pading
>
<TD
ALIGN = LEFT / CENTER / RIGHT
VALIGN = TOP / MIDDLE / BOTTOM
BORDERCOLOR = color
BORDERCOLORDARK = color
BORDERCOLORLIGHT = color
BACKBROUND = url
BGCOLOR = color
COLSPAN = n
ROWSPAN = n
>
ALIGN / VALIGN: Canh lề cho bảng và nội dung trong ô.
BORDER: Kích thước đường kẻ chia ô trong bảng.
BORDERCOLOR: Màu đường kẻ
BORDERCOLORDARK/BORDERCOLORLIGHT: Màu tối và sáng của đường kẻ
BACKGROUND: Ảnh nền cho cho bảng.
BGCOLOR: Màu nền cho bảng.
CELLSPACING: Khoảng cách giữa các ô trong bảng
CELLPADDING: Khoảng cách giữa nội dung và đường kẻ.
COLSPAN: Trộn cột
ROWSPAN: Trộn dòng.
ALIGN = LEFT / CENTER / RIGHT:
BORDER = n
BORDERCOLOR = color
BORDERCOLORDARK = color
BORDERCOLORLIGHT = color
BACKGROUND = url
BGCOLOR = color
CELLSPACING = spacing
CELLPADDING = pading
>
<TD
ALIGN = LEFT / CENTER / RIGHT
VALIGN = TOP / MIDDLE / BOTTOM
BORDERCOLOR = color
BORDERCOLORDARK = color
BORDERCOLORLIGHT = color
BACKBROUND = url
BGCOLOR = color
COLSPAN = n
ROWSPAN = n
>
ALIGN / VALIGN: Canh lề cho bảng và nội dung trong ô.
BORDER: Kích thước đường kẻ chia ô trong bảng.
BORDERCOLOR: Màu đường kẻ
BORDERCOLORDARK/BORDERCOLORLIGHT: Màu tối và sáng của đường kẻ
BACKGROUND: Ảnh nền cho cho bảng.
BGCOLOR: Màu nền cho bảng.
CELLSPACING: Khoảng cách giữa các ô trong bảng
CELLPADDING: Khoảng cách giữa nội dung và đường kẻ.
COLSPAN: Trộn cột
ROWSPAN: Trộn dòng.
Để được rõ hơn mình sẽ thiết kế trang Tên miền của công ty Thiết kế web Vạn An Thành. Bạn copy đoạn mã sau vào notepad.
<HTML>
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<TITLE>Hướng dẫn thiết kế website bằng html - Đăng ký tên miền</TITLE>
</HEAD>
<BODY bgcolor="#006633" text="#00000">
<h1>Đăng ký tên miền</h1>
<p><STRONG>Tên miền</STRONG> giống như mặt tiền của doanh nghiệp trên xa lộ thông tin. <STRONG>Tên miền</STRONG> vốn đã được coi là một tài sản giá trị hàng đầu của mỗi doanh nghiệp. Một <STRONG>tên miền</STRONG> tốt, ngắn gọn, dễ nhớ và gắn với thương hiệu, sản phẩm, dịch vụ chiếm 70% hiệu quả hoạt động của website.</p>
<p><STRONG><A title="Kiểm tra tên miền" href="http://aweb.vn/kiem-tra-ten-mien.html" name="Kiểm tra tên miền">Kiểm tra tên miền</A></STRONG></p>
<table cellspacing="0" cellpadding="0">
<TR>
<TD bgColor="#ffffff" height="20" width="180" align="middle"><STRONG>Tên miền</STRONG></TD>
<TD bgColor="#ffffff" width="200" align="middle"><STRONG>Phí cài đặt</STRONG></TD>
<TD bgColor="#ffffff" width="200" align="middle"><STRONG>Chi phí</STRONG></TD>
</TR>
<TR>
<TD bgColor="#f9f9f9" height="16"><STRONG>.com</STRONG></TD>
<TD bgColor="#f9f9f9"><STRONG>miễn phí</STRONG></TD>
<TD bgColor="#f9f9f9"><STRONG>$10/năm</STRONG></TD>
</TR>
<TR>
<TD bgColor="#f9f9f9" height="16"><STRONG>.net</STRONG></TD>
<TD bgColor="#f9f9f9"><STRONG>miễn phí</STRONG></TD>
<TD bgColor="#f9f9f9"><STRONG>$10/năm</STRONG></TD>
</TR>
<TR>
<TD bgColor="#f9f9f9" height="16"><STRONG>.org</STRONG></TD>
<TD bgColor="#f9f9f9" height="16"><STRONG>miễn phí</STRONG></TD>
<TD bgColor="#f9f9f9" height="16"><STRONG>$10/năm</STRONG></TD>
</TR>
<TR>
<TD bgColor="#f9f9f9" height="16"><STRONG>.us</STRONG></TD>
<TD bgColor="#f9f9f9"><STRONG>miễn phí</STRONG></TD>
<TD bgColor="#f9f9f9"><STRONG>$10/năm</STRONG></TD>
</TR>
<TR>
<TD bgColor="#f9f9f9" height="16"><STRONG>.info</STRONG></TD>
<TD bgColor="#f9f9f9"><STRONG>miễn phí</STRONG></TD>
<TD bgColor="#f9f9f9"><STRONG>$10/năm</STRONG></TD>
</TR>
<TR>
<TD bgColor="#f9f9f9" height="16"><STRONG>.co.uk</STRONG></TD>
<TD bgColor="#f9f9f9"><STRONG>miễn phí</STRONG></TD>
<TD bgColor="#f9f9f9"><STRONG>$10/năm</STRONG></TD>
</TR>
<TR>
<TD bgColor="#f9f9f9" height="16"><STRONG>.cc</STRONG></TD>
<TD bgColor="#f9f9f9"><STRONG>miễn phí</STRONG></TD>
<TD bgColor="#f9f9f9"><STRONG>$29.99/năm</STRONG></TD>
</TR>
<TR>
<TD bgColor="#f9f9f9" height="16"><STRONG>.bz</STRONG></TD>
<TD bgColor="#f9f9f9"><STRONG>miễn phí</STRONG></TD>
<TD bgColor="#f9f9f9"><STRONG>$29.99/năm</STRONG></TD>
</TR>
<TR>
<TD bgColor="#f9f9f9" height="16"><STRONG>.nu</STRONG></TD>
<TD bgColor="#f9f9f9"><STRONG>miễn phí</STRONG></TD>
<TD bgColor="#f9f9f9"><STRONG>$29.99/năm</STRONG></TD>
</TR>
</table>
<br>
<br>
<b><i>Xin Chân thành cảm ơn Quý Khách Hàng đã quan tâm!</i></b></p>
</BODY>
</HTML>
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<TITLE>Hướng dẫn thiết kế website bằng html - Đăng ký tên miền</TITLE>
</HEAD>
<BODY bgcolor="#006633" text="#00000">
<h1>Đăng ký tên miền</h1>
<p><STRONG>Tên miền</STRONG> giống như mặt tiền của doanh nghiệp trên xa lộ thông tin. <STRONG>Tên miền</STRONG> vốn đã được coi là một tài sản giá trị hàng đầu của mỗi doanh nghiệp. Một <STRONG>tên miền</STRONG> tốt, ngắn gọn, dễ nhớ và gắn với thương hiệu, sản phẩm, dịch vụ chiếm 70% hiệu quả hoạt động của website.</p>
<p><STRONG><A title="Kiểm tra tên miền" href="http://aweb.vn/kiem-tra-ten-mien.html" name="Kiểm tra tên miền">Kiểm tra tên miền</A></STRONG></p>
<table cellspacing="0" cellpadding="0">
<TR>
<TD bgColor="#ffffff" height="20" width="180" align="middle"><STRONG>Tên miền</STRONG></TD>
<TD bgColor="#ffffff" width="200" align="middle"><STRONG>Phí cài đặt</STRONG></TD>
<TD bgColor="#ffffff" width="200" align="middle"><STRONG>Chi phí</STRONG></TD>
</TR>
<TR>
<TD bgColor="#f9f9f9" height="16"><STRONG>.com</STRONG></TD>
<TD bgColor="#f9f9f9"><STRONG>miễn phí</STRONG></TD>
<TD bgColor="#f9f9f9"><STRONG>$10/năm</STRONG></TD>
</TR>
<TR>
<TD bgColor="#f9f9f9" height="16"><STRONG>.net</STRONG></TD>
<TD bgColor="#f9f9f9"><STRONG>miễn phí</STRONG></TD>
<TD bgColor="#f9f9f9"><STRONG>$10/năm</STRONG></TD>
</TR>
<TR>
<TD bgColor="#f9f9f9" height="16"><STRONG>.org</STRONG></TD>
<TD bgColor="#f9f9f9" height="16"><STRONG>miễn phí</STRONG></TD>
<TD bgColor="#f9f9f9" height="16"><STRONG>$10/năm</STRONG></TD>
</TR>
<TR>
<TD bgColor="#f9f9f9" height="16"><STRONG>.us</STRONG></TD>
<TD bgColor="#f9f9f9"><STRONG>miễn phí</STRONG></TD>
<TD bgColor="#f9f9f9"><STRONG>$10/năm</STRONG></TD>
</TR>
<TR>
<TD bgColor="#f9f9f9" height="16"><STRONG>.info</STRONG></TD>
<TD bgColor="#f9f9f9"><STRONG>miễn phí</STRONG></TD>
<TD bgColor="#f9f9f9"><STRONG>$10/năm</STRONG></TD>
</TR>
<TR>
<TD bgColor="#f9f9f9" height="16"><STRONG>.co.uk</STRONG></TD>
<TD bgColor="#f9f9f9"><STRONG>miễn phí</STRONG></TD>
<TD bgColor="#f9f9f9"><STRONG>$10/năm</STRONG></TD>
</TR>
<TR>
<TD bgColor="#f9f9f9" height="16"><STRONG>.cc</STRONG></TD>
<TD bgColor="#f9f9f9"><STRONG>miễn phí</STRONG></TD>
<TD bgColor="#f9f9f9"><STRONG>$29.99/năm</STRONG></TD>
</TR>
<TR>
<TD bgColor="#f9f9f9" height="16"><STRONG>.bz</STRONG></TD>
<TD bgColor="#f9f9f9"><STRONG>miễn phí</STRONG></TD>
<TD bgColor="#f9f9f9"><STRONG>$29.99/năm</STRONG></TD>
</TR>
<TR>
<TD bgColor="#f9f9f9" height="16"><STRONG>.nu</STRONG></TD>
<TD bgColor="#f9f9f9"><STRONG>miễn phí</STRONG></TD>
<TD bgColor="#f9f9f9"><STRONG>$29.99/năm</STRONG></TD>
</TR>
</table>
<br>
<br>
<b><i>Xin Chân thành cảm ơn Quý Khách Hàng đã quan tâm!</i></b></p>
</BODY>
</HTML>
