Saturday, October 27, 2012

NỀN TRANG TẠO TỪ ẢNH

NỀN TRANG TẠO TỪ ẢNH
Blog EntryJul 19, '09 11:21 PM
for everyone

 

 

 

Nhân dân ta rất anh hùng. Nhân dân ta rất anh hùng. Nhân dân ta rất anh hùng. Nhân dân ta rất anh hùng. Nhân dân ta rất anh hùng. Nhân dân ta rất anh hùng. Nhân dân ta rất anh hùng. Nhân dân ta rất anh hùng. Nhân dân ta rất anh hùng. Nhân dân ta rất anh hùng.


 

 

===================

 

Nền A.015

http://imgfarm.com/images/webmail/rt/bgi/bgi0105a.gif

 

 

 

Nền A.016

http://imgfarm.com/images/webmail/rt/bgi/bgi0106a.gif

 

 

 

Nền A.017

http://imgfarm.com/images/webmail/rt/bgi/bgi0107a.gif

 

 

 

Nền A.018

http://imgfarm.com/images/webmail/rt/bgi/bgi0108a.gif

 

 

 

Nền A.019

http://imgfarm.com/images/webmail/rt/bgi/bgi0202a.gif

 

 

 

Nền A.020

http://imgfarm.com/images/webmail/rt/bgi/bgi0201a.gif

 

 

 

Nền A.021

http://imgfarm.com/images/webmail/rt/bgi/bgi0203a.gif

 

 

 

Nền A.022

http://imgfarm.com/images/webmail/rt/bgi/bgi0204a.jpg

 

 

 

 

Nền A.023

http://imgfarm.com/images/webmail/rt/bgi/bgi0205a.gif

 

 

 

Nền A.024

http://imgfarm.com/images/webmail/rt/bgi/bgi0206a.gif 

 

 


 

Chào bạn.

Hiện nay đã có rất nhiều bạn Việt Nam từ bolg Yahoo.360 chuyển sang sinh hoạt tại Multiply ban đầu còn nhiều bỡ ngỡ. Bởi vậy tôi nghĩ cần hỗ trợ họ để họ nhanh chóng ổn định tâm lý “xây dựng nhà mới”. Trong số này nhiều người cũng chưa được trang bị cơ sở tin học ở mức tối thiểu, lại yếu về  tiếng Anh (nhất là các thuật ngữ dùng trong Multiply). Có nhiều điều mà những người đi trước đã tích lũy được kinh nghiệm, cần chia sẻ với anh chị em để cùng nhau tạo dựng và duy trì một cộng đồng bloggers Multiply người Việt ngày càng đông vui và vững mạnh. Dưới đây tôi xin tạm kê ra 4 chủ đề mà tôi ngẫm là cần được quan tâm chung :

1-   Post entries cho blog (nôm na là đăng bài):

2-   Quản lý các chức năng của blog

3-   Khai thác tiềm năng của Multiply

4-   Tổ chức quan hệ trong cộng đồng.

Từng chủ đề lại bao gồm những vấn đề cụ thể xem ra cũng rất rộng và sâu. Ví dụ ở chủ đề 1 : post văn bản, post video, post nhạc, …. post hỗn hợp xen kẽ, post kiểu copy, post uploat, post embed, post trực tiếp, post qua via-email, post chéo....... Ngay trong vấn đề post văn bản cũng có những vấn đề nhỏ khác như định dang trang văn bản, dùng khung nền đặc tả, cài links, mượn công cụ từ email, dùng công cụ tạo hiệu ứng đặc biệt  v..v… 

Tuy nhiên cho đến nay tôi chưa tìm được blog chuyên đề tiếng Việt nào cho những vấn đề này. Bởi thế tôi mong bạn nào biết thì mách cho. Nếu tìm mãi không ra thì hay là có bạn nào đó đứng ra thành lập một blog cộng tác. Dĩ nhiên đã là cộng tác thì phải có thành viên và người phụ trách điều hành, có cách làm việc của tập thể cộng tác viên, có chương trình làm việc, có người biên tập (khi cần) và thực hiện truyền tin (tự dộng).  Mọi kết quả công việc sẽ được thể hiện trên Trang tin chuyên đề. (nói vậy chứ không cầu toàn mà sẽ hoàn thiện dần dần về sau)

