Tài liệu Cơ bản html p1 doc

Basic html Cơ bản html Chuẩn bị để học html HTML là ngôn ngữ lập trình đả nhất, học thì chỉ cần 2 thứ, mà 2 thứ này lúc nào cũng có sẵn ở máy tính người Việt (nói chính xác hơn là máy tính hệ điều hành Window, nhưng người Việt đa số toàn xài Window ăn cắp! ) Danh sách bao gồm:  Một simple-text editor, cái này trong máy hệ điều hành Window có sẵn, nó là Notepad ớ!(nhấn vào Start>>All Programs>>Accesssories sẻ thấy nó Basic html  Một trình duyệt, hay Web Browser, Hay còn gọi dân dả là chử E màu xanh , đây là hậu quả của chiến lược kinh doanh tài tình của bác Bills, bác đả vi phạm luật độc quyền, khiến cho ngày nay, nhiều người không bik còn có công cụ khác để lướt web! O`, giờ xong phần chuẩn bị để học, Bây giờ nói thêm một chút về html để sau này còn ba hoa!(cái này mình tìm trên GOogle, để có gì bạn bè hỏi còn nói dóc được!) _HTML cũng như nhều ngôn ngữ khác, được 1 tổ chức gọi là .à mà quên rồi, trang web của họ nè http://www.w3.org/ hình như là viết tắt của chữ World Wide Web Consortium, hay gì đó _HTML (hay Hypertext Markup Language-Ngôn ngữ liên kết siêu văn bản) là ngôn ngữ đánh dấu chuẩn dùng lập trình các tài liệu World Wide Web, tài liệu là các tập tin văn bản đơn giản. Ngôn ngữ HTML dùng các tag hoặc các đoạn mã lệnh để chỉ cho các trình duyệt(Web browsers) cách hiển thị các thành phần của trang như text và graghics ,và đáp lại những thao tác của người dùng bởi các thao tác ấn phím và nhắp chuột. Hầu hết các Web browser, đặc biệt là Microsoft Internet Explorer và Netscape Navigator, nhận biết các tag của HTML vượt xa những chuẩn HTML đặt ra. Microsoft FrontPage chỉ dùng để đọc và viết các tập tin HTML mà không hiểu ngôn ngữ HTML yêu cầu phải làm gì. - Dynamic HTML (DHTML-HTML động): là ngôn ngữ HTML mở rộng làm tăng hiệu ứng trình bày văn bản và đối tượng khác. Trong FrontPage, bạn có thể sử dụng thanh công cụ DHTML Effects để làm tăng cường hiệu ứng cho các thành phần của mà không cần lập trình. _Hiện nay HTML đả ko6ng còn được phát triễn nữa(có nghĩa là người ta không chế ra các tính năng mới cho nó nữa) mà đang "ngâm cứu" phát triễn một hệ thống quy tắc mới là XHMTL, đọc bài viết về cái này mấy năm trước, thấy là ngoại trừ quy tắc viết khó khăn hơn thì chưa phát huy được ưu thế gì! cái này vào sâu hơn mình sẻ nói ha, giờ bik là XHTML là viết html theo quy tắc khó khăn của XML, bạn nào muốn tìm hiểu thêm thì tìm trong diễn đàn mình ở mục HTML - Javascript - XML cũng có 1 số phần, sau đó có thể lên google tìm thêm, hoặc là cứ từ từ mình sẻ tìm thêm cho các bạn! _Nhiều người hỏi tại sao lại làm một trang web, mình đưa ra một số ý kiến để mọi ngươi cùng dùng, sau đó ai có ý kiến hay thì chiệu khó mất chút thời gian đăng kí thành viên rồi post lên đây cho mọi người xem ha!  Như làm Blog mà hay hơn, cái gì mà bỏ nhiều công sức thì thành quả hưởng thụ, cho dù không nhiều vẫn càm thấy rất vui!  Làm website giờ khá rẻ, lại là một hình thức kinh doanh  Cũng như Blog, đây là một hình thức show hàng( làm sao làm miễn đúng luật!) _Vài điều cần nhớ nửa là Thời buổi này tiếng Anh không bao giờ thừa! Tiếng ANh của mình không phải là giỏi cho lắm, điểm trung bình của mình có 7 à, mình đả thấy rỏ những mặt hạn chế của iệc dỡ Tiếng Anh:  Các ngôn ngữ, quy tắc lậ trình, đều viết ở tiếng Anh  Một nguồn thông tin bỏ ích khổng lồ cũng lại viết bằng tiếng anh Basic html Sau này khi đi sâu vào tìm hiểu, các bạn sẻ có những khái niệm như hàm, tên trạng thái, thuộc tính, được viết trong tiếng anh, mình gặp không ít khó khăn trong việc nhớ và viết đúng các hàm đó! Điều cuối, nếu các bạn có thể hảy tìm mua một CD có phần mềm Microsoft FrontPage 2003, hơi cổ, nhưng nếu ai dùng thành thạo Word 2003 thì sẻ rất dể dàng dùng chương trình này, sau này trong qúa trình ví dụ, mình sẻ dùng một số ảnh minh hoạ khi dùng chương trình này! Xem thêm một chút về chương trình này ở đây. Element hay còn gọi là phần tử (sau này gọi là Element hay phần tử cũng được luôn). Nói cho dễ hiểu đây là những phần cầu tạo lên trang web! Các element có nhiều cấp độ, có nghĩ là chúng chồng lên nhau, ví dụ: _Trên cơ thể có đầu, trên đầu có mắt, trong mắt có lòng đen, lòng trắng . Trên đây chỉ là ví dụ vui thôi, nhưng rất giống với thực tế html, tạm thời bỏ qua phần này, lát nữa mình sẻ quay lại và tếp tục sau! Cấu trúc của Element Một phần tử cơ bản bao gồm tag(thẻ) mở, nội dung tag, và tag đóng. 1. <p> - opening paragraph tag 2. Element Content - paragraph words (thẻ <p> có sẻ đáng dấu đây là đoạn(paragraph)) 3. </p> - closing tag Trên đây là một ví dụ, bạn thật sự chưa cần hiều gì về công dụng của thẻ trên! Sau này sẽ có một bài toàn các thẻ, tha hồ mà "ngâm cứu". HTML thật sự rất lỏng lẻo, tới mức .tới mức Một trang web viết bằng html, cần có ít nhất các thành phần html, head, title, and body để được coi là hoàn chỉnh, nhưng mà HTML lỏng lẻo đến mức ta chả cần các thẻ đó để viết một trang HTML. Việc lỏng lẻo này cũng mang lại rất nhiều lợi thế, nó đã giúp cho html đứng vững cho tới giờ! Vẫn chưa có một ngôn ngữ đánh dấu nào cạnh tranh với HTML cho tới giờ (tuy là có một số ngôn ngữ khác mạnh mẽ hơn như XML nhưng vì quá khó về mặt cú pháp nên vẫn chưa trở nên thông dụng!) Các phần tử chính và tính lồng ghép <html> Element .</html> Mọi trang HTML đầu được bắt đầu bởi thẻ <html. và kết thúc bởi thẻ đóng của nó, theo quy định tất cả nội dung html [hải được chứa trong thẻ này! Basic html <head> Element Phần tử head được đặt bên trong phần tử html trong phần tử head người ta thường đặt một số thẻ nửa chứa thông tin về website hoặc là một số thứ khác nhưng không bao giờ đặt nội dung trang web vào trong thẻ head cả! <title> Element Phần tử title nằm bên trong phần tử head, nó chứa tiêu đề của trang web, tiêu đề là dòng bạn thấy, trên đầu trình duyệt, giống như lúc bạn đọc bải này thì tiêu đề là HTML Elements - Phần tử HTML bây gờ bạn đã hiểu được tính lổng ghép trong html chưa Code: [Select] <html> <head> <title>tiêu đề Trang Web của bạn</title> </head> </html> <body> Element Phần tử body chứa đa số các phần tử khác, giúp cấu thành cái trang web mà chúng ta đang nhìn thấy đấy! Để có thể xem một ví dụ và choáng váng, bạn hãy: _Nếu bạn dùng trình duyệt IE (cái hình chữa E màu xanh):chọn: View/Source _Nếu bạn đang dùng FireFox (con cáo lửa):chọn: View/ page Soure Nhìn hết một trang bạn sẽ thấy cơ mạng là bao nhiêu là thứ, nhưng đừng lo, không ai biết hết cái gì, cũng như không ai có thể học mọi thứ ngay từ đầu! Hảy thử tạo một trang web đầu tiên cho mình nào! Code: [Select] <html> <head> <title>Web site của tôi</title> </head> <body> Chào thế giới rộng lớn trên Internet </body> </html> P/s: nếu bạn đả có một chương trình hổ trợ thết kế web thì khỏi nói, còn nếu không có chương trình nào thì hảy vào: Start/All Programs/Accesssories/Notepad (hình cuốn sổ, chương trìn này rất thô sơ nhưng lại vô củng hữu ít) Sau khi bật chương trình, bạn cứ viết code html vào bình thường, sau khi hoàn thành chọn Basic html File/Save Chọn nơi bạn muốn Save trang web của bạn lại. Ở phần File name: điền tên file bạn muốn đặt cho trang web + .html(sau giấu "." có nghĩa là phần mở rộng. cho phép máy tính biết đây là file gì, mở ra bằng cái gì), dặt tất cả trong dấu ngoặc kép. Save as type: đừng quan tâm. Encoding: chọn là UTF-8 Sẵn có luôn một tấm ảnh minh hoạ cho mọi người ở khúc này: Sau khi svae xong, thử mở trang web đầu tiên của bạn ra đi! Chú ý: Save lại với phần mở rộng là htm hay html cũng được, nhưng bạn nên thống nhất chỉ save lại với một tên mở rộng nhất định để tránh nhầm lẫn . Basic html Cơ bản html Chuẩn bị để học html HTML là ngôn ngữ lập trình đả nhất, học thì chỉ cần 2 thứ,. đó _HTML (hay Hypertext Markup Language-Ngôn ngữ liên kết siêu văn bản) là ngôn ngữ đánh dấu chuẩn dùng lập trình các tài liệu World Wide Web, tài liệu