Phạm Tuấn Anh's Weblog ! ^_^

He`he`..trước tiên tôi xin giới thiệu qua về các liên kết nha :
Một liên kết là sự kết nối đến tài liệu hay file khác (đồ họa, âm thanh, video) hoặc ngay cả đến một phần khác trong cùng tài liệu đó.
Nói nôm na thế này nhé :ta kích vào một liên kết nào đó thì nó sẽ nhảy đến một trang nào đó được định sẵn.
Các siêu liên kết là thành phần quan trọng nhất của hệ thống siêu văn bản.
HTML hỗ trợ các liên kết đến :

• Một phần khác trong cùng tài liệu
  
• Một tài liệu khác
  
• Một phần trong tài liệu khác
  
• Các file khác – hình ảnh, âm thanh, trích đoạn video
  
• Vị trí hoặc máy chủ khác
  

Chúng ta có 2 loại liên kết :
+Liên kết trong là liên kết kết nối đến các phần trong cùng tài liệu hoặc cùng một web site
+Liên kết ngoài là liên kết kết nối đến các trang trên các web site khác hoặc máy chủ khác.
Có hai dạng URL:

URL tuyệt đối – là địa chỉ Internet đầy đủ của trang hoặc file.Ví dụ: http://my.opera.com/hunganh215 là một địa chỉ URL tuyệt đối.
URL tương đối – là một URL có một hoặc nhiều phần bị thiếu.Và nếu giao thức bị thiếu thì trình duyệt sẽ tìm địa chỉ đó ở thư mục hiện thời.

HTML dùng thẻ để liên kết đến một tài liệu hoặc files nào đó.Thuộc tính Href dùng để chỉ địa chỉ hay URL của tài liệu hoặc file được liên kết.
Đầu tiên là liên kết đến một tài liệu khác:
Cú pháp như sau:

< A HREF ="Địa chỉ url" > Hypertext< /A>
Đường dẫn có thể là tương đối hoặc tuyệt đối.
Ví dụ nha,để liên kết đến trang chủ của Phạm Tuấn Anh's Weblog ra dùng đoạn code sau :

<a href="http://my.opera.com/hunganh215/blog">Trang chủ Phạm Tuấn Anh's Weblog</a>

Kết quả đoạn code đây nè :
Trang chủ Phạm Tuấn Anh's Weblog

Liên kết đến các phần trong cùng một tài liệu:
Cũng là thẻ < a > nhưng có cú pháp như sau:
< a href="Nơi liên kết" > Mô tả liên kết < /a>
Chúng ta xem ví dụ nhé :
Muốn liên kết về đầu trang,ta dùng đoạn code sau:

<a href="#He`he`.."><u>Về đầu trang</u></a>

Và kết quả là đây :Chưa có link

Liên kết đến một điểm xác định ở một tài liệu khác
Kết hợp giữa hai phương pháp trên ấy mà .Chúng ta cần chỉ ra tên tài liệu,sau đó vạch dấu cần đến ở chỗ tài liệu đó.Cấu trúc như sau:

< A HREF=đường_dẫn_tài_liệu_đến#Chỗ_đến> Mô tả< /A >

Xem ví dụ tại đây nè : Chưa có liên kết ???

Có một số các ký tự đặc biệt mà HTML hiểu nhầm là các thẻ HTML.Ví như thế này này:Khi mình muốn viết bài Thẻ trang trí chữấy,nếu viết các kí tự kiểu > , < thì trình duyệt sẽ hiểu là các thẻ HTML nên thực thi chúng.Muốn viết được các ký tự này bạn phải dùng các ký tự đặc biệt như sau :

Lớn hơn (>) : & gt ;

Nhỏ hơn (<) : & lt ;

Trích dẫn(““) : & quot ;

Ngoặc đơn :& apos ;

Ký tự (&) : & amp ;

Đấy là các ký tự mà chúng ta hay gặp,còn đây là bảng ký tự đặc biệt đầy đủ :

Danh sách các ký tự đặc biệt trong HTML - cssyeah.com

* Thẻ < HR > Thẻ này dùng để kẻ một đường ngang trên trang.Như ở cuối cùng của mục này nè! Thẻ có các thuộc tính sau : +aline : Chỉ định vị trí đường ngang: left ,right,center. +Width :Độ dài đường thẳng.Có thể đo bằng px,hoặc tính theo % trang.Nếu không có thì mặc định 100%. +Size : Độ dày của đường,đo bằng px. +Noshade :Chỉ đường được hiển thị bằng màu đặc thay vì có bóng VD :

---

* Thẻ < ADDRESS > Phần tử < ADDRESS > được dùng để hiển thị các thông tin như tác giả, địa chỉ, chữ ký trong tài liệu HTML.Phần tử này thường hiển thị ở cuối trang và có thể chứa một hoặc một số phần sau: +Liên kết đến trang chủ +Đặc tính chuỗi tìm kiếm +Thông tin bản quyền VD như sau :

Click here to Visit Phạm Tuấn Anh's Weblog

* Thẻ < BLOCKQUOTE > Dùng để trích dẫn văn bản bên trong tài liệu của chúng ta. VD :

