tổng quan html

[color=red][size=18]tổng quan html[/size][/color]

Trong thực tế ứng dụng web tồn tại dưới hai dạng là trang web tĩnh và trang web động. Vậy trang web tĩnh là gì, trang web động là gì? Đó là trang web dưới dạng một “văn bản” như words chẳng hạn mà ta được nhìn thầy ở trên mạng, nó được viết bằng HTML mà không kết nối với cơ sở dữ liệu và được viết bằng Client script tạm dịch là kịch bản trên trình khách. Ngược lại trang web động là trang web được kết nối với cơ sở dữ liệu và được viết bằng Sever script tạm dịc là kịch bản trên trình chủ( ngôn ngữ được sử lý ở phía sever). Điều này có nghĩa là mỗi khi trang web động được truy cập đến thì nội dung trang web được lấy ra từ một cơ sở dữ liệu chứ không phải là nó tồn tại chỉ dưới một dạng văn bản. Và cơ sở dữ liệu đó có thể được liên tục làm tươi như trang diễn đàn gtvt.com.vn nhà ta, các bài viết được lấy ra từ cơ sở dữ liệu và có thể được cập nhật bất kỳ lúc nào. Tuy nhiên các pac' cũng cần phải phân biệt giữa một trang web tĩnh có các hiệu ứng động với một trang web động. Các hiệu ứng có thể hiểu là sự thay đổi một cách sinh động giao diện trang web như thông báo ngày giờ bằng javascript, hiệu ứng với con chuột bằng javascript, hiệu ứng ảnh động, các hoạt hình, hiệu ứng tuyết rơi và các đoạn movie bằng flash. Đó vẫn chỉ là trang web tĩnh mà thôi.

Nói cách khác, cho dù đó là trang web tĩnh hay động, nếu các pac' muốn người dùng sử dụng chúng để trình bày dữ liệu trên trình duyệt web ( IE- Internet Explorer hay NC – Netscape) các pac' cần phải thông qua các thẻ HTML hay thông qua ngôn ngữ siêu văn bản HTML.

Để xây dựng một ứng dụng web hoàn chỉnh, các pac' cần phải kết hợp cả Client script (HTML, Javascript) và Sever script (PHP, ASP, JSP…) với một loại cơ sở dữ liệu nào đó như SQL sever, MS Access, MysQL, Oracle,… Ở đây em sử dụng MySQL.

OK vậy là xong mấy cái khái niệm cơ bản, pac' nào hỏi thì cứ hỏi nhé, em biết đến đâu thì em sẽ trả lời. Bây giờ là làm quen với HTML, đó là cái cơ bản và khá quan trong trong các ngôn ngữ lập trình web, nhất là PHP vì nếu không có HTML thì PHP không thể giải quyết được các vấn đề về trình bầy trang web. Tuy nhiên các các pac' cũng không mất nhiều thời gian vì cái thằng HTML này đâu vì nó rất đơn giản, nó là một dạng của “trình bày văn bản” thôi.

