Tạo bảng

Kết quả trên là do đoạn code này, copy của Tell me why, height: 60, càng dài thì càng thêm:

<tbody>

<tr>

<b style="font-size:x-large">Bài giảng ĐC Khảm</b>

</font>

</td>

<b style="font-size:x-large">Mùa thường niên C</b>

</font>

</td>

</tr>

<tr>

Chúa Nhật 26 thường niên C

</p>

Chúa Nhật 28 thường niên C

<br />

</font>

</td>

<p>

Chúa Nhật 27 thường niên C

</p>

Bài giảng ĐC Bản

</p>

Thử biến đổi code "Bài giảng ĐC Bản": Cắt bỏ hàng ngang đầu tiên, border="0", kết quả tốt !!!!!:

Kết quả trên là do đoạn code sau đây:

<tbody>

<tr>

Chúa Nhật 26 thường niên C

</p>

Chúa Nhật 28 thường niên C

<br />

</font>

</td>

<p>

Chúa Nhật 27 thường niên C

</p>

Ave Maria con dâng lời chào Mẹ-Ngoc Hạ

</p>

Đoạn code sau nhằm tránh trường hợp bảng điều khiển audio chạy lộn xộn, có thể thay border="0". Để ý điều chỉnh <td style="width:120px;height:150px">

<tbody>

<tr>

Chúa Nhật 26 thường niên C

</p>

Chúa Nhật 28 thường niên C

<p>

Chúa Nhật 27 thường niên C

</p>

Ave Maria con dâng lời chào Mẹ-Ngọc Hạ

</p>

hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh

mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm

bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb

mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm

Chèn hình ảnh bằng Espace réservé

mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv

*3 kết quả trên do đoạn code này, chỉnh width và height cho phù hợp-mỗi ô 1 đoạn code:

<tbody>

<tr>

"width:5px;height:20px"

</p>

1-Nhảy dù<br>

<p align="justify">Chuyện kể rằng: "Có một máy bay nhỏ chở hành khách đang bay ở độ cao trung bình và với vận tốc vừa phải. Hành khách trên máy

</p>

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

Code đưa khung chữ vào bản văn

Code nè: có thể tăng hoặc giảm số px để đường viền lớn hoặc nhỏ hơn: border-radius: 2px; border: 2px solid #d5d5d500. Đang dùng font size: 5

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

<div style="background: linear-gradient(40deg,#4caf5014,#ffeb3b17);

border-radius: 2px;

border: 2px solid #d5d5d500;

color: #333333;

