Hướng dẫn về thẻ Aside trong HTML. Ở đây chúng ta cũng thảo luận về việc giới thiệu thẻ Aside trong HTML, Cú pháp, thuộc tính và ví dụ tương ứng.

Bạn đang xem : phần tử sang một bên trong html

Aside-Tag-in-HTML

Giới thiệu về thẻ Aside trong HTML

Thẻ Aside trong HTML chủ yếu được sử dụng để hiển thị nội dung quan trọng của trang web. Nó hoạt động như một công cụ đánh dấu để tập trung vào những điều chính từ trang web. Thẻ này trong HTML cũng được sử dụng để phân chia hoặc tạo phân vùng cho trang web, nhưng thẻ này chỉ được sử dụng để tập trung vào nội dung chính của trang web. Nó được sử dụng để làm cho việc thiết kế trang web trở nên dễ dàng hơn, điều này sẽ mang lại sự rõ ràng hơn cho tài liệu HTML đi kèm. Khu vực vị trí chính trên trang web cho thẻ sang một bên nằm trong thanh bên hoặc trong các hộp gọi ra.

Cú pháp:

Bắt đầu khóa học phát triển phần mềm miễn phí của bạn

Phát triển web, ngôn ngữ lập trình, Kiểm tra phần mềm & amp; những người khác

& lt; body & gt;
& lt; sang một bên & gt;
& lt; p & gt; một số văn bản & lt; / p & gt;
& lt; / sang một bên & gt;
& lt; / body & gt;

  • Thẻ & lt; sang một bên & gt; được đưa vào mã HTML trong thẻ & lt; body & gt ;. Điều này được sử dụng để xác định tiểu sử của tác giả, quảng cáo, định nghĩa trang, chi tiết hồ sơ và một số liên kết quan trọng. Nó có thể được sử dụng ở bất cứ đâu trong trang web. Nó chủ yếu được sử dụng trong HTML 5 .
  • Nó nên được sử dụng trong phần tử bài viết hoặc bên ngoài phần tử bài viết này. Trong khi sử dụng thẻ này với phần tử bài viết, nó phải được bao gồm nội dung của bài viết. Và bất cứ khi nào nó được sử dụng bên ngoài phần tử bài viết, thì nó phải bao gồm dữ liệu liên quan đến toàn bộ trang web.
  • Đây được coi là một phần tử cấp khối trong HTML. Người ta có thể sử dụng cả phần tử cấp khối và phần tử nội tuyến trong & lt; sang một bên & gt; hoặc vào phần tử văn bản. Nó không phụ thuộc vào bất kỳ thuộc tính cụ thể nào trong HTML.
  • Nhưng giống như các thẻ khác, & lt; sang một bên & gt; thẻ cũng hỗ trợ các thuộc tính toàn cục cũng như các thuộc tính sự kiện.

Các thuộc tính của thẻ Aside trong HTML

Dưới đây là các thuộc tính của Thẻ bên trong trong HTML:

Thuộc tính chung

Có nhiều thuộc tính chung được hỗ trợ bởi thẻ & lt; sang một bên & gt;, một số thuộc tính như sau:

  • phím truy cập: Nó được sử dụng làm phím tắt để đánh dấu một thuộc tính cụ thể.
  • class: Nó được sử dụng để xác định một hoặc nhiều tên lớp cho phần tử được bao gồm.
  • có thể chỉnh sửa: Thuộc tính này được sử dụng để cung cấp thông tin chi tiết của phần tử, cho dù nó có thể chỉnh sửa được hay không.
  • dữ liệu: Thuộc tính này giúp thu thập dữ liệu tùy chỉnh một cách riêng tư vào trang hoặc ứng dụng được yêu cầu.
  • Có thể kéo: Nó xác định liệu phần tử có thể kéo được hay không.
Xem Thêm  Thay thế chuỗi JavaScript () Giải thích bằng các ví dụ - chuỗi javascript thay thế toàn cầu

Thuộc tính sự kiện

Thẻ

& lt; sang một bên & gt; cũng hỗ trợ các thuộc tính sự kiện; một số trong số chúng như sau:

  • onafterprint: Thuộc tính này được sử dụng để chạy tập lệnh bất cứ khi nào tài liệu được in .
  • onerror: Bất cứ khi nào xảy ra bất kỳ lỗi nào, thì thuộc tính này sẽ được thực thi.
  • onmessage: Tập lệnh này xảy ra khi một thông báo được kích hoạt.
  • onpageshow: Bất cứ khi nào người dùng điều hướng từ trang này sang trang khác, thuộc tính sự kiện này sẽ hoạt động với sự kiện này.
  • onstorage: Thuộc tính này chạy tập lệnh bất cứ khi nào vùng lưu trữ web được cập nhật.

