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

Thiết kế Website đơn giản với HTML - Bài 3

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

BÀI 3: TẠO LIÊN KẾT VÀ ĐỊNH DẠNG LIÊN KẾT TRONG THIẾT KẾ WEBSITE BẰNG 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
>
....và phần nội dung của trang web được đặt ở đây.

</BODY>

Các Đinh nghĩa của thẻ:

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:


...

FACE = font-name: chọn font chữ cho nội dung text trên trang web ví dụ như arial, verdera, tahoma, times new roman…
COLOR = color: Chọn màu chữ cho nội dung.
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ụ:

Thiết kế Website với Webgiare.net kết qủa thu được là: Thiết kế Website với Webgiare.net

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://webgiare.net/
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 website">Thiết kế Website với Webgiare.net</a> hiển thị: Thiết kế Website với Webgiare.net

Tốt, bây giờ chúng ta sẽ thực hành thiết kế trang Quảng bá website của Webgiare.net. Bạn hay mở một chương trình thiết kế web ví dụ là Notepad và nhập đoạn html dưới đây.

<HTML>
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<TITLE>Bài 3: Tạo liên kết và định dạng liên kết trong thiết kế website bằng HTML - Quảng bá website</TITLE>
</HEAD>
<BODY bgcolor="#006633" text="#FFFFFF">

<h1>QUẢNG BÁ WEBSITE</h1>
Dịch vụ Quảng bá web - SEO (Search engine optimization – SEO) - Google Adwords: Xây dựng thương hiệu công ty của Quý Khách trên mạng toàn cầu.

Quá trình thứ nhất:
<ul>
<li type="circle">Quảng bá web - SEO (Search engine optimization – SEO) - Google Adwords: (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://webgiare.net/" title="thiet ke web, thiết kế web" tabindex="1">thiết kế web</a>Công ty<a href="http://webgiare.net/" title="thiet ke web, thiết kế web" tabindex="2">thiết kế website</a>LTC GROUP đã được trang bị đầy đủ quá trình thứ nhất.</li>
</ul>
Quá trình thứ hai:
<ul>
<li type="circle">SEM - Search Engine Marketing: (Quảng bá website 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 của quý doanh nghiệp.</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 website có nhiều người truy cập để thu hút thứ hạn (traffic)</li>
<li type="circle">Luôn luôn cập nhật và thay đổi mới nội dung của Website</li>
<li type="circle">Đăng ký website vào các danh bạ website, trang vàng hiện có.</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>

Chúng tôi phát triển công nghệ <a href="http://webgiare.net/" title="quảng bá website" tabindex="1">Quảng bá website</a> với nhiều phương thức hay và đảm bảo tăng thứ hạng và hiệu quả lên đến hơn 99%.
"Thiết kế website đúng chuẩn mực và đạt tiêu chuẩn là đã tạo một phương thức tốt, làm cho phương thức phát triển là cả một quá trình dài"

 
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>