border-image-source: linear-gradient(to right, #4caf5080, #9c27b0a8, #03a9f4a6);

border-image-slice: 1;

font-family: inherit;

font-size: inherit;

font-stretch: inherit;

font-style: inherit;

font-variant: inherit;

font-weight: inherit;

line-height: inherit;

margin: 0px;

padding: 1em;

vertical-align: baseline;">

<p align="justify">Lưu ý là cái này không phải nói các anh em học bên web thì không cần học nhiều cũng làm được web, ở đây là đang so sánh về ưu điểm của việc sử dụng CMS cho dân không chuyên với việc phải bỏ thời gian dài đi học để làm được một sản phẩm tương tự.</div>

2 câu đối trên là do đoạn code này, lưu ý thêm thẻ <br> sau mỗi chữ để xuống hàng, font Old English Text MT:

<div style="background: linear-gradient(40deg,#4caf5014,#ffeb3b17);

border-radius: 2px;

border: 2px solid #d5d5d500;

color: #333333;

border-image-source: linear-gradient(to right, #4caf5080, #9c27b0a8, #03a9f4a6);

border-image-slice: 1;

font-family: inherit;

font-size: inherit;

font-stretch: inherit;

font-style: inherit;

font-variant: inherit;

font-weight: inherit;

line-height: inherit;

margin: 0px;

padding: 1em;

vertical-align: baseline;">

<p align="justify">Đời<br>vui,<br>sức<br>khoẻ,<br>tết<br>an<br>khang</div>

Chèn ảnh vào văn bản-chọn phải, trái, dùng thẻ align="right", align="left" .....

Code nè:

<!DOCTYPE html>

<html>

<head>

</head>

<body>

<p align="justify">Lớp chim cư trú ở các hệ sinh thái khắp toàn cầu, từ vùng Bắc Cực cho tới châu Nam Cực. Các loài chim có kích thước dao động khác nhau, từ nhỏ cỡ 5 cm (như Mellisuga helenae - một loài chim ruồi) cho tới lớn cỡ 2,7 m (như đà điểu). Các bằng chứng hóa thạch cho thấy, chim được tiến hóa từ các loài khủng long chân thú (Theropoda) trong suốt kỷ Jura, vào khoảng 150-200 triệu năm về trước, với đại diện đầu tiên được biết đến, xuất hiện từ cuối kỷ Jura là Archaeopteryx (vào khoảng 155–150 triệu năm trước). Hầu hết các nhà cổ sinh vật học đều coi chim là nhánh duy nhất của khủng long còn sống sót qua sự kiện tuyệt chủng kỷ Creta-Paleogen vào xấp xỉ 65,5 triệu năm trước.<br>

Các loài chim hiện đại mang các đặc điểm tiêu biểu như: có lông vũ, có mỏ và không răng, đẻ trứng có vỏ cứng bằng đá vôi, chỉ số trao đổi chất cao, tim có bốn ngăn, cùng với một bộ xương nhẹ, xốp nhưng chắc. Tất cả các loài chim đều có chi trước đã biển đổi thành cánh và hầu hết có thể bay, trừ những ngoại lệ như các loài thuộc bộ Chim cánh cụt, bộ Đà điểu và một số đa dạng những loài chim đặc hữu sống trên đảo. Chim cũng có hệ tiêu hóa và hô hấp độc nhất mà đáp ứng cao cho hoạt động bay. Vài loài chim, đặc biệt là quạ và vẹt, nằm trong những loài thông minh nhất của giới động vật; một số được quan sát đang chế tạo và sử dụng công cụ, nhiều loài sống thành bầy lại có thể truyền đạt những kinh nghiệm hiểu biết cho thế hệ sau.

</body>

</html>

Code nè:

<!DOCTYPE html>

<html>

<head>

</head>

<body>

<img src="cố ý không cho link ảnh.jpg

" width="200" align="left" alt="Chèn đoạn văn vào văn bản. Lớp chim cư trú ở các hệ sinh thái khắp toàn cầu, từ vùng Bắc Cực cho tới châu Nam Cực.">

<p align="justify">Lớp chim cư trú ở các hệ sinh thái khắp toàn cầu, từ vùng Bắc Cực cho tới châu Nam Cực. Các loài chim có kích thước dao động khác nhau, từ nhỏ cỡ 5 cm (như Mellisuga helenae - một loài chim ruồi) cho tới lớn cỡ 2,7 m (như đà điểu). Các bằng chứng hóa thạch cho thấy, chim được tiến hóa từ các loài khủng long chân thú (Theropoda) trong suốt kỷ Jura, vào khoảng 150-200 triệu năm về trước, với đại diện đầu tiên được biết đến, xuất hiện từ cuối kỷ Jura là Archaeopteryx (vào khoảng 155–150 triệu năm trước). Hầu hết các nhà cổ sinh vật học đều coi chim là nhánh duy nhất của khủng long còn sống sót qua sự kiện tuyệt chủng kỷ Creta-Paleogen vào xấp xỉ 65,5 triệu năm trước.<br>

Các loài chim hiện đại mang các đặc điểm tiêu biểu như: có lông vũ, có mỏ và không răng, đẻ trứng có vỏ cứng bằng đá vôi, chỉ số trao đổi chất cao, tim có bốn ngăn, cùng với một bộ xương nhẹ, xốp nhưng chắc. Tất cả các loài chim đều có chi trước đã biển đổi thành cánh và hầu hết có thể bay, trừ những ngoại lệ như các loài thuộc bộ Chim cánh cụt, bộ Đà điểu và một số đa dạng những loài chim đặc hữu sống trên đảo. Chim cũng có hệ tiêu hóa và hô hấp độc nhất mà đáp ứng cao cho hoạt động bay. Vài loài chim, đặc biệt là quạ và vẹt, nằm trong những loài thông minh nhất của giới động vật; một số được quan sát đang chế tạo và sử dụng công cụ, nhiều loài sống thành bầy lại có thể truyền đạt những kinh nghiệm hiểu biết cho thế hệ sau.

</body>

</html>

Chèn nhiều ảnh vào văn bản-xem code bên dưới

<!DOCTYPE html>

<html>

<head>

</head>

<body>

<p align="justify">Lớp chim cư trú ở các hệ sinh thái khắp toàn cầu, từ vùng Bắc Cực cho tới châu Nam Cực. Các loài chim có kích thước dao động khác nhau, từ nhỏ cỡ 5 cm (như Mellisuga helenae - một loài chim ruồi) cho tới lớn cỡ 2,7 m (như đà điểu). Các bằng chứng hóa thạch cho thấy, chim được tiến hóa từ các loài khủng long chân thú (Theropoda) trong suốt kỷ Jura, vào khoảng 150-200 triệu năm về trước, với đại diện đầu tiên được biết đến, xuất hiện từ cuối kỷ Jura là Archaeopteryx (vào khoảng 155–150 triệu năm trước). Hầu hết các nhà cổ sinh vật học đều coi chim là nhánh duy nhất của khủng long còn sống sót qua sự kiện tuyệt chủng kỷ Creta-Paleogen vào xấp xỉ 65,5 triệu năm trước.<br>

Các loài chim hiện đại mang các đặc điểm tiêu biểu như: có lông vũ, có mỏ và không răng, đẻ trứng có vỏ cứng bằng đá vôi, chỉ số trao đổi chất cao, tim có bốn ngăn, cùng với một bộ xương nhẹ, xốp nhưng chắc. Tất cả các loài chim đều có chi trước đã biến...Lớp chim cư trú ở các hệ sinh thái khắp toàn cầu, từ vùng Bắc Cực cho tới châu Nam Cực. Các loài chim có kích thước dao động khác nhau, từ nhỏ cỡ 5 cm (như Mellisuga helenae - một loài chim ruồi) cho tới lớn cỡ 2,7 m (như đà điểu).

<p align="justify">Các bằng chứng hóa thạch cho thấy, chim được tiến hóa từ các loài khủng long chân thú (Theropoda) trong suốt kỷ Jura, vào khoảng 150-200 triệu năm về trước, với đại diện đầu tiên được biết đến, xuất hiện từ cuối kỷ Jura là Archaeopteryx (vào khoảng 155–150 triệu năm trước). Hầu hết các nhà cổ sinh vật học đều coi chim là nhánh duy nhất của khủng long còn sống sót qua sự kiện tuyệt chủng kỷ Creta-Paleogen vào xấp xỉ 65,5 triệu năm trước.<br>

Các loài chim hiện đại mang các đặc điểm tiêu biểu như: có lông vũ, có mỏ và không răng, đẻ trứng có vỏ cứng bằng đá vôi, chỉ số trao đổi chất cao, tim có bốn ngăn, cùng với một bộ xương nhẹ, xốp nhưng chắc. Tất cả các loài chim đều có chi trước đã biển

</body>

</html>

Chèn ảnh vào giữa trang

<!DOCTYPE html>

<html>

<head>

</head>

<body>

<p align="justify">Lớp chim cư trú ở các hệ sinh thái khắp toàn cầu, từ vùng Bắc Cực cho tới châu Nam Cực. Các loài chim có kích thước dao động khác nhau, từ nhỏ cỡ 5 cm (như Mellisuga helenae - một loài chim ruồi) cho tới lớn cỡ 2,7 m (như đà điểu). Các bằng chứng hóa thạch cho thấy, chim được tiến hóa từ các loài khủng long chân thú. </body>

<p align="justify">Lớp chim cư trú ở các hệ sinh thái khắp toàn cầu, từ vùng Bắc Cực cho tới châu Nam Cực. Các loài chim có kích thước dao động khác nhau, từ nhỏ cỡ 5 cm (như Mellisuga helenae - một loài chim ruồi) cho tới lớn cỡ 2,7 m (như đà điểu). Các bằng chứng hóa thạch cho thấy, chim được tiến hóa từ các loài khủng long chân thú (Theropoda) trong suốt kỷ Jura, vào khoảng 150-200 triệu năm về trước, với đại diện đầu tiên được biết đến, xuất hiện từ cuối kỷ Jura là Archaeopteryx (vào khoảng 155–150 triệu năm trước). Hầu hết các nhà cổ sinh vật học đều coi chim là nhánh duy nhất của khủng long còn sống sót qua sự kiện tuyệt chủng kỷ Creta-Paleogen vào xấp xỉ 65,5 triệu năm trước.<br>

Các loài chim hiện đại mang các đặc điểm tiêu biểu như: có lông vũ, có mỏ và không răng, đẻ trứng có vỏ cứng bằng đá vôi, chỉ số trao đổi chất cao, tim có bốn ngăn, cùng với một bộ xương nhẹ, xốp nhưng chắc. Tất cả các loài chim đều có chi trước đã biển

</body>

</html>

Chèn audio mp3 vào giữa bài viết, tô đậm, viết nghiêng, gạch dưới và đổi màu vài chữ

Code nè:

<!DOCTYPE html>

<html>

<head>

</head>

<body>

<p align="justify">Lớp chim cư trú ở các hệ sinh thái khắp toàn cầu, <span style="color: #ff0000"> <b> <u> <i> từ vùng Bắc Cực cho tới châu Nam Cực</b> </i> </u></span>. Các loài chim có kích thước dao động khác nhau, từ nhỏ cỡ 5 cm (như Mellisuga helenae - một loài chim ruồi) cho tới lớn cỡ 2,7 m (như đà điểu). Các bằng chứng hóa thạch cho thấy, chim được tiến hóa từ các loài khủng long chân thú.<br><br>

<span style="color: #ff0000">Ai nhớ chăng ai-Hoàng Thi Thơ-by Ý Linh</span>

</p>

<p align="justify">Lớp chim cư trú ở các hệ sinh thái khắp toàn cầu, từ vùng Bắc Cực cho tới châu Nam Cực. Các loài chim có kích thước dao động khác nhau, từ nhỏ cỡ 5 cm (như Mellisuga helenae - một loài chim ruồi) cho tới lớn cỡ 2,7 m (như đà điểu).<br>

Các loài chim hiện đại mang các đặc điểm tiêu biểu như: có lông vũ, có mỏ và không răng, đẻ trứng có vỏ cứng bằng đá vôi, chỉ số trao đổi chất cao, tim có bốn ngăn, cùng với một bộ xương nhẹ, xốp nhưng chắc. Tất cả các loài chim đều có chi trước đã biển

</body>

</html>

Code nè: mày mò 18-10-2022 !!!!

<!DOCTYPE html>

<html>

<head>

<title>

Making a div horizontally

scrollable using CSS

</title>

<style>

h1 {

color: Green;

}

div.scroll {

margin: 5px, 5px;

padding: 5px;

background-color: #ffff00;

width: 700px;

overflow-x: auto;

overflow-y: hidden;

white-space: nowrap;

}

</style>

</head>

<body>

</h2>

It is a good platform to learn programming.

It is an educational website. Prepare for the

Recruitment drive of product based companies

like Microsoft, Amazon, Adobe etc with a free

online placement preparation course. The course

focuses on various MCQ's & Coding question likely

</div>

</center>

</body>

</html>

<a href="#" onclick="window.open('https://sites.google.com/site/sonhaiti/home?lang=en','','scrollbars=1,menubar=0,resizable=1,status=0,directories=0,location=0,width=340,height=500,top=100,left=100');"><img src="https://archive.org/download/rainy_jay_by_pauladarwinkel_deumrb8-fullview/rainy_jay_by_pauladarwinkel_deumrb8-fullview.jpg

" width="156" height="40" border="0"/></a>

Code nè: Chỉnh kích thước và vị trí khung hình dùng các dòng màu đỏ, chỉnh thời gian xem số 5000(=5 giây) gần cuối !!!!

<!DOCTYPE html>

<head>

<title>Document</title>

<style>

body {

margin: 10%;

margin-left:20%;

}

#slider {

position: relative;

width: 500px;

height: 265px;

overflow: hidden;

box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);

}