Ví dụ về thẻ bên cạnh trong HTML

Hãy thảo luận một số ví dụ để xác định thẻ & lt; sang một bên & gt;, cách thực sự nó sẽ được sử dụng trong HTML 5:

Ví dụ # 1 – Gắn thẻ trong

Mã:

 & lt; html & gt;
& lt; body & gt;
& lt; h1 & gt; A. P. J. Abdul Kalam & lt; / h1 & gt;
& lt; bài báo & gt;
& lt; sang một bên style = "float: right; width: 20%; background-color: deepskyblue; padding: 20 20px;" & gt;
& lt; img src = "APJ.jpg" style = "height: 40%; width: 100%;" & gt;
& lt; / sang một bên & gt;
& lt; p style = "width: 80%; padding: 20px;" & gt;
Dr.A.P.J Abdul Kalam được biết đến như một nhân vật nổi tiếng nhất ở Ấn Độ. Tên đầy đủ của anh ấy là Avul Pakir Jainulabdeen Abdul Kalam. Cuộc hành trình toàn bộ cuộc đời của ông diễn ra từ ngày 15 tháng 10 năm 1931 đến ngày 27 tháng 7 năm 2015. Trong thời gian này, ông được làm việc như một nhà khoa học hàng không vũ trụ. Rameswaram, Tamil Nadu là nơi sinh của ông. Cũng như ông đã hoàn thành chương trình học về vật lý và kỹ thuật hàng không vũ trụ tại chính bang Tamilnadu. Ông đã phục vụ quốc gia với tư cách là tổng thống thứ 11 của Ấn Độ từ năm 2002 đến năm 2007. Ông gần như dành 4 thập kỷ phục vụ với tư cách là nhà khoa học và quản lý khoa học, chủ yếu ông là người tích cực tham gia Tổ chức Nghiên cứu và Phát triển Quốc phòng (DRDO) và hầu hết tổ chức nổi tiếng của Ấn Độ, tức là Tổ chức Nghiên cứu Không gian Ấn Độ (ISRO). Do tham gia tích cực vào tổ chức đó và tham gia vào quá trình phát triển tên lửa quân sự của Ấn Độ, ông được gọi là Người tên lửa của Ấn Độ. Ông đã đóng một vai trò rất quan trọng trong vụ thử hạt nhân mà Ấn Độ tiến hành cho vụ thử hạt nhân Pokharan -2 vào năm 1998. & lt; br & gt; Ông nổi tiếng về nhân cách trong tất cả các lĩnh vực danh tiếng như giáo dục, hàng không vũ trụ, quân sự, dịch vụ công cộng và cả trong lĩnh vực viết lách. Ông mất ngày 27 tháng 7 năm 2015, thọ 83 tuổi & lt; / p & gt;
& lt; / bài báo & gt;
& lt; / body & gt;
& lt; / html & gt;  

Đầu ra:

Xem Thêm  Python - Các toán tử cơ bản - cái gì trong con trăn

within

Ví dụ # 2 – Gắn thẻ bên ngoài

Mã:

  & lt; html & gt;
& lt; đầu & gt;
& lt; title & gt; Bên cạnh thẻ & lt; / title & gt;
& lt; phong cách & gt;
.thử nghiệm {
font-size: 30px;
font-weight: bold;
}
h1 {
font-size: 30px;
màu tím;
font-weight: bold;
}
P {
font-size: 20px;
lề: 20px 0;
}
& lt; / style & gt;
& lt; / head & gt;
& lt; body & gt;
& lt; div class = "demo" & gt; & lt; u & gt; Thảm kịch nhà máy ở Delhi & lt; / u & gt; & lt; / div & gt;
& lt; sang một bên & gt;
& lt; h1 & gt; Thảm kịch cháy ở Delhi: Gặp gỡ lính cứu hỏa Sunil Kumar, người đã cứu sống hơn chục người & lt; / h1 & gt; & lt; p & gt;
Gặp gỡ lính cứu hỏa Sunil Kumar, người cùng với nhóm của anh, đã cứu sống hơn một chục người khỏi vụ cháy nhà máy sản xuất túi ở khu vực Anaj Mandi của Delhi sáng nay. Vụ cháy sáng sớm đã khiến hơn 40 người chết và nhiều người bị thương. & Lt; br & gt; Ngay sau khi Sunil Kumar, người từng đoạt giải Tổng thống, đến hiện trường cùng nhóm của anh ấy từ Prasad Nagar, rất khó khăn cho cuộc đấu thầu cứu hỏa để tiếp cận địa điểm từ đường chính, nhưng bằng cách nào đó, một đoàn thầu cứu hỏa đã tiến vào trong khi các đoàn thầu cứu hỏa khác đang chờ trên đường
. & lt; / p & gt;
& lt; / sang một bên & gt;
& lt; / body & gt;
& lt; / html & gt;  

