Bài 3: Tạo liên kết và định dạng liên kết trong thiết kế web bằnghtml
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
</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
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 123CORP</Font>
kết qủa thu được là: Công ty thiết kế web ITPS
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://thietkeweb9999.com/cong-ty-thiet-ke-web-itps.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 123CORP</a> hiển thị:
Thiết kế web 123CORP
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
123CORP. 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">
<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>Quá trình 1:</strong>
<ul>
<li><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>Liên kết URL thân thiện máy tìm kiếm</li>
<li>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>Cải thiện tốc độ tải trang (trung bình < 1s)</li>
<li>Khách hàng của <a href="htpp://thietkeweb9999.com" title="thiet ke web, thiết kế web"
tabindex="1">thiết kế web</a> của công ty <a href="http://thietkeweb9999.com" title="thiet ke web, thiết kế web"
tabindex="2">thiết kế web</a> ITPS đã được trang bị đầy đủ quá trình 1.</li>
</ul>
<strong>Quá trình 2:</strong>
<ul>
<li>SEM - Search Engine Marketing: (Quảng bá web rộng rãi tới máy tìm
kiếm)</li>
<li>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>Đăng ký website vào các máy tìm kiếm như Google, Yahoo, MSN,
Bing...</li>
<li>Đă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>Luôn thay đổi mới nội dung Website</li>
<li>Đăng ký website vào các danh bạ website, trang vàng.</li>
<li>Xây dựng liên kết rộng rãi tới website.</li>
<li>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://thietkeweb9999.com" 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ế web theo yêu cầu đạ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