Về người phụ trách: chỉ cần có nhiệt tình, còn vốn liếng kiến thức tin học theo tôi chỉ mong ở mức vừa đủ, dĩ nhiên càng sâu càng quý.

Vậy ý kiến của bạn thế nào ? Nếu bạn đảm đương phụ trách Nhóm chuyên đề thì rất hay, nếu không xin bạn đề xướng cho người phụ trách. Riêng hoàn cảnh và khả năng của tôi xin thưa là hàng ngày rất bí thì giờ nhưng cũng xin góp một chân gì đó trong Nhóm theo khả năng có thể .

Chúc bạn vui, khoẻ

Chào bạn.

Khải Hoàn


Tái bút : Nếu bạn ở Hà Nội hoặc khu vực lân cận, tôi mong bạn gia nhập Hội Bloggers yêu Hà Nội cho vui. Mỗi lần tổ chức Offline bạn sẽ gặp gỡ nhưng gương mặt hồn nhiên chân thực già trẻ đều rất đáng yêu. Khác hẳn với những kẻ bên NSBL dèm pha coi Hội là tổ chức Tự phát, là Hội nhậu (thích ăn uống, chè chén, du ngoạn )….





 




NỀN TRANG TẠO TỪ ẢNH

---------------------------------



1. Điạ chỉ của ảnh

Ảnh dùng làm nền phải là ảnh tồn tại trên mạng và có thể tìm được địa chỉ (URL), truy xuất độc lập trên mạng. Muốn có địa chỉ của ảnh, ta kích phải vào ảnh. Trong bảng thoại hiên ra nhấn vào dòng Properties ở cuối bảng làm xuất hiện bảng thông báo thuộc tính của ảnh. Nhấn trỏ vào dòng đứng sau Address rồi nhấn Ctrl+A (để bôi đen), nhấn Ctl+C (để copy) rồi dán (paste) vào đâu đó ví dụ vào trang Word (hay trang soạn blog). Hãy thực hành thử ngay với ảnh ở bất kỳ trang web hay blog nào.

Lưu ý:

Không phải bất cứ ảnh nào trên mạng cũng cho ta lấy địa chỉ bằng phương pháp này. Với ảnh đang dùng làm nền, (hoặc ảnh Flash) phải tìm địa chỉ khác bằng cách khác. 

Sau đây là một vài ví dụ về địa chỉ (URL) của ảnh tôi chép ra đây để các bạn truy xuất thử:

Nhấn vào các links sau:

http://imgfarm.com/images/webmail/rt/bgi/bgi0701a.jpg

http://minhthong.net/pict/sand.gif  

http://imgfarm.com/images/webmail/rt/bgi/bgi0609a.jpg

http://wm29.inbox.com/thumbs/268_8801b_937c65_tn.jpg.thumb

 

http://images.yeuhanoi.multiply.com/image/1/photos/8/400x400/31/phudung8.jpg?et=0WDSSwkR%2CdlazQGcyuDqqg&nmid=136237617

 

(Cái URL cuối dài lòng thòng, các bạn thử đoán xem cái ảnh này nó đang nằm ở đâu nhá !)

Lưu ý : Sau khi đã quan sát ảnh hiện ra tại một góc phía trái trong cửa sổ màn hình riêng, nhớ nhấn nút Back để trở về trang này.

Bây giờ tôi lần lượt nhấn vào từng URL cho nó hiện ra, xong kích phải vào ảnh để copy lấy từng ảnh một và dán ngay vào đây - trang đang viết này.

Đây chúng như thế này :

 

  

 

   


  


 


  

 

