Thuộc tính html cơ thể



Sự miêu tả

Thẻ HTML được sử dụng để chỉ ra phần nội dung chính của tài liệu HTML

Thí dụ



   
      HTML body Tag
   
	
   
      Body of the document...
   


Điều này sẽ tạo ra kết quả sau -

Thuộc tính toàn cầu

Thẻ này hỗ trợ tất cả các thuộc tính chung được mô tả trong Tham chiếu thuộc tính HTML

Thuộc tính cụ thể

Thẻ HTML cũng hỗ trợ các thuộc tính bổ sung sau -

Thuộc tínhValueDescriptionalinkrgb(x,x,x)
#xxxxxx
colornameDeprecated - Chỉ định màu của các liên kết hoạt động trong tài liệu. backgroundURLDeprecated − Chỉ định đường dẫn tệp ảnh nền. bgcolorrgb(x,x,x)
#xxxxxx
colornameDeprecated − Chỉ định màu nền. liên kếtrgb(x,x,x)
#xxxxxx
colornameDeprecated - Chỉ định màu của tất cả các liên kết trong tài liệu. textrgb(x,x,x)
#xxxxxx
colornameDeprecated − Chỉ định màu của văn bản trong tài liệu. vlinkrgb(x,x,x)
#xxxxxx
colornameDeprecated - Chỉ định màu của các liên kết đã truy cập trong tài liệu

Thuộc tính sự kiện

Thẻ này hỗ trợ tất cả các thuộc tính sự kiện được mô tả trong Tham chiếu sự kiện HTML

Hỗ trợ trình duyệt

ChromeFirefoxIEOperaSafariAndroidYesYesYesYesYesYes

Bây giờ bạn đã là một thiên tài về HTML, bạn sẽ muốn trang web của mình trông bắt mắt hơn. Điều đó có nghĩa là sử dụng tốt màu sắc và thiết kế hấp dẫn. Cho đến bây giờ, các màu duy nhất trên trang của bạn là màu trắng ở nền, màu đen cho văn bản và màu xanh lam cho các liên kết. Bạn có muốn thay đổi chúng cho một cái gì đó phong cách hơn nhiều?

Trang này được cập nhật lần cuối vào ngày 21-08-2012



Tag

Bây giờ bạn đã nắm được ý chính của việc sử dụng các thuộc tính trong thẻ, điều này sẽ hoàn toàn hợp lý. Ghi nhớ thẻ từ trang đầu tiên, mọi thứ hiển thị trên trang của bạn sẽ đi vào đâu? . Có 7 thuộc tính được thêm vào đây và tất cả chúng đều thay đổi giao diện trang của bạn

bgcolor

Đây là màu của BG hoặc BackGround của trang của bạn. Bạn cần đặt màu dưới dạng mã HEX, giống như các màu còn lại. Mã HEX là gì? . Bởi vì nó có nghĩa là bạn phải đọc. Nếu bạn muốn xem danh sách mã HEX cho 216 màu khác nhau, hãy xem biểu đồ này. mã là

bgcolor="#FFFFFF"

Lưu ý rằng, mặc dù BG mặc định là màu trắng, bạn vẫn nên viết mã bằng #FFFFFF, vì BG mặc định của trình duyệt cũ có màu xám khó chịu

chữ

Thao tác này sẽ thay đổi màu của tất cả văn bản trên toàn bộ trang của bạn, trừ khi bạn đã thay đổi màu theo cách thủ công (tìm hiểu cách thực hiện trong phần văn bản). Đặt cược tốt nhất của bạn ở đây là để nó màu đen, vì đó là cách dễ đọc nhất. Mã số

text="#000000"

Thay vì màu xanh bình thường, giờ đây bạn có thể thay đổi màu của tất cả các liên kết của mình sang màu gì đó sang trọng hơn một chút

link="#FF00FF"

vlink

Liên kết thay đổi màu sắc sau khi bạn đã nhấp vào chúng, từ màu xanh sang màu tím. Chữ V là viết tắt của 'Đã truy cập'. Bạn cũng có thể thay đổi màu này, nhưng đảm bảo rằng nó khác rõ ràng với màu link, nếu không mọi người sẽ bị nhầm lẫn

vlink="#660066"

đường dẫn

Khi bạn nhấp vào một liên kết, nó sẽ thay đổi màu sắc trong giây lát, để cho bạn biết rằng bạn đã nhấp vào nó, tôi đoán vậy. Nếu bạn nhấp vào nút 'Quay lại', nút này sẽ được đánh dấu là Đang hoạt động để bạn không phải nhấp lại vào nút đó. Mặc định thường là màu đỏ. Hãy chắc chắn rằng bạn đánh dấu nó đúng;