Chúng ta có thể chỉ định một trích dẫn văn bản bên trong tài liệu bằng cách sử dụng phần tử BLOCKQUOTE và Q. BLOCKQUOTE được sử dụng cho những phần trích dẫn dài và được hiển thị như một đoạn văn bản thụt vào đầu dòng. Nếu phần trích dẫn ngắn và không cần ngắt đoạn,thì sử dụng phần tử Q tốt hơn. Khi sử dụng phần tử Q, bạn phải xác định dấu ngoặc kép.

* Thẻ < PRE > Định dạng cho một đoạn văn bản. Thế này nhé các bạn,khi trong một đoạn văn bản mà có chứa thẻ HTML thì trình duyệt sẽ định dạng đoạn đó theo mã HTML.Lấy ví dụ cụ thể như là nếu có dấu < br > thì nó xuống dòng,không thì nó cứ viết mãi cho đến hết dòng thì thôi.Thẻ PRE có tác dụng định dạng đoạn văn bản mà không cần mã HTML,tức là nó sẽ giữ nguyên bố cục đoạn văn bản nằm trong nó. Ví dụ như đoạn sau đây nè :

Phạm Tuấn Anh's Weblog
             Phạm Tuấn Anh's Weblog
                              Phạm Tuấn Anh's Weblog

Còn nếu bạn viết như trên mà không nằm trong thẻ Pre thì trình duỵêt sẽ hiểu như thế này nè : Phạm Tuấn Anh's WeblogPhạm Tuấn Anh's WeblogPhạm Tuấn Anh's Weblog * Thẻ khối < SPAN> , < DIV> Có những trường hợp chúng ta muốn chia văn bản trong một trang web thành những khối thông tin logic. Chúng ta cũng có thể áp dụng những thuộc tính thông thường cho toàn bộ khối. Phần tử DIV và SPAN được sử dụng để nhóm nội dung lại với nhau. Phần tử DIV dùng để chia tài liệu thành các thành phần có liên quan với nhau. Phần tử SPAN dùng để chỉ một khoảng các ký tự. Phần tử SPAN dùng để định nghĩa nội dung trong dòng(in-line) còn phần tử DIV dùng để định nghĩa nội dung mức khối (block-level)

Một trang Web có đơn giản có cấu trúc như sau :



<HTML>
<HEAD>
< TITLE> Tiêu đề trang web< /TITLE>
</HEAD>
<BODY>
Thân trang web
</BODY>
</HTML>
------------------------------------


Thẻ <HTML>, </HTML> : Đánh dấu sự bắt đầu và kết thúc của tài liệu HTML


Thẻ <HEAD> :Nằm trong cặp thẻ HTML,mô tả phần Header của tài liệu.Thông thường nó bao gồm một số thẻ sau :

+ < TITLE > :Nội dung trong cặp thẻ này sẽ hiển thị trong thanh tiêu đề của tình duyệt Web.Mỗi tài liệu chỉ có một tiêu đề.
Tiêu đề là mốc quan trọng của trang Web,nó là từ khóa chính cho việc tìm kiếm trang Web đó các bạn.

+ Chỉ ra mối liên hệ của hyperlinks được sử dụng trong tài liệu HTML.

+ <META> : Phần tử này cung cấp thông tin về trang web của bạn. Nó gồm tên tác giả, tên phần mềm dùng để viết trang đó, tên công ty, thông tin liên lạc .... Phần tử META sử dụng sự kết hợp giữa thuộc tính và giá trị.
Bạn cũng có thể chỉ định từ khoá cho trang Web bằng bằng cách dùng meta keyword tag:


<meta name="keywords" content="Lập trình Web,Phạm Tuấn Anh's Weblog...">

Thẻ <BODY> : Chứa nội dung trang Web của các bạn !

Ngoài ra còn bao gồm một số thẻ hay dùng như :

<SCRIP> :Nằm trong cặp <HTML>,dùng để chỉ ra ngôn ngữ scripting sử dụng trong trang web như VBScript hoặc là JavaScript.

<!DOCTYPE> : Đây là thẻ đầu tiên trong tài liệu HTML. Trình duyệt sẽ sử dụng thông tin trong tag này để xác định version của tài liệu HTML.


Về cơ bản,một trang Web bao gồm những thẻ trên đó các bạn.He.... ^_^

Cái này chỉ dành cho những bạn mới làm quen với HTML thôi:PThế này nhé,để biên soạn bất cứ tài liệu gì thì ta cũng cần một trình soạn thảo.Để soạn thảo HTML thì có rất nhiều trình biên soạn như FrontPage,DreamWeaver ,...Nhưng cách đơn giản nhất là chúng ta làm như sau :

1.Mở một notepad. (start-->Accessories-->notepad hoặc Run(win+R)gõ notepad,...)


2.Viết các đoạn mã lệnh vào trang Notepad vừa mở .


3.Save file với đuôi .HTML




Như vậy là chúng ta đã tạo được một trang HTML rùi đó .Công việc tiếp theo là của trình duyệt Web,trình duyệt đọc mã nguồn HTML của bạn và hiển thị trang theo các mã mà bạn viết .

Các bạn hãy thử làm với đoạn code này xem sao nha !

<HTML>
<HEAD>
<TITLE>Welcome to HTML- Phạm Tuấn Anh's Weblog</TITLE>
</HEAD>
<BODY><center>
<H3>Welcome to HTML- Phạm Tuấn Anh's Weblog</H3></center>
</BODY>
</HTML

Kết quả nè :

[

---------------Phạm Tuấn Anh's Weblog---------------