Đầu ra:

bên ngoài

Ví dụ # 3 – Thẻ kiểu

Mã:

  & lt; body & gt;
& lt; bài báo & gt;
& lt; h1 & gt; Hoa hậu Nam Phi đăng quang Hoa hậu Hoàn vũ 2019 & lt; / h1 & gt;
& lt; p & gt; Miss Universe 2018 Catriona Gray của Philippines trao vương miện cho tân Hoa hậu Hoàn vũ 2019, Zozibini Tunzi của Nam Phi, trong cuộc thi diễn ra tại Tyler Perry Studios ở Atlanta, Georgia, vào ngày 8 tháng 12 năm 2019.
& lt; / p & gt;
& lt; img src = "Miss.jpg" style = "height: 10%; width: 20%;" & gt;
& lt; / bài báo & gt;
& lt; p & gt; Hai Á hậu cho vương miện là Hoa hậu Mexico và Hoa hậu Puerto Rico. & lt; / p & gt;
& lt; / body & gt;  

Đầu ra:

style tag

Kết luận

Thẻ

& lt; sang một bên & gt; trong HTML đặc biệt được sử dụng làm phần tử cấp khối, nhưng nó cũng hỗ trợ các phần tử nội tuyến hoặc phần tử văn bản. Loại phần tử này được sử dụng để đại diện cho nội dung chính của trang web. Nó hiển thị thông tin chi tiết về tác giả, một số liên kết quan trọng đến trang web, blog quảng cáo, v.v. Phần tử này có thể được sử dụng bên trong hoặc bên ngoài phần tử bài viết.

Xem Thêm  JavaScript Sự kiện trangX, trangY - e pagex trong javascript

Các bài báo được đề xuất

Đây là hướng dẫn về Thẻ bên trong trong HTML. Ở đây chúng ta thảo luận về khái niệm cơ bản, Cú pháp và các ví dụ khác nhau về thẻ aisde trong html. Bạn cũng có thể xem các bài viết sau để tìm hiểu thêm –

1

Chia sẻ

Chia sẻ


Xem thêm những thông tin liên quan đến chủ đề phần tử sang một bên trong html

CSS – 2.1 – Ba cách định dạng cho phần tử trong HTML (Syntax)

alt

  • Tác giả: Phan Kim Tu
  • Ngày đăng: 2021-11-14
  • Đánh giá: 4 ⭐ ( 2146 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: https://www.phankimtu.com

Tổng hợp các thuộc tính trong HTML

  • Tác giả: timoday.edu.vn
  • Đánh giá: 4 ⭐ ( 9617 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Tổng hợp tất cả các thuộc tính trong html, tập hợp này giống như một sổ tay để tra cứu các thuộc tính sử dụng trong các phần tử HTML

Bên trong phần tử Body của HTML là gì?

  • Tác giả: intero.vn
  • Đánh giá: 5 ⭐ ( 6237 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Bên trong phần tử Body của HTML là gì? Chúng ta cùng tìm hiểu để có cái nhìn tổng quan từ đó giúp đã dễ dàng đọc hiểu và viết Html hơn nhá!

Các thẻ cơ bản, phần tử và thuộc tính trong HTML

  • Tác giả: comdy.vn
  • Đánh giá: 3 ⭐ ( 3798 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Các thẻ cơ bản trong HTML là gì? Thẻ và phần tử trong HTML khác nhau như thế nào? Thuộc tính trong HTML là gì?

[Tự học HTML] Phần tử(Elements) trong HTML

  • Tác giả: cafedev.vn
  • Đánh giá: 4 ⭐ ( 9150 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Cafedev – Một phần tử trong HTML được định nghĩa bởi thẻ bắt đầu, một số nội dung và thẻ kết thúc.

Tôi có thể lồng một phần tử

  • Tác giả: qastack.vn
  • Đánh giá: 5 ⭐ ( 1441 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: [Tìm thấy giải pháp!] Không , nó không hợp lệ HTML5 theo Tài liệu Spec HTML5 từ W3C : Mô…

Các phần tử trong HTML, lồng nhau hay trống, có ví dụ

  • Tác giả: thuthuat.taimienphi.vn
  • Đánh giá: 4 ⭐ ( 4078 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Các phần tử trong HTML, lồng nhau hay trống, có ví dụ

Xem thêm các bài viết khác thuộc chuyên mục: Kiến thức lập trình

By ads_php