alink="#FF0000"

Nếu bạn muốn đặt một hình ảnh làm nền, hãy sử dụng thuộc tính này và đặt giá trị giống như cách bạn làm cho một hình ảnh src (bạn không biết cách thực hiện? Hãy đọc bài học trước về hình ảnh). Bạn cũng có thể liên kết đến một hình ảnh từ một trang web khác bằng cách cung cấp toàn bộ URL

background="http://www.yoursite.com/media/BACKGROUND.gif"

Bất kỳ hình ảnh nào bạn chọn sử dụng, nó sẽ được xếp trên trang của bạn, lấp đầy nó. Điều đó có nghĩa là nó sẽ tự lặp lại trên trang của bạn, vì vậy hãy chọn một cái nhìn không quá rõ ràng

Nếu bạn muốn nền của mình được cố định và không cuộn, hãy thêm thuộc tính bgproperties="fixed" vào #FFFFFF0. Điều này sẽ để lại hình ảnh dưới dạng hình mờ

lề

Có hai bộ lề trên một trang, bộ lề ở hai bên và bộ lề ở trên cùng và dưới cùng. Hai trình duyệt chính sử dụng các thuộc tính khác nhau để đặt vào các lề này, vì vậy khi bạn thay đổi một cái, hãy thay đổi cả cái kia

  • Đối với Internet Explorer. #FFFFFF1 và #FFFFFF2
  • Đối với Netscape. #FFFFFF3 và #FFFFFF4

Mặc dù vậy, các đơn vị đo lường đều giống nhau — pixel, vì vậy, để làm cho lề của bạn giống nhau trong cả hai trình duyệt, chỉ cần đặt cả hai thành cùng một giá trị


Cho tôi xem mã
Vì vậy, bây giờ, một thẻ #FFFFFF0 hoàn chỉnh sẽ giống như thế này


Bước vào phong cách

Trong thời gian bạn học HTML cho đến nay, có thể bạn đã nghe nhắc đến CSS hoặc Cascading StyleSheets và tự hỏi chúng là gì. Tôi sẽ giải thích toàn bộ vấn đề ngay bây giờ và hy vọng rằng bạn đã sẵn sàng cho nó. Tôi có toàn bộ phần biểu định kiểu và phần giới thiệu riêng về CSS tại đây, nhưng hãy coi đây là phần giới thiệu cho phần giới thiệu

Có nhiều thẻ trong HTML tồn tại hoàn toàn để tạo một giao diện nhất định trên các trang của bạn. Ngoài ra còn có các kỹ thuật, chẳng hạn như sử dụng hình ảnh trong suốt để tạo khoảng trống cho trang của bạn. Cách đây vài năm, điều này rất tốt (và đó là lý do tại sao bạn sẽ thấy các phương pháp như thế này được đề cập trong các hướng dẫn HTML cũ hơn. ), nhưng chúng hoàn toàn không phù hợp với web tồn tại ngày nay. Những kỹ thuật này tạo ra các vấn đề về khả năng truy cập, thêm vào phần lớn các tệp HTML của bạn và nói chung là khó xử lý. Ngày nay, chúng tôi có một phương pháp tốt hơn để tạo kiểu cho các trang của mình

Biểu định kiểu là cách tốt nhất để xác định trang của bạn trông như thế nào. Mọi người nên sử dụng chúng. Bạn tạo một tệp văn bản đơn giản, kiểu. css chẳng hạn, với một số quy tắc xác định màu sắc và khoảng cách của các phần tử HTML nhất định. Giả sử, trong biểu định kiểu của bạn, bạn ra lệnh cho tất cả các tiêu đề của mình (

) có màu đỏ. Sau đó, bạn đặt một dòng mã vào HTML của mình để hiển thị trình duyệt web của bạn nơi chứa tệp CSS của nó. Khi tải trang lên, nó sẽ tìm tệp CSS, đọc nó và thấy rằng tất cả các phần tử #FFFFFF6 phải có màu đỏ và sau đó hiển thị các tiêu đề màu đỏ mà không cần thêm bất kỳ mã nào

Bằng cách này, bạn có thể áp dụng tất cả nội dung trình bày thông qua CSS đơn giản và giữ cho HTML của bạn tương đối sạch sẽ và đơn giản. Vì vậy, hãy mở một tài liệu mới và thêm tài liệu này vào đó