#slider ul {

position: relative;

list-style: none;

height: 100%;

width: 10000%;

padding: 0;

margin: 0;

transition: all 750ms ease;

left: 0;

}

#slider ul li {

position: relative;

height: 100%;

float: left;

}

#slider ul li img{

width: 500px;

height: 265px;

}

line-height: 50px;

border-radius: 50%;

font-size: 2rem;

text-shadow: 0 0 20px rgba(0, 0, 0, 0.6);

text-align: center;

color: white;

text-decoration: none;

position: absolute;

top: 50%;

transform: translateY(-50%);

transition: all 150ms ease;

}

#slider #prev:hover, #slider #next:hover {

background-color: rgba(0, 0, 0, 0.5);

text-shadow: 0;

}

#slider #prev {

left: 10px;

}

#slider #next {

right: 10px;

}

</style>

</head>

<body>

</ul>

</div>

var responsiveSlider = function() {

var slider = document.getElementById("slider");

var sliderWidth = slider.offsetWidth;

var slideList = document.getElementById("slideWrap");

var count = 1;

var items = slideList.querySelectorAll("li").length;

var prev = document.getElementById("prev");

var next = document.getElementById("next");

window.addEventListener('resize', function() {

sliderWidth = slider.offsetWidth;

});

var prevSlide = function() {

if(count > 1) {

count = count - 2;

slideList.style.left = "-" + count * sliderWidth + "px";

count++;

}

else if(count = 1) {

count = items - 1;

slideList.style.left = "-" + count * sliderWidth + "px";

count++;

}

};

var nextSlide = function() {

if(count < items) {

slideList.style.left = "-" + count * sliderWidth + "px";

count++;

}

else if(count = items) {

slideList.style.left = "0px";

count = 1;

}

};

next.addEventListener("click", function() {

nextSlide();

});

prev.addEventListener("click", function() {

prevSlide();

});

setInterval(function() {

nextSlide()

}, 5000);

};

window.onload = function() {

responsiveSlider();

}

</script>

</body>

</html>

Code album hình ảnh kỷ niệm

Album hình ảnh kỷ niệm

<!DOCTYPE html>

<head>

<title>Document</title>

<style>

body {

margin: 2%;

margin-left:20%;

}

#slider {

position: relative;

width: 550px;

height: 480px;

overflow: hidden;

box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);

}

#slider ul {

position: relative;

list-style: none;

height: 100%;

width: 10000%;

padding: 0;

margin: 0;

transition: all 750ms ease;

left: 0;

}

#slider ul li {

position: relative;

height: 100%;

float: left;

}

#slider ul li img{

width: 550px;

height: 480px;

}

line-height: 50px;

border-radius: 50%;

font-size: 2rem;

text-shadow: 0 0 20px rgba(0, 0, 0, 0.6);

text-align: center;

color: white;

text-decoration: none;

position: absolute;

top: 50%;

transform: translateY(-50%);

transition: all 150ms ease;

}

#slider #prev:hover, #slider #next:hover {

background-color: rgba(0, 0, 0, 0.5);

text-shadow: 0;

}

#slider #prev {

left: 10px;

}

#slider #next {

right: 10px;

}

</style>

</head>

<body>

<li><img src="https://archive.org/download/cha-hien/Ba-Me..JPG

" alt=""></li>

<li><img src="https://archive.org/download/cha-hien/Gia-dinh-1972.jpg

" alt=""></li>

<li><img src="https://archive.org/download/cha-hien/Chi-Nhu-va-Truc-Anh-2.jpg

" alt=""></li>

<li><img src="https://archive.org/download/cha-hien/Truc-Anh-va-Hieu-3.jpg

" alt=""></li>

<li><img src="https://archive.org/download/cha-hien/Truc-Anh-1.jpg

" alt=""></li>

<li><img src="https://archive.org/download/cha-hien/Truc-Anh-2.jpg

" alt=""></li>

<li><img src="https://archive.org/download/cha-hien/Truc-Anh-va-cac-em.jpg

" alt=""></li>

<li><img src="https://archive.org/download/cha-hien/Cha-Ha-London.jpg

" alt=""></li>

<li><img src="https://archive.org/download/cha-hien/Ha-ve-VN-2012.JPG

" alt=""></li>

<li><img src="https://archive.org/download/cha-hien/Nhom-ban.jpg

" alt=""></li>

<li><img src="https://archive.org/download/cha-hien/Tet-2017.JPG

" alt=""></li>

<li><img src="https://archive.org/download/cha-hien/Cha-Hien.JPG

" alt=""></li>

<li><img src="https://archive.org/download/cha-hien/Quy-Hoa-2014.JPG

" alt=""></li>

<li><img src="https://archive.org/download/cha-hien/Canada-2003.jpg

" alt=""></li>

<li><img src="https://archive.org/download/cha-hien/Canada-2009.jpg

" alt=""></li>

<li><img src="https://archive.org/download/cha-hien/Haiti-2008.jpg

" alt=""></li>

<li><img src="https://archive.org/download/cha-hien/Haiti-2008a.jpg

" alt=""></li>

<li><img src="https://archive.org/download/cha-hien/Haiti-2009.JPG

" alt=""></li>

<li><img src="https://archive.org/download/cha-hien/LeGioBa-2016.JPG

" alt=""></li>

<li><img src="https://archive.org/download/cha-hien/Huan-chuong-Hiep-Si.jpg

" alt=""></li>

<li><img src="https://archive.org/download/cha-hien/Me-1.JPG

" alt=""></li>

<li><img src="https://archive.org/download/cha-hien/Me-cuoi-2.jpg

" alt=""></li>

<li><img src="https://archive.org/download/cha-hien/Me-4.jpg

" alt=""></li>

<li><img src="https://archive.org/download/cha-hien/Me-va-chi-Trinh.JPG

" alt=""></li>

<li><img src="https://archive.org/download/cha-hien/Me-2.jpg

" alt=""></li>

<li><img src="https://archive.org/download/cha-hien/Me-va-Son-2.jpg

" alt=""></li>

<li><img src="https://archive.org/download/cha-hien/Truc-Anh-va-Ba-ngoai-2b.jpg

" alt=""></li>

<li><img src="https://archive.org/download/cha-hien/Truc-Anh-va-Ba-ngoai.jpg

" alt=""></li>

<li><img src="https://archive.org/download/cha-hien/Ba-co-Martha.jpg

" alt=""></li>

<li><img src="https://archive.org/download/cha-hien/BaCoMartha-27-8-2022.jpg

" alt=""></li>

<li><img src="https://archive.org/download/cha-hien/M%E1%BB%99-Ba-co-Martha.jpg

" alt=""></li>

<li><img src="https://archive.org/download/cha-hien/Gia-dinh%20%282%29.jpg

" alt=""></li>

</ul>

</div>

var responsiveSlider = function() {

var slider = document.getElementById("slider");

var sliderWidth = slider.offsetWidth;

var slideList = document.getElementById("slideWrap");

var count = 1;

var items = slideList.querySelectorAll("li").length;

var prev = document.getElementById("prev");

var next = document.getElementById("next");

window.addEventListener('resize', function() {

sliderWidth = slider.offsetWidth;

});

var prevSlide = function() {

if(count > 1) {

count = count - 2;

slideList.style.left = "-" + count * sliderWidth + "px";

count++;

}

else if(count = 1) {

count = items - 1;

slideList.style.left = "-" + count * sliderWidth + "px";

count++;

}

};

var nextSlide = function() {

if(count < items) {

slideList.style.left = "-" + count * sliderWidth + "px";

count++;

}

else if(count = items) {

slideList.style.left = "0px";

count = 1;

}

};

next.addEventListener("click", function() {

nextSlide();

});

prev.addEventListener("click", function() {

prevSlide();

});

setInterval(function() {

nextSlide()

}, 7000);

};

window.onload = function() {

responsiveSlider();

}

</script>

Serenade – Schubert by Paul Mauriat

</audio>

</body>

</html>

Code lyric Hallelujah (lời ca trong khung bên cạnh video)

<div style="background: linear-gradient(40deg,#4caf5014,#ffeb3b17);

border-radius: 2px;

border: 2px solid #d5d5d500;

color: #333333;

border-image-source: linear-gradient(to right, #4caf5080, #9c27b0a8, #03a9f4a6);

border-image-slice: 1;

font-family: inherit;

font-size: inherit;

font-stretch: inherit;

font-style: inherit;

font-variant: inherit;

font-weight: inherit;

line-height: inherit;

margin: 0px;

padding: 1em;

vertical-align: baseline;">

Hallelujah by Leonard Cohen<br><br>

I heard there was a secret chord

That David played, and it pleased the Lord

But you don't really care for music, do ya?

Well it goes like this

The fourth, the fifth

The minor fall and the major lift

The baffled King composing "Hallelujah"<br><br>

Hallelujah, Hallelujah

Hallelujah, Hallelujah<br><br>

Your faith was strong but you needed proof

You saw her bathing on the roof

Her beauty and the moonlight overthrew ya

She tied you to her kitchen chair

She broke your throne and she cut your hair

And from your lips she drew the Hallelujah<br><br>

Hallelujah, Hallelujah

Hallelujah, Hallelujah<br><br>

Maybe there's a God above

But all I've ever learned from love

Was how to shoot somebody who out drew ya

And it's not a cry that you hear at night

It's not someone who's seen the light

It's a cold and it's a broken Hallelujah,<br><br>

Hallelujah

Hallelujah, Hallelujah

(Hallelujah, Hallelujah)

(Hallelujah), Hallelujah

Hallelujah, Hallelujah

</div>

Code nè:

<img src="https://archive.org/download/cha-hien/Bang-Hiep-Si-Ba-co-Martha.jpg

" width="600" height="300" border="0"/>

Code nè:

<br>Con chim xanh nè

</p>

<br>Con chim xanh nè

</p>

<br>Con chim xanh nè

Code 4 hình trên nè, ko bằng code 3 con chim xanh !!!: Code nè:

<!DOCTYPE html>

<head>

<title>Trình bày hình ảnh với chú thích</title>

<style>

.gallery {

display: flex;

flex-wrap: wrap;

justify-content: space-around;

}

.gallery-item {

margin: 10px;

text-align: center;

}

.gallery-item img {

width: 300px;

height: auto;

border-radius: 8px;

}

.caption {

margin-top: 10px;

font-size: 16px;

color: #555;

}

</style>

</head>

<body>

</div>

</div>

</div>

</div>

</body>

</html>