Để ý rằng ở trên là những tấm ảnh. Ta không thể gõ chữ lên trên nó được. Trong cửa sổ đang soạn thảo đây, nếu tôi nhấp trỏ vào một ảnh, là nó nổi xù ngay lên 8 cái ô vuông nhỏ bao quanh lấy nó (có người gọi là 8 quai). Để biến những tấm ảnh thành cái nền phủ kín cho khung trang, dùng cho việc nhập liệu lên trên tôi đề nghị một công thức code sau đây:

2- Công thức code tạo nền từ ảnh:

<DIV align=center>

<TABLE border=0 cellSpacing=0 cellPadding=0 width="100%" background=(URL) align=center>

<TBODY><TR vAlign=top><TD>
<P class=MsoNormal style="MARGIN: 0cm 1cm 0pt 34pt; TEXT-INDENT: 25.5pt; TEXT-ALIGN: justify"></P>

</TD></TR></TBODY></TABLE></DIV>

Trong đó (URL) là địa chỉ của ảnh trên mạng.

 


Ghi chú :

1- Công thức Code nền này đã có một số yếu tố trợ giúp người dùng như: Khi gõ trực tiếp văn bản vào nền sẽ được tự dộng căn lề thẳng cả hai bên, lề trái rộng: 34pt, lề phải: 1cm. Khi nhập văn bản mà nhấn phím Enter sẽ có tác dụng chuyển sang đoạn mới (đoạn theo nghĩa thuần tuý là đơn vị xử lý định dạng mà ta đã quen biết khi dùng Word). Chữ đầu đoạn khi đó sẽ được tự động thụt vào một ít theo đúng kiểu chính tả truyền thống. Font mặc định kiểu Arial cỡ 2. Sau khi nhập văn bản thì có thể dùng các nút công cụ của Multiply để tuỳ biến theo ý muốn ( như đổi Font, thay cỡ chữ, màu chữ, hoặc định vị cho các đối tượng khác...).

Ví dụ tôi tạo nền ảnh minhthong.net (có URL thứ hai trong danh sách trên) :

            http://minhthong.net/pict/sand.gif  

Vậy chỉ cần thay URL này vào công thức code trên ta sẽ được code nền đó:

<DIV align=center>

<TABLE border=0 cellSpacing=0 cellPadding=0 width="100%" background=http://minhthong.net/pict/sand.gif  align=center>

<TBODY><TR vAlign=top><TD>
<P class=MsoNormal style="MARGIN: 0cm 1cm 0pt 34pt; TEXT-INDENT: 25.5pt; TEXT-ALIGN: justify"></P>

</TD></TR></TBODY></TABLE></DIV>

 

Dán code này vào cửa sổ Edit HTML của blog xong trở lại cửa sổ bình thường ta sẽ nhận được nền như dưới đây:


 

 

 

 

(Đây chính là nền vừa mới tạo do áp dụng công thức code mà tôi đề nghị ở trên. Noa đã được căn lề sẵn sàng cho nập liệu rồi) Đây chính là nền vừa mới tạo do áp dụng công thức code mà tôi đề nghị ở trên. Noa đã được căn lề sẵn sàng cho nập liệu rồi)

(Đây chính là nền vừa mới tạo do áp dụng công thức code mà tôi đề nghị ở trên. Noa đã được căn lề sẵn sàng cho nập liệu rồi) Đây chính là nền vừa mới tạo do áp dụng công thức code mà tôi đề nghị ở trên. Noa đã được căn lề sẵn sàng cho nập liệu rồi)













 

 

 

2- Một số URL ảnh trên mạng có thể giúp việc thực hành tạo table nền:

http://th1018.photobucket.com/albums/af301/missimage/backgrounds/th_Ylwchalk.jpg

http://th1018.photobucket.com/albums/af301/missimage/backgrounds/th_bgbg.jpg

http://th1018.photobucket.com/albums/af301/missimage/backgrounds/th_7844.jpg

http://th213.photobucket.com/albums/cc7/peanut40_01/Backgrounds/th_blue004.gif