cơ thể {lề. 0px;
h1 {màu. màu đỏ;

Đó là tất cả những gì cần có trong hồ sơ. Lưu nó dưới dạng phong cách. css (hoặc bất cứ thứ gì). Bây giờ hãy thêm dòng này vào #FFFFFF7 trong tất cả các trang của bạn

#FFFFFF8

Điều này cho trình duyệt của bạn biết nơi tìm tệp CSS. Hai dòng mã này sẽ làm cho tất cả các tiêu đề trên trang web của bạn có màu đỏ và sẽ đặt lề trang thành 0 pixel mà không cần tất cả các công việc phức tạp đó như #FFFFFF9/text="#000000"0/etc. thuộc tính ngu ngốc. Nó thực sự có lẽ là tốt nhất nếu bạn loại bỏ những thuộc tính đó

Bạn hẳn đã thấy một số lợi ích của việc sử dụng CSS — một dòng đó sẽ xử lý các lề trên mỗi trang của bạn sử dụng biểu định kiểu này. Khi bạn có tệp CSS, bạn có thể tiếp tục thêm các quy tắc mới vào tệp đó để làm đẹp các trang của mình. Có một số sức mạnh tuyệt vời trong biểu định kiểu và bạn có vô số tùy chọn để thiết kế giao diện trang web của mình. Đi tới phần CSS để biết thêm

Một từ về phối màu

Tránh một bảng màu gây sốc bằng mọi giá. Không phải ngẫu nhiên mà những trang web tốt nhất có màu sắc dịu nhẹ, và những trang web tồi tệ nhất có màu sắc thô ráp, đau đớn. Màu vàng sáng, đỏ, hồng và xanh lá cây là một điều tối kỵ. Nó càng dễ đọc thì càng trông chuyên nghiệp hơn. Giữ độ tương phản cao giữa các màu text="#000000"1 và text="#000000"2, để không có văn bản nào biến mất do quá gần bóng râm

Nếu bạn nghĩ rằng mọi người có thể muốn in các phần của trang web của bạn, đừng sử dụng nền đen và chữ trắng. Sẽ không ai in nó nếu nó chiếm hết mực của họ. Nó cũng không dễ đọc như màu đen trên nền trắng thông thường

Bảng màu bạn sử dụng và chủ đề của trang web của bạn thường sẽ có nhiều điểm chung. Họ cũng sẽ tạo ra một tâm trạng khác. Truy cập các trang web như của riêng bạn và xem họ sử dụng màu nào và chỉ trích xem chúng có hoạt động hay không. Một trang web về trò chơi Quake chẳng hạn, có thể sử dụng những màu tối, điềm báo vì chúng rất phù hợp với bầu không khí của đối tượng. Tuy nhiên, nếu bạn đang thiết kế một trang web du lịch thì không thể sử dụng các màu giống nhau vì bạn muốn tạo tâm trạng vui vẻ, chào đón. Nghĩ về khán giả của bạn

Chọn nền của bạn tốt

Nếu bạn sử dụng text="#000000"3 (hãy nhớ rằng bạn không cần phải làm vậy), hãy chọn màu chính trong ảnh. Sau đó đặt màu đó làm text="#000000"1 của bạn. Lý do là một số người không bật hình ảnh nên sẽ không nhìn thấy hình ảnh của bạn. Do đó, màu sắc phải gần với màu của hình ảnh để văn bản vẫn có thể đọc được

Hãy thử và tránh sử dụng những hình nền miễn phí khủng khiếp mà bạn có thể tìm thấy trên mạng hoặc những hình nền buồn tẻ đi kèm với các chương trình Microsoft Office. Trang web của bạn sẽ trông cực kỳ rẻ. Việc sử dụng khéo léo một ô nền đơn giản có thể mang lại hiệu quả kỳ diệu đối với tác động trực quan của trang web của bạn. Nhìn vào bong bóng đơn giản của chúng ta để hiểu ý tôi

4 thuộc tính của body HTML là gì?

bgcolor. Nó được sử dụng để chỉ định màu nền của hình ảnh. đường dẫn. Nó được sử dụng để chỉ định màu của liên kết hoạt động. liên kết. Nó được sử dụng để chỉ định màu của các liên kết đã truy cập. chữ. Nó chỉ định màu của văn bản trong tài liệu

Các thuộc tính của các yếu tố cơ thể là gì?

Thuộc tính

Có bao nhiêu thuộc tính trong phần thân trong HTML?

7 thuộc tính được thêm vào đây và tất cả chúng đều thay đổi giao diện trang của bạn.