Một trang web được trình bầy luôn được bắt đầu bằng một thẻ ( cái ký hiệu đặc biệt để thông báo các “lệnh với máy”- theo em hiểu là zậy ví dụ như hay hay
… dần dần các các pac' sẽ quen với khái niệm này giống như mới học sẽ chưa hiểu hết được căn bậc hai là cái quái gì 4.gif). À quay lại, thẻ bắt đầu một trang web là thẻ và kết thúc bằng thẻ . Ví dụ cụ thể: các pac' bật bất kỳ trang web nào lên và chọn View trên thpac' công cụ và chọn Source. Khi đó các pac' sẽ thấy trang web được mở đầu và kết thúc bởi hai thẻ trên. Bên trong hai thẻ đó là toàn bộ nội dung trang web. Tương tự như vậy, hầu như tất cả các thẻ khác đều được đánh dấu bằng một bộ hai thẻ: thẻ bắt đầu và thẻ kết thúc. Thẻ kết thúc có nội dung tương tự như thẻ bắt đầu nhưng có dấu gạch chéo: “/”

HTML không quy định chữ hoa và chữ thường, có nghĩa là các pac' đánh hay cũng rứa mà thui.

OK, bây giờ lướt qua cấu trúc trang web một chút:








Nội dung trang web sẽ được hiển thị ở đây


Các thẻ HTML thông dụng: (Các pac' thử các ví dụ sau bằng cách copy toàn bộ rồi dán vào Note Pad và save dưới dạng file .html thì sẽ thấy hiệu ứng ngay

Đầu đề trong một trang văn bản HTML thẻ [b], [/b]

[b], [/b]

[b]…..





[/b]

[b]Đây là đầu đề 1[/b]


[b]Đây là đầu đề 2[/b]


[b]Đây là đầu đề 3[/b]


[b]Đây là đầu đề 4[/b]


[b]Đây là đầu đề 5[/b]


[b]Đây là đầu đề 6[/b]





Xuống dòng và chia đoạn trong trang HTML

Khi các pac' đánh máy một văn bản trong một chương trình soạn thảo văn bản nào đó, các pac' có thể chỉ cần bấm phím Return để kết thúc một dòng hay một đoạn văn, nhưng các pac' sẽ cần phải làm nhiều thao tác hơn khi các pac' muốn phân định riêng các đoạn văn khác nhau trong một trang Web. Browser tự động bỏ qua các mã xuống dòng bình thường. Vì vậy các pac' phải viết thêm thẻ để phân đoạn hay viết thẻ
tại vị trí cụ thể mà các pac' muốn xuống dòng.
Ví dụ:






Cộng hoà xã hội chủ nghĩa Việt namĐộc lập - Tự do - Hạnh phúc Đơn xin phúc tra
Cộng hoà xã hội chủ nghĩa Việt nam
Độc lập - Tự do - Hạnh phúcĐơn xin phúc tra


Và cũng có thể kết hợp cả tag (thẻ) Đơn xin phúc tra để đưa nó vào giữa.

Đường kẻ ngang

Đường kẻ ngang chủ yếu được dùng để phân định một trang Web thành những phần có tính logic và dễ nhìn. Có không nhiều khả năng đồ hoạ trong ngôn ngữ HTML, bởi vậy đường kẻ ngang là một công cụ rất có ích
Ví dụ:






HR1

HR2

HR3

HR4

HR5

Chú ý: Có thể tổ hợp các tùy chọn trên với nhau

Ví dụ (từ đây em chỉ post nội dung các đoạn mã, các pac' dán chúng vào trong thẻ ….là được.

[list=1]
[*]Yếu tố 1
[*]Yếu tố 2
[*]Yếu tố 3
[/list]

[list]
[*]Yếu tố 1
[*]Yếu tố 2
[*]Yếu tố 3
[/list]

Yếu tố 1

Yếu tố 2

Yếu tố 3

[b]kiểu chữ:[/b]

Kiểu chữ

Các thẻ kiểu chữ trong ngôn ngữ HTML cho phép các pac' điều khiển được vẻ bề ngoài của bản thân các ký tự - chẳng hạn chúng ta có thể định dạng một từ là đậm hoặc nghiêng. Các định dạng này có thể áp dụng từ phạm vi một đoạn hay toàn bộ văn bản cho tới từng ký tự đơn lẻ.

Ví dụ:

[b]đậm[/b]
[u]gạch dưới[/u]
[i]nghiêng[/i]
[b]nhấn mạnh[/b]
trích dẫn
code
Thay đổi về font: … và các thuộc tính như size: kích cỡ, color: mầu sắc
Ví dụ:
Một con [size=25][color=#ff0000]vịt[/color][/size] xòe ra hai cái [size=7][color=#c0c0c0]cánh [/color][/size]
Thẻ ảnh: các pac' dùng thẻ này để chèn ảnh vào trang web:
[img(510px,1px)]dia_chi_file_pac%27.gif[/img]
Thẻ liên kết:
Các trang web được liên kết với nhau bằng các đường dẫn từ trang này tới trang khác. Các pac' có thể xem trang chủ của trang giao thông này bằng cách click vào liên kết “Giao thông vận tải” ở trên và nó sẽ đưa các pac' ra trang chủ, vậy làm nó thế nào?
Đi đến [url=https://chaosq10.forumvi.com/%C4%90%E1%BB%8Ba%20ch%E1%BB%89%20trang%20%C4%91%C3%ADch]Dòng hướng dẫn[/url] thôi.
Ngoài ra cũng có thể đặt một file ảnh làm một cái đường dẫn được:
[url=https://chaosq10.forumvi.com/%C4%90%E1%BB%8Ba%20ch%E1%BB%89%20c%E1%BB%A7a%20file%20%E1%BA%A3nh%20tr%C3%AAn%20m%E1%BA%A1ng][img(82px,68px)]dia_chi_file_pac%27.gif[/img][/url]
Các thẻ dành cho FORM Các trường được định nghĩa để thu nhận các thông tin và gửi cho máy chủ 4.gif

Thẻ Input
dạng text

dạng password

Thẻ textarea

Nút đồng ý

Ví dụ:













Gửi nhạc lên
Tên bài hát:
Lời bài hát

nhạc việt nam Nhạc
quốc tế Nhạc không
lời






Thẻ định dạng bảng:
Khi các pac' muốn thiết kế bảng dữ liệu trên trang web các pac' cần phải khai báo thẻ rồi đến các thẻ hàng và thẻ cột [table] [tr] [td][INDENT]Ví dụ:[INDENT]






[INDENT]




























[table width="468" border="1" cellpadding="7" cellspacing="1"][tr][td rowspan="2" width="18%" valign="TOP"]MÃ[/td][td rowspan="2" width="37%" valign="TOP"]

TÊN ĐẦY ĐỦ[/td][td colspan="2" width="45%" valign="TOP"]GIÁ TRỊ HÀNG[/td][/tr][tr][td width="22%" valign="TOP"]HOA NGƯỜI YÊU[/td][td width="23%" valign="TOP"]SÁCH LẬU[/td][/tr][tr][td width="18%" valign="TOP"]A0001[/td][td width="37%" valign="TOP"]

Nguyen Van A[/td][td width="22%" valign="TOP"]54545454[/td][td width="23%" valign="TOP"]89898[/td][/tr][tr][td width="18%" valign="TOP"]B0002[/td][td width="37%" valign="TOP"]

Tran Van B[/td][td width="22%" valign="TOP"]65656556[/td][td width="23%" valign="TOP"]98984[/td][/tr][tr][td width="18%" valign="TOP"]C0004[/td][td width="37%" valign="TOP"]

Pham Van H[/td][td width="22%" valign="TOP"]87878787[/td][td width="23%" valign="TOP"]54541[/td][/tr][/table]



Và giới thiệu qua về các hiệu ứng (phụ thui)
Ví dụ:








[font=arial][size=7][color=#ff33ff]

Chi_e – Ghost_casper – Yellow_rose – nhattan1985 - nhimcon [/color][/size][/font][font=arial][size=7][color=#ff33ff]

STYLE="filter:wave(add=5, phase=1, freq=5, strength=20);">[font=arial][size=7][color=#ff33ff]

Chi_e

Ghost_casper

Yellow_rose

nhattan1985

nhimcon [/color][/size][/font]
[/color][/size][/font][/td][/tr][/table]