http://th213.photobucket.com/albums/cc7/peanut40_01/Backgrounds/th_th8d333447.gif

http://th213.photobucket.com/albums/cc7/peanut40_01/Backgrounds/th_th396bb1e8.gif

http://th213.photobucket.com/albums/cc7/peanut40_01/Backgrounds/th_thb84ff0b2.gif

http://th646.photobucket.com/albums/uu190/Kitsune_insomnia/backgrounds/th_7be63cbb434e.jpg

http://th646.photobucket.com/albums/uu190/Kitsune_insomnia/backgrounds/th_845b196e348c.jpg

http://th646.photobucket.com/albums/uu190/Kitsune_insomnia/backgrounds/th_8d4317cf5d79.jpg

http://th646.photobucket.com/albums/uu190/Kitsune_insomnia/backgrounds/th_924d3b5e3096.jpg

http://th646.photobucket.com/albums/uu190/Kitsune_insomnia/backgrounds/th_aa085f4692f8.jpg

http://th646.photobucket.com/albums/uu190/Kitsune_insomnia/backgrounds/th_d4ca83b747e9.jpg

http://th646.photobucket.com/albums/uu190/Kitsune_insomnia/backgrounds/th_fa84b1942fed.jpg

http://th648.photobucket.com/albums/uu208/tinefo23/th_Untitledat.jpg

http://th648.photobucket.com/albums/uu208/tinefo23/th_Untitleddl.jpg

http://th648.photobucket.com/albums/uu208/tinefo23/th_Untitledmc.jpg

http://th844.photobucket.com/albums/ab4/emoxcupcakes/backgrounds/th_dinosaurs.jpg

http://th845.photobucket.com/albums/ab15/tisdalefanbgs/Backgrounds/th_selenag.jpg

http://th646.photobucket.com/albums/uu190/Kitsune_insomnia/backgrounds/th_820899klgsowgo7h.jpg

 

 

 

Bài 1 - Khái niệm về nền trang
Jul 19, '09 11:34 AM
for everyone


 

 

 

 

 

Bài 1

 

 

 

Khái niệm về nền trang.

 

Ta thường dùng giấy trắng để viết, nhưng nhiều khi ta lại viết trên giây có màu chẳng hạn màu hồng, xanh lơ hay tím nhạt v.v…Đôi khi ta còn dùng giấy chuyên để viết thư có những in sẵn những hình trang trí mờ chìm, nhằm tôn thêm vẻ đẹp cho trang thư.

 

Trong mạng truyền thông điện tử ta cũng thường thấy những trang web, e-mail hay blog có màu sắc tương tự và ta gọi là nền màu trang, nhưng nền màu của  trang mạng thì phong phú hơn là trên giấy màu rất nhiều. Ta phân biệt 3 dạng nền trang như sau:

1- Nền trang có màu đồng nhất.  Đó là các màu trong giải màu quang phổ với nhiều sắc độ khác nhau (về lý thuyết có tới hơn 6 triệu màu).

2- Nền trang được tạo bởi các hình ảnh trang trí có sắc độ mờ nhạt hoặc sẫm tối để khi ta gõ chữ hay chèn dữ liệu khác lên, vẫn được nổi bật mà không bị các ảnh hoặc mảng khối đường nét của nền làm lu mờ dữ liệu.

3- Một loại nền trang đặc biệt khác được cấu tạo từ những ảnh động, chẳng hạn như : sóng nước, sao sa, ánh chớp, hoa rung,  lá rơi, mưa tuôn, mây bay, nước chẩy, .….

Loại 1 ta tạm đặt tên là nền màu

Loại 2 ta gọi tắt là nền ảnh

Loại 3 ta gọi tắt là nền ảnh động.

Ta sẽ đề cập cách tạo và sử dụng nó trong blog, hoặc e-mail. Song trước hết chúng ta đi từ khái niệm cơ bản nền trang trên mạng là gì ? 

Thuộc tính bảng của nền.

Một trang giấy dù to hay nhỏ đều có hình thù đặc trưng là hình chữ nhật. Một trang hay một mảng riêng biệt trên mạng cũng tương tự, là một hình chữ nhật. Hình chữ nhật này đôi khi được phân ra những khung ô khác nhau (tương tự mặt một tờ báo giấy) hình thành nên một bảng lớn chứa các bảng nhỏ. Như vậy bản chất trang trên mạng được xây dựng trên cơ sở tạo bảng (table). Ta thường hình dung một bảng thì gồm các cột (colum) và hàng (row) cắt nhau  tạo thành các ô (cell) của bảng. Sử dụng tính năng nối liền hoặc phân chia các hàng hoặc các ô ta tạo ra một bảng gồm có các ô (cell) to nhỏ khác nhau. Một trang đơn giản như trang blog, trang email chính là một bảng mà bảng này chỉ có 1 cột, 1 hàng và như thế nó cũng chỉ có 1 ô (cell).

Giới hạn xung quanh bảng, cho ta khái niệm về đường viền hay đường biên (border). Vậy một trang được giới hạn bởi 4 đường viền tạo thành một hình chữ nhật : viền trên, viền phải, viền dưới và viền trái.  Lưu ý : đường viền bản thân nó cũng có thể có kích thước ngang to hoặc nhỏ, thậm chí có độ lớn bằng 0 (ta nói là không viền), và có màu (nếu màu của viền trùng với màu của diện tích nền thì coi như không màu).

Đôi khi mở trang blog ta thấy một số các nền phân biệt có chiều ngang rộng hẹp khác nhau. Vậy cái diện tích chung rộng nhất vô hình đã chứa các nền trang khác nhau đó là gì ? Cũng là hình chữ nhật mà ta gọi là trang chuẩn của blog. Tuỳ theo dịch vụ blog và theme đang dùng mà chiều ngang chuẩn này chiếm tỷ lệ khác nhau so với chiều ngang của cửa sổ màn hình. Ta không cần quan tâm đến chiều ngang chuẩn này có kích thước thực là bao nhiêu (vì nó còn phụ thuộc vào kích thước của màn hình khác nhau khi nó thể hiện). Do đó ta dùng đơn vị đo tương đối (% ngang chuẩn) để xác định cho chiều ngang của nền và nói rằng nền này chiều ngang bằng x1 % ngang chuẩn, nền kia có chiều ngang bằng x2 % ngang chuẩn.

 

Cuối cùng ta suy luận rằng để tạo ra một nền trang blog có màu ta không thể dùng bút hay mực để tô màu cho màn hình nên ta phải "nói chuyện" với máy bằng ngôn ngữ mà máy có thể hiểu. Đó là viết một đoạn mã (code HTML) nhằm tạo ra một bảng trong đó các thông số của bảng cần được ghi giá trị xác định (như kích thước, màu sắc..) rồi ra lệnh cho máy tính và Multiply làm. Sau đây chúng ta đề cập cụ thể việc tạo code HTML (gọi là mã dùng ngôn ngữ siêu văn bản) cho một nền màu. Dưới đây tôi có dùng đến vài khái niệm tin học nhưng rất chi là nôm na thôi, các bạn chưa học món này cứ làm quen với những gì ta cần, cốt thực hành được việc. (không cần gắng thuộc lòng cho mệt cái đầu, dù hiểu lơ mơ cũng chẳng sao ).


1 - Nền trang màu.

Một nền trang màu là một cái khung hình chữ nhật được tô màu để nhập liệu lên trên, nó chính là một cái bảng chỉ có một cột, một hàng, một ô, được tô màu. Để có một nền màu trong trang soạn thảo blog hoặc trang e-mail người ta có thể copy từ một nguồn khác trên mạng internet, hoặc có thể copy nền tạo từ trang word của máy tính (nếu dịch vụ blog hoặc e-mail chấp nhận cho dán vào). Cũng có thể tự tạo ra một nền màu bằng cách đưa vào vùng soạn thảo HTML của blog hay e-mail (nếu dịch vụ email đó có) một đoạn code HTML thích hợp. Dưới đây bàn về nội dung một code HTML để tạo ra một nền màu.

