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è 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