tag. So this will help us to get the structure of the calendar.Trong bài viết này, chúng tôi sẽ tạo một lịch sử dụng HTML và CSS. Đầu tiên, chúng ta phải biết một chút về HTML. Nếu ai đó không biết HTML và CSS, họ sẽ không thể làm cho lịch tốt hơn. Trọng tâm chính của bài viết này là các thẻ HTML và cách chúng ta sẽ sử dụng CSS.
<!DOCTYPE html>
<
html
>
<
body
>
Tạo cấu trúc: Trong phần này, chúng ta sẽ tạo cấu trúc đầu tiên của lịch bằng cách sử dụng thẻ. Vì vậy, điều này sẽ giúp chúng tôi có được cấu trúc của lịch.
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
9<!DOCTYPE html>
0
<!DOCTYPE html>
2
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
1>
HTML
<
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
1 <table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
2<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
3<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
4 <table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
5<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
3<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
7>
<
<!DOCTYPE html>
7 <!DOCTYPE html>
8
<
<
1 <
2
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
3<
4 ________ 12 ________ 13 ________ 14 & nbsp;<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
9<!DOCTYPE html>
2html
8>
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
9<
>
9>
<
1<
<
3>
<
5<
<
7<
8<
7>
<
5<
<
7body
4<
7>
<
5<
<
7>
0<
7>
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
9<
9<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
3html
1 html
2<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
3html
1>
<
5<
<
7
2<
7>
<
5<
<
7
8<
7>
<
5<
<
7
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
04<
7>
<
1<!DOCTYPE html>
2<
3>
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
9<!DOCTYPE html>
2>
9>
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
9<
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
17>
<
1<
<
3>
<
5<
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
26<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25>
<
5<
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
26<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25>
<
5<
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
26<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25>
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
9<
html
8 <table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
2<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
3>
1>
<
5<
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
26<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25>
<
5<
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
56<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25>
<
5<
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
62<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25>
<
1<!DOCTYPE html>
2<
3>
<
1<
<
3
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
26<
3>
<
1<
<
3>
<
5<
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
82<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25>
<
5<
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
88<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25>
<
5<
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
94<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25>
<
5<
<
7>
6<
7>
<
5<
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25<!DOCTYPE html>
06<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25>
<
5<
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25<!DOCTYPE html>
12<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25>
<
5<
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25<!DOCTYPE html>
18<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25>
<
1<!DOCTYPE html>
2<
3>
<
1<
<
3>
<
5<
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25<!DOCTYPE html>
32<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25>
<
5<
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25<!DOCTYPE html>
38<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25>
<
5<
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25<!DOCTYPE html>
44<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25>
<
5<
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25<!DOCTYPE html>
50<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25>
<
5<
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
26<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25>
<
5<
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25<!DOCTYPE html>
62<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25>
<
5<
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25<!DOCTYPE html>
68<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25>
<
1<!DOCTYPE html>
2<
3>
<
1<
<
3>
<
5<
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25<!DOCTYPE html>
82<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25>
<
5<
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25<!DOCTYPE html>
88<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25>
<
5<
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25<!DOCTYPE html>
94<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25>
<
5<
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25<
00<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25>
<
5<
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25<
06<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25>
<
5<
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25<
12<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25>
<
5<
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25<
18<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25>
<
1<!DOCTYPE html>
2<
3>
<
1<
<
3>
<
5<
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25<
32<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25>
<
5<
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25<
38<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25>
<
5<
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25<
44<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25>
<
5<
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25<
50<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25>
<
5<
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25<
56<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25>
<
5<
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25<
62<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25>
<
5<
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25<
68<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25>
<
1<!DOCTYPE html>
2<
3>
<
1<
<
3>
<
5<
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25<
82<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25>
<
5<
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
56<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25>
<
5<
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
62<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25>
<
5<
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
82<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25>
<
5<
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
88<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25>
<
5<
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
94<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25>
<
5<
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25<!DOCTYPE html>
00<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25>
<
1<!DOCTYPE html>
222.
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
9<!DOCTYPE html>
2<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
17>
<!DOCTYPE html>
2<
1>
<!DOCTYPE html>
2body
>
<!DOCTYPE html>
2html
>
Output:
Thiết kế CSS và các thuộc tính của nó: Chúng tôi sẽ sử dụng một số thuộc tính và thuộc tính CSS của thẻ bảng để thiết kế lịch. Các thuộc tính mà chúng ta sẽ sử dụng là đường viền và đường di động và cellpadding. Ở đây chúng tôi đã sử dụng một tài sản thú vị của CSS là biên giới sụp đổ. Mục đích của sự sụp đổ biên giới là làm cho tất cả các biên giới bị sụp đổ vào một đường viền. & nbsp; Ở đây chúng tôi cũng đã sử dụng thuộc tính kiểu nội tuyến để làm cho ngày tháng hai ít thấy được. We will use some CSS properties and attributes of the table tag to design the calendar. The attributes that we are going to use is the border and cellspacing and cellpadding. Here we have used an interesting property of CSS that is border-collapse. The purpose of the border-collapse is to make all the border to be collapsed into a single border. Here we have also used the inline style attribute to make the dates of February be
little visible.
Mã CSS:
table {
border-collapse: collapse;
background: white;
color: black;
}
th, td {
font-weight: bold;
}
Các thuộc tính mà chúng tôi sẽ sử dụng trong thẻ bảng:
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
Mã cuối cùng: Đây là sự kết hợp của tất cả các mã trên This is the combination of all the above codes
HTML
<!DOCTYPE html>
<
html
>
<
html
44>
<
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
5>
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
9html
51<
1html
53
<
1html
55
<
1html
57
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
9html
59<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
9html
61<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
9html
63<
1html
65
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
9html
59
<!DOCTYPE html>
2
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
5>
<!DOCTYPE html>
2html
44>
<
body
>
<
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
1 <table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
2<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
3<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
4 <table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
5<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
3<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
7>
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
9<!DOCTYPE html>
0
<!DOCTYPE html>
2
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
1>
<
<!DOCTYPE html>
7 <!DOCTYPE html>
8
<
<
1 <
2
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
3<
4 ________ 12 ________ 13 ________ 14 & nbsp;<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
9<
9<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
3html
1 html
2<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
3html
1>
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
9<
html
8 <table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
2<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
3>
1>
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
9<!DOCTYPE html>
2html
8>
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
9<
>
9>
<
1<
<
3>
<
5<
<
7
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
5<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
3>
39>
>
41>
42<
7>
<
5<
<
7
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
5<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
3>
39>
>
41>
53<
7>
<
5<
<
7
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
5<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
3>
39>
>
41>
64<
7>
<
5<
<
7
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
5<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
3>
39>
>
41>
75<
7>
<
5<
<
7
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
5<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
3>
39>
>
41>
86<
7>
<
5<
<
7
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
5<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
3>
39>
>
41>
97<
7>
<
5<
<
7
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
5<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
3>
39>
>
41<
08<
7>
<
1<!DOCTYPE html>
2<
3>
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
9<!DOCTYPE html>
2>
9>
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
9<
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
17>
<
1<
<
3>
<
5<
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
26<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25>
<
5<
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
26<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25>
<
5<
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
26<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25>
<
5<
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
26<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25>
<
5<
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
26<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25>
<
5<
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
56<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25>
<
5<
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
62<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25>
<
1<!DOCTYPE html>
2<
3>
<
1<
<
3
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
26<
3>
<
1<
<
3>
<
5<
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
82<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25>
<
5<
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
88<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25>
<
5<
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
94<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25>
<
5<
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25<!DOCTYPE html>
00<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25>
<
5<
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25<!DOCTYPE html>
06<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25>
<
5<
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25<!DOCTYPE html>
12<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25>
<
5<
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25<!DOCTYPE html>
18<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25>
<
1<!DOCTYPE html>
2<
3>
<
1<
<
3>
<
5<
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25<!DOCTYPE html>
32<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25>
<
5<
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25<!DOCTYPE html>
38<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25>
<
5<
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25<!DOCTYPE html>
44<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25>
<
5<
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25<!DOCTYPE html>
50<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25>
<
5<
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25<!DOCTYPE html>
56<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25>
<
5<
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25<!DOCTYPE html>
62<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25>
<
5<
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25<!DOCTYPE html>
68<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25>
<
1<!DOCTYPE html>
2<
3>
<
1<
<
3>
<
5<
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25<!DOCTYPE html>
82<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25>
<
5<
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25<!DOCTYPE html>
88<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25>
<
5<
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25<!DOCTYPE html>
94<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25>
<
5<
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25<
00<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25>
<
5<
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25<
06<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25>
<
5<
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25<
12<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25>
<
5<
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25<
18<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25>
<
1<!DOCTYPE html>
2<
3>
<
1<
<
3>
<
5<
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25<
32<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25>
<
5<
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25<
38<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25>
<
5<
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25<
44<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25>
<
5<
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25<
50<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25>
<
5<
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25<
56<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25>
<
5<
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25<
62<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25>
<
5<
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25<
68<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25>
<
1<!DOCTYPE html>
2<
3>
<
1<
<
3>
<
5<
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25<
82<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25>
<
5<
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
56<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25>
<
5<
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
62<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25>
<
5<
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
82<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25>
<
5<
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
88<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25>
<
5<
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
94<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25>
<
5<
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25<!DOCTYPE html>
00<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
25>
<
1<!DOCTYPE html>
222.
<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
9<!DOCTYPE html>
2<table bgcolor="lightgrey" align="center"
cellspacing="21" cellpadding="21">
17>
<!DOCTYPE html>
2<
1>
<!DOCTYPE html>
2body
>
<!DOCTYPE html>
2html
>
Output:
Làm cách nào để tạo lịch trong HTML?
Cách tiếp cận: Đầu tiên chúng ta sẽ sử dụng thẻ bảng, sẽ được sử dụng để tạo cấu trúc của lịch.Điều này sẽ cho chúng ta một ý tưởng về cách lịch được tạo bằng HTML.Sau đó, chúng tôi sẽ áp dụng một số thuộc tính CSS để làm cho thiết kế của lịch tốt hơn.using the table tag, which will be used to create the structure of the calendar. This will give us an idea of how the calendar is created using HTML. Later we will apply some CSS property to make the design of the calendar better.
Làm cách nào để tạo lịch bằng HTML và CSS?
Thêm HTML..
.
.
.
.
April.
.
Làm cách nào để tạo một lịch tương tác trong HTML?
Cách thêm lịch tương tác vào đầu ra HTML5 với .....
Bước 1: Liên kết một trong các tệp CSS để tạo kiểu lịch.....
Bước 2: Thêm các tập lệnh hiển thị và điền vào lịch.....
Bước 3: Thêm trình giữ chỗ cho lịch.....
Bước 4: Kiểm tra kỹ công việc của bạn.....
Bước 1: Đảm bảo lịch của bạn đang hoạt động ..
Làm cách nào để tạo lịch web?
1. Mở trang web Lịch.NET trong trình duyệt web của bạn (liên kết trong tài nguyên), sau đó nhấp vào liên kết "Tạo lịch miễn phí".Nhấp vào liên kết "Tạo tại lịch.net" trên màn hình tiếp theo, sau đó nhập tên tệp, tiêu đề và mô tả trên biểu mẫu trang tiếp theo.