Tài liệu học HTML căn bản

HTML: HyperText Markup Language. Đây là một ngônngữ đơn giản được sử dụng trong các tài liệu siêuvăn bản. Đừng choáng. Nó cũng chỉ là các tài l iệuvăn bản bình thường nhưng có chứa các thành phầnđặc biệt gọi là các thẻ (hoặc các cặp thẻ) đánhdấu. Dựa theo các cặp thẻ này mà tr ình duyệt có thểbiết được nó phải thực hiện cái gì. Bản chất củaHTML không phải là một ngôn ngữ lập tr ình nên cácbạn cũng chẳng cần lo lắng đến những thuật toánlằng nhằng. Nó chỉ là một "ngôn ngữ" để đánh dấuvăn...
Nội dung trích xuất từ tài liệu:
Tài liệu học HTML căn bảnGi ới Thi ệuHTML: HyperText Markup Language Đây là một ngôn .ngữ đơn giản được sử dụng t rong các tà i l i ệu siêuvăn bản. Đừng choáng. Nó cũng chỉ là các tà i l i ệuvăn bản bình thường nhưng có chứa các thành phầnđặc biệt gọi là các thẻ (hoặc các cặp thẻ) đánhdấu. Dựa theo các cặp thẻ này mà t r ì nh duyệt có thểbiết được nó phải thực hiện cái gì . Bản chất củaHTML không phải là một ngôn ngữ lập t r ì nh nên cácbạn cũng chẳng cần lo lắng đến những thuật toánlằng nhằng. Nó chỉ là một ngôn ngữ để đánh dấuvăn bản thôi .Thẻ HTMLHãy lấy một ví dụ đơn giản như sau mà giớ i th iệuvề thẻ HTMLCode: Xin chào, tô i là Đặng Văn Lel Các bạn chú ý: dòng chữ Xin chào, tô i là Đặng VănLel được đặt t rong cặp chữ và Cặp chữnày chính là ký hiệu của một cặp thẻ trong ngôn ngữHTML, mà khi biên dịch ra, tr ì nh duyệt sẽ hiểu là :Khi gặp thẻ , nó phải có trách nhiệm in tất cảcác chữ sau đó thành chữ đậm cho đến khi gặp thẻ.Các bạn có thể hiểu các thẻ trong HTML như là cáctừ khoá trong Pascal vậy. Cũng đừng nên lo lắngquá, vì bản thân HTML chỉ có khoảng hơn 20 thẻthông dụng thô i .Trong HTML, các thẻ có thể tồn tạ i đơn lẻ , hoặc tồntạ i dưới dạng một cặp thẻ. Nếu tồn tạ i dưới dạng 1cặp th ì thẻ bắt đầu gọi là thẻ mở và thẻ kết thúcgọi là thẻ đóng. Sau này khi các bạn vào sâu hơnth ì sẽ biết nhiều hơn.Để soạn thảo một f i le HTML, các bạn có thể sử dụngbất kỳ tr ình soạn thảo nào, chẳng hạn như NotePadhay thậm chí Turbo Pascal cũng được. miễn là sau đócác bạn Save As dưới dạng đuôi *.htm hoặc *.html.Còn để mở f i le này thì cứ việc kích đúp chuột vàođó, tr ình duyệt sẽ tự động mở ra cho bạn. Tấtnhiên cũng có nhiều chương tr ình soạn thảo cho phépsinh tự động mã HTML, nhưng để cho các bạn nắmvững ngôn ngữ này, tôi yêu cầu các bạn phải tự soạnbằng tay trên NotePad.Cấu trúc thẻ HTML bao gồm các thành phần sau :{}( Phần đặt trong cập {} là bắt buộc có, phần trong[] có thể có hoặc không , đây là quy ước trong tàil iệu này)- Dấu Phần thân tài l iệu - Nội dung sẽ hiển thị lên tr ìnhduyệtĐó là cấu trúc mặc định của 1 tài l iệu HTML. Chúngta quan tâm đến khu vực ở giữa cập thẻ , đây là cặp thẻ chưa nội dung sẽ hiên thịlên màn hình tr ình duyệt.Các bước tạo 1 tài l iệu HTML đầu t iênBước 1 :Mở Notepad lên ( Start - Run Gõ Notepad.exe ) HoặcỞ đường dẫn ( Start - All Program - Accessories -Notepad ) xem hình dưới .Màn hình giao diện notepad :Bạn gõ vào nội dung như sau :TAC PHAM DAU TIEN CUA TOISau đó lưu lạ i vào một thư mục nào đó với têntrangdautien.html, chú ý là cần luôn cả cặp dấu trong đặt tên , xem hình . .Vào thư mục đã lưu, chạy f i le vừa tạo ( f i letrangdautien.html ) , bạn sẽ có kết quả .Chúc mừng bạn đã tạo thành công 1 tài l iệu thmlBạn có thể làm lạ i với nội dung tùy ý bạn, chỉ cầnnguyên cấu trúc và sữa lạ i nội dung. Dĩ nhiên tênđặt cũng tùy bạn, miễn là nó có phần mở rộng *.htmlTH ỘC TÍ N TH H L U H Ẻ TMBạn đã biết , thẻ HTML có tác dụng mô tả thực thimột tác vụ nào đó. Nhưng cái mô tả đó rất chungchung và khó quyết định nhiều thứ. Lấy ví dụ , bạnđang nói về 1 chiếc xe đạp. Chỉ đơn gian bạn nói làxe đạp, ai cũng biết. Nhưng nếu bạn thêm vào cácchi t iết như màu xe, kiểu xe,. . . có phải sẽ gần hơnvà chính xác hơn. Thuộc t ính của thẻ html cũng nhưvậy, nó sẽ bổ sung thêm các thông tinh cho thẻhtml, giúp nó đa dạng hơn và làm nhiều việc hơn.Nguyên tắc thêm thuộc tính vào thẻ html như sau :< Tên_thẻ_html Tên_thuộc_tinhs1 Tên_thuộc_tinhs2 . . . . .>Mõi 1 thuộc tính cách nhau 1 khoảng cách.Ví dụ : Trong đó :+ body là tên thẻCác phần :bgcolor=11111 text=blue l ink=222222 là 3 thuộct ính của thẻ body ( sẽ giải thích sau, giờ chỉ cầnbiết cấu túc và cách thêm thuộc t ính như thế nào làđúng)4 dvlel94, on 04/11/2009 at 15:04KHÁI N ỆM ĐƯỜN D I G ẪN1. Đường dẫn t uyệt đối .Là một địa chỉ đến một đối tượng. Địa chỉ này mô tảrất rõ ràng và chính xác từ ổ đĩa gốc đến các thưmục thành phần và cuối cùng là đối tượng cần trỏđến.Ví dụ :D : / Tài l iệu/Học HTML/bai_2.htmlC : / Luu_tru/Bai_1.docLà 2 đường dẫn tuyệt đối.2. Đường dẫn tương đối.Để hiểu rõ ràng về khái niệm đường dẫn tương đốinày ta cần có thêm một khái niệm, đó là khái niệmthành phần chứa đường dẫn.Thành phần chứa đường dẫn là gì ?Lấy ví dụ, ở trangdautien.html do chúng ta tạo ra.Đó là 1 tập t in html, chắc chắn chúng ta phải đặtnó vào một vị tr í nào đó trên ổ đĩa hệ thống máyt ính. Như vậy nếu ta mô tả một đường dẫn bên trongtài l iệu trangdautien.html thì trangdautien.htmltrở thành thành phần chứa đường dẫn. Và tác dụngcủa thành phần chứa đường dẫn này là làm mốc chocác mô tả trong đường dẫn tương đối.Đường dẫn tương đối là một kiểu đường dẫn mô tảkhông chính xác từng phần một. Mà nó sẽ mô tả vịtr í của đối tượng cần trỏ đến so với vị tr í củathành phần chứa nó.Cách mô tả như sau :+ Để ám chỉ nằm cùng thư mục ta có cấu trúc. / Tên đối tương.mở rộng+ Để ám chỉ thoát ra ngoài 1 thư mục ta có cấu trúc . . / Tên đối tương.mở rộngVí dụ :Ở cùng thư mục TÀI LIỆU trong ổ D ta có Fi levidu.html và ảnh good.jpg như cấu trúcD : / TAI LIEU / vidu.htmlD : / TAI LIEU / good.htmlTừ f i le vidu.html ta có thể truy cập ảnh good.jpgthông qua đường dẫn . / good. j pgBây giờ, giã sử trong ổ D có thêm ảnh good2.jpg nhưcấu trúcD : / good2.jpgTừ f i le vidu.html trên, để truy cập ảnh good2.jpgta có thể dùng đường dẫn . . / good2.jpg Các bạn chỉ cần hiểu như thế là đủ. Vào ứng dụng cụthể của loại đường dẫn tương đối này các bạn sẽhiểu rõ hơn.5 nvthang30, on 08/11/2009 at 13:45Tiếp đi you6 dvlel94, on 01/12/2009 at 02:37GIỚI THIỆU MỘT SỐ THUỘCTÍNH THẺ < body >1. Chọn màu nền :Để thêm màu nền vào ta dùng thuộc t ính bgcolor nhưsau< body bgcolor=x>Với x là mô tả màu, có thể mô tả bằng anh văn( blue,green,red, . . . . ) haybằng mã màu (#12456 ...