Các gói website với các chức năng và chi phí khác nhau, tạo điều kiện giúp quý khách hàng có thể lựa chọ cho mình một website ưng ý với chi phí hợp lý nhất.
Gói Basic
Tối ưu hóa bộ máy tìm kiếm, đưa website của bạn lên thứ hạng cao trên google, tăng hiệu quả tìm kiếm đẩy mạnh sản phẩm dịch vụ cần bán đến với người tiêu dùng, khách hàng tiềm năng
Bạn đang phân vân muốn lập một website nhưng sợ không có thời gian để quản lý ?
Các ký tự đặc biệt trong HTML
Một vài ký tự tương tự như dấu nhỏ hơn <, có một ý nghĩa đặc biệt trong HTML, và do đó không thể được sử dụng như là chữ được. Do vậy để hiển thị được dấu nhỏ hơn < trong HTML chúng ta phải sử dụng những ký tự đặc biệt. Bởi vì dấu < xác định điểm bắt đầu của một thẻ HTML. Nên nếu bạn muốn trình duyệt hiển thị ký tự đó bạn phải thêm và code của nó những ký tự đặc biệt.
Một ký tự đặc biệt có 3 phần: Ký hiệu (&), tên của ký tự hoặc một dấu # và một dãy số và cuối cùng là dấu chấm phẩy ;
Để hiển thị được dấu nhỏ hơn trong HTML bạn phải viết là < hoặc <
Cái hay của việc sử dụng tên thay vì sử dụng số là vì tên của nó thì dễ nhớ hơn nhiều. Nhưng cái dở lại là không phải trình duyệt nào cũng hỗ trợ những tên mới này, trong khi đó hầu hết các trình duyệt đều có thể nhận ra nó ở dạng số.
Bạn nên chú ý rằng ký tự đặc biệt phân biệt chữ hoa và chữ thường. Ví dụ sau đây sẽ giúp bạn thực nghiệm với những ký tự đặc biệt. Lưu ý bạn rằng những ký tự này chỉ có trong trình duyệt Internet Explorer.
Xem ví dụ
<html>
<body>
<p>Character entities</p>
<p>&X;</p>
<p>Substitute the "X" with an entity number like "#174" or an entity name like "pound" to see the result.</p>
</body>
</html>
Xem trên trình duyệt hiển thị như sau:
Character entities
&X;
Substitute the "X" with an entity number like "#174" or an entity name like "pound" to see the result.
Non-breaking space
Ký tự được dùng nhiều nhất trong HTML có lẽ là nbsp (non-breaking space)
Thường thì HTML cắt bớt khoảng trống trong chữ của bạn. Ví dụ nếu bạn viết 10 chỗ trống trong text của bạn thì HTML sẽ loại bỏ 9 trong số đó. Để thêm khoảng trống vào chữ của bạn, bạn phải sử dụng ký tự đặc biệt là
Những ký tự được dùng thường xuyên nhất
| Kết quả |
Loại |
Tên của ký tự | Số |
| một khỏang trắng | |   | |
| < | nhỏ hơn | < | < |
| > | lớn hơn | > | > |
| & | dấu và | & | & |
| " | ngoắc kép | " | " |
| ' | ngoắc đơn |
' (does not work in IE) | ' |
Một vài ký tự khác
| Kết quả |
Loại |
Tên của ký tự | Số |
| ¢ | cent | ¢ | ¢ |
| £ | pound | £ | £ |
| ¥ | yen | ¥ | ¥ |
| § | section | § | § |
| © | copyright | © | © |
| ® | registered trademark | ® | ® |
| × | nhân | × | × |
| ÷ | chia | ÷ | ÷ |
Liên kết HTML
HTML sử dụng siêu liên kết để liên kết những tài liệu khác nhau trên trang web.
Ví dụ:
Tạo đường siêu liên kết - Ví dụ này chỉ cho bạn cách tạo siêu liên kết như thế nào
<html>
<body>
<p>
<a href="/default.asp">HTML Tutorial</a> This is a link to a page on this website.
</p>
<p><a href="http://www.google.com/">Google</a> This is a link to a website on the World Wide Web.</p>
</body>
</html>
Xem trên trình duyệt hiển thị như sau:
HTML Tutorial This is a link to a page on this website.
Google This is a link to a website on the World Wide Web.
Một tấm hình như là đường link - Ví dụ này hướng dẫn bạn cách dùng hình làm đường liên kết.
<html>
<body>
<p>Create a link of an image:
<a href="http://thietkewebbali.com">
<img src="/01-icon.jpg" alt="HTML tutorial" width="32" height="32" />
</a></p>
<p>No border around the image, but still a link:
<a href="http://thietkewebbali.com">
<img border="0" src="/01-icon.jpg" alt="HTML tutorial" width="32" height="32" />
</a></p>
</body>
</html>
Xem trên trình duyệt hiển thị như sau:
Create a link of an image: 
No border around the image, but still a link:
Thẻ Anchor và thuộc tính Href
HTML sử dụng thẻ <a> (anchor) để tạo đường liên kết đến một tài liệu khác.
Thẻ anchor có thể liên kết đến bất cứ một tài nguyên nào trên internet, chúng có thể là một trang HTML, một tấm hình, một file nhạc, một bộ phim .v.v.
Cú pháp để tạo một thẻ anchor
|
<a href="/url">Chữ bạn muốn ở đây</a> |
Thẻ <a> được sử dụng để tạo một điểm neo và liên kết bắt đầu từ đó, thuộc tính href được sử dụng để chỉ ra tài liệu sẽ được liên kết đến, và chữ ở xuất hiện ở giữa hai tag < và > sẽ được hiển thị dưới dạng siêu liên kết.
Điểm neo sau xác định liên kết đến trang ritashop.net
|
<a href="http://www.ritashop.net">Mời bạn vào mua sắm tại RiTaShop</a> |
Xem trên trình duyệt hiển thị như sau:
Mời bạn vào mua sắm tại RiTaShop
Thuộc tính đích đến:
Với thuộc tính đích đến, bạn có thể xác định liên kết đến tài liệu khác sẽ được mở ra ở đâu. Dòng code dưới đây sẽ mở tài liệu được liên kết trong một cửa sổ trình duyệt mới.
|
<a href="http://www.ritashop.net"target="_blank">Mời bạn vào mua sắm tại RiTaShop</a> |
Thẻ anchor và thuộc tính tên
Thuộc tính tên được sử dụng để tạo một điểm neo đã được đặt tên. Khi sử dụng điểm neo đã được đặt tên trước chúng ta có thể tạo ra những đường liên kết mà người đọc có thể nhảy trực tiếp đến một phần cụ thể nào đó trên trang web, thay vì họ phải kéo xuống dưới để tìm thông tin. Một dạng như là bookmark vậy!
Dưới đây là cú pháp của điểm neo được đặt tên trước:
|
<a>Chữ bạn muốn hiển thị ở đây</a> |
Thuộc tính tên được sử dụng để tạo điểm neo. Tên của điểm neo có thể là bất cứ thứ gì bạn muốn.
Dòng code sau xác định điểm neo được đặt tên trước.
|
<a>Tất cả tutorial ở đây</a> |
Bạn có thể nhận ra rằng thẻ anchor được đặt tên trước được hiển thị không có gì đặc biệt. Để trực tiếp liên kết phần Photoshop Tutorial, bạn chỉ phải thêm dấu # và tên của điểm neo và cuối cùng của một URL.
Mẹo giúp bạn
Luôn luôn thêm một đường dẫn mỗi khi bạn muốn dẫn đến một thư mục con. Nếu bạn để đường liên kết như sau:
href="/http://www.ritashop.net/html" thì bạn sẽ tạo ra 2 lệnh HTTP cho server, bởi vì server sẽ thêm một đường dẫn vào địa chỉ và tạo ra một lệnh mới như sau:
href="/http://www.vietphotoshop.com/html/"
Điểm neo được đặt tên thường được sử dụng để tạo Mục Lục tại trang đầu tiên của một tài liệu nhiều trang. Môi chương trong tài liệu đó được cho một điểm neo, và liên kết đến mỗi một điểm neo này sẽ được đặt ở trên cùng của tài liệu.
Nếu trình duyệt không tìm được điểm neo được chỉ ra từ trước, nó sẽ quay lên phần trên cùng của tài liệu.
Một vài ví dụ
Mở liên kết ở một cửa sổ trình duyệt mới
<html>
<body>
<a href="http://www.w3schools.com" target="_blank">Visit W3Schools.com!</a>
<p>If you set the target attribute to "_blank", the link will open in a new browser window.</p>
</body>
</html>
Xem trên trình duyệt hiển thị như sau:
Visit W3Schools.com!
If you set the target attribute to "_blank", the link will open in a new browser window.
Tạo một liên kết dạng mailto
Ví dụ này hướng dẫn bạn cách tạo ra một đường liên kết trực tiếp đến địa chỉ email.
<html>
<body>
<p>
This is an email link:
<a href="mailto:
Địa chỉ email này đã được bảo vệ từ spam bots, bạn cần kích hoạt Javascript để xem nó.
?Subject=Hello%20again">
Send Mail</a>
</p>
<p>
<b>Note:</b> Spaces between words should be replaced by %20 to ensure that the browser will display the text properly.
</p>
</body>
</html>
Xem trên trình duyệt hiển thị như sau:
This is an email link:
Địa chỉ email này đã được bảo vệ từ spam bots, bạn cần kích hoạt Javascript để xem nó.
Note: Spaces between words should be replaced by %20 to ensure that the browser will display the text properly.
Tạo một liên kết dạng mailto 2
Phức tạp hơn dạng 1
<html>
<body>
<p>
This is another mailto link:
<a href="mailto:
Địa chỉ email này đã được bảo vệ từ spam bots, bạn cần kích hoạt Javascript để xem nó.
?cc=
Địa chỉ email này đã được bảo vệ từ spam bots, bạn cần kích hoạt Javascript để xem nó.
&bcc=
Địa chỉ email này đã được bảo vệ từ spam bots, bạn cần kích hoạt Javascript để xem nó.
&subject=Summer%20Party&body=You%20are%20invited%20to%20a%20big%20summer%20party!">Send mail!</a>
</p>
<p>
<b>Note:</b> Spaces between words should be replaced by %20 to ensure that the browser will
display the text properly.
</p>
</body>
</html>
Xem trên trình duyệt hiển thị như sau:
This is another mailto link:
Địa chỉ email này đã được bảo vệ từ spam bots, bạn cần kích hoạt Javascript để xem nó.
Note: Spaces between words should be replaced by %20 to ensure that the browser will display the text properly.