Trước hết ta khảo sát một code HTML đơn giản nhất cho một nền (TABLE) có màu xám :

<TABLE cellSpacing=10 cellPadding=50 width="100%"

bgColor=#efefef border=0><TBODY><TR><TD></TD></TR></TBODY> </TABLE>



Phân tích :

Đoạn code cơ bản để tạo nền màu này là :

<TABLE cellSpacing=10 cellPadding=50 width="100%"

bgColor=#efefef border=0>


 


Ý nghĩa :

Qua đoạn code trên ta thấy đây là một bảng chỉ gồm có một ô (cell), độ lớn đường viên bằng 0 (border=0), tức không viền,  được tô màu xám (bgColor=#efefef), độ rộng nền (tức chiều ngang table) được tính bằng 100% chiều ngang chuẩn (width="100%").

Khoảng cách từ vùng nhập liệu tới biên của bảng là bằng 10px (cellSpacing=10 ).

Lề trang (padding) tức là khoảng cách từ khu vực nhập liệu tới cellSpacing theo cả 4 phía đều là 50px (cellPadding=50). Như vậy thì khi nhâp liệu vào bảng (nền) ta sẽ có kết quả là vùng nhập liệu còn cách đường biên của bảng một khoảng cách là 10 + 50 = 60 px ( tính cả 4 phía theo hướng quay kim đồng hồ : trên, phải, dưới, trái).


Khi tạo nền màu cho trang blog (hoặc email) những thông số trong code HTML, cần lưu ý như sau:


- Kích thước chiều ngang bảng
(width=) [thường cho giá trị 100%].

- Trị  số màu nền (bgcolor= ) Trị số màu dùng đơn vị Hex, cũng có thể dùng trị số RGB hoặc Tên quy ước của màu.  (xem bảng mã màu).

- Trị số về độ lớn đường viền (boder= ) [ thường cho = 0].

- Khoảng cách từ biên nền tới biên khung của trang blog (cellspacing=) [thường = 0].

- Lề, tức khoảng cách từ vùng nhập liệu tới biên của nền trang :

(cellpadding=) [tùy ý, tính bằng px]

Chiều ngang của bảng có thể tính bằng px hoặc giá trị % chiều ngang chuẩn. Nên dùng giá trị % để thích ứng tỷ lệ màn hình lớn nhỏ khác nhau ví dụ có thể chọn 50% - 75 - 80 - 90 - 95 - 100 – 105 - 110%. Khi tỷ lệ khi đã vượt quá 100% thì sẽ làm nền dãn ngang quá chuẩn. Một số trường hợp như vậy có thể xuất hiện thanh cuộn ngang, đọc tài liệu sẽ phải dùng chuột điều khiển thanh cuộn ngang.


Khi trình bầy một trang văn bản trong blog (hay email) người ta hay sử dụng nền trang màu không có viền bao quanh, tức tr
ị số border=0.


Trị số lề (
cellpadding=) và trị số khoảng cách (cellspacing=) có quan hệ kết hợp với nhau, đều cùng chi phối vị trí tương đối của vùng nhập liệu so với biên của nền (thông thường thì cho cellSpacing=0,  còn trị số  cellpadding= có thể chọn tuỳ ý, ví dụ = 50px hoặc nhỏ hơn ).


Để cân chỉnh cho nền vào giữa, sang trái hay sang phải và tạo thêm dòng trắng cho nền ở phía trên, hay phía dưới người ta thường ghi thêm một số thông số như :

<P align=center>  (đưa bảng vào chính giữa trang blog),

<P align=center>&nbsp;</P> (dòng trắng), đôi khi dùng lệnh bẻ dòng cũng được: <br>

hoặc còn thêm các trị số như về căn lề trái phải, thụt đầu đoạn cho văn bản…v.v…


Lưu ý cuối cùng là giá trị khi để là hư số (không ghi đơn vị tính) thì hiểu mặc định đó là px.

  

      Xem vài ví dụ code nền đơn giản:



Nền xám :


<P align=center></P> <P align=center>

<TABLE cellSpacing=0

cellPadding=1 width=90%  bgColor=#efefef  border=2> 

<TBODY><TR><TD></TD></TR>

</TBODY></TABLE></P><P align=center></P>

 

Nền đỏ cờ:


<P align=center>&nbsp;</P>  <P align=center>

<TABLE cellSpacing=0

cellPadding=1 width=90%  bgColor=red border=0> 

<TBODY><TR><TD></TD></TR></TBODY>

</TABLE></P><P align=justify></P>  


Nền dất :



<P align=center>&nbsp;</P>  <P align=center>

<TABLE cellSpacing=0

cellPadding=1 width=90%  bgColor=#d4d0c8 border=5>

<TBODY> <TR><TD></TD></TR></TBODY>

</TABLE></P><P align=justify></P>

 

Nhìn quen để nhớ khi xem code:

 Table = bảng

 Cell = ô

 cellPadding = lề

 cellSpacing = khoảng trống nền đến khung

 align = canh lề

 align=center : canh lề vào trung tâm

 align=justify : canh cả 2 lề trái và phải

 width : chiều ngang

 border : viền bao quanh

 bgColor : màu nền

 #d4d0c8 : một giá trị của màu ghi theo đơn vị hex

 #efefef  :   một giá trị của màu ghi theo đơn vị hex

 red :     giá trị màu đỏ ghi theo tên tiếng Anh (đã  dịch ngôn ngữ máy)

 &nbsp;    = một ký tự trắng ( 1 gõ phím Space)

 <P align=center>&nbsp;</P>: Một dòng trống

 px : đơn vị điểm ảnh ghi sau chữ số, dùng đo độ dài. Giá trị số không ghi px thì mặc định là px

<TABLE>,<TBODY>,<TR>,<P>: hiểu nôm na là những chữ khởi đầu cho một lệnh, tạm gọi là tag, chúng cần để diễn đạt cú pháp của một code HTML, 
 
 

</TABLE>,</TBODY>,</TR>,</P> hiểu nôm na là những chữ kết thúc cho một lệnh.

 

(Cách viết thứ tự các tag cũng tương tự như khi ta diễn đạt các dấu ngoặc trong toán đại số, ví dụ dấu ngoặc ôm { }, trong ngoặc ôm có ngoặc vuông [ ], trong ngoặc vuông có ngoặc đơn ( ),  từ đây ta liên hệ tới khái niệm tag nào thì được chứa bên trong nó những tag nào.  


Ví dụ toán học ta thường viết thứ tự đóng và mở các dấu ngoặc như :    {  [  (  )  ]  }

chẳng hạn trong biểu thức :


       { ay - bx + c [ 2x-3y+15 + n(ab-xy) ] }


 

Nhớ là cũng như dấu toán học, đã có tag mở : < thì phải có tag đóng lại: /> mới đúng cú pháp.(chỉ trừ một số những tag ngoại lệ). Ví dụ đã <TABLE> thì phải </TABLE>

 

hoặc đã :

            <TABLE>, <TBODY>, <TR>, <TD>

thì phải : 
       </TD>,</TR>,</TBODY>,</TR>,</TABLE>



Lưu ý:

Trong code HTML không phân biệt chữ hoa hay chữ thường, đậm mảnh, to nhỏ, mầu sắc.


Kết quả thực hiện:

 

Khi ta dán 3 code trên vào cửa sổ HTML rồi trở lại

cửa sổ bình thường ta thấy 3 nền hiện ra như dưới đây:

 



 



Nền xám : (viền =2)













 


Nền đỏ cờ : (viền = 0)














Nền đất :(viền = 5)













 

No comments:

Post a Comment

Followers

Blog Archive