web/b9.html at main · Foodevn/web · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
<!DOCTYPE html>
<html lang="en">
  <head> </head>
  <body>
    <ul>
      kiểm tra trên trang validator sẽ bị báo lỗi dòng này!
      <li>cơm tù</li>

      <li>cơm chó</li>
      <li>cơm thừa</li>
    </ul>
    <hr />
    <ol type="a" start="1">
      <li>Lê văn Bơ</li>
      <ul>
        <li>mã</li>
        <li>tên</li>
        <li>546</li>
      </ul>
      <li>Trần văn Mít</li>
      <ul>
        <li>mã</li>
        <li>tên</li>
        <li>546</li>
      </ul>
      <li>Nguyễn văn tèo</li>
    </ol>
    <hr />
    <dl>
      <dt>Html</dt>
      <dd>hypertext Markup language</dd>
      <dd>siêu văn bản đánh dấu dữ liệu</dd>
      <dt>www</dt>
      <dd>world wide web</dd>
    </dl>
    <hr />
    <p>
      Đôi khi cũng phải nhìn lại bản thân, phải yêu bản thân mình, phải thương
      lấy nó, bởi nó là người bạn gần gũi nhất, trung thành nhất, yêu chứ không
      nuông chiều, như Sophia Loren đã nói:
    </p>
    <blockquote>
      <p>
        Đôi khi cũng phải nhìn lại bản thân, phải yêu bản thân mình, phải thương
        lấy nó, bởi nó là người bạn gần gũi nhất, trung thành nhất, yêu chứ
        không nuông chiều, như Sophia Loren đã nói:
      </p>
    </blockquote>
    <hr />
    <pre>

              <h1>NGÀY ĐẦU TIÊN ĐI HỌC</h1>


              Ngày đầu tiên đi học

              Mẹ dắt tay đến trường

              Em vừa đi vừa khóc

              Mẹ dỗ dành bên em


                          Tác giả: Viễn Phương

              </pre>
    <hr />

    <figure>
      <img
        width="500"
        height="250"
        src="https://blog.haposoft.com/content/images/size/w2000/2021/07/html-la-gi.jpeg"
        alt="HTML document structure"
      />

      <figcaption>Cấu trúc một tài liệu HTML</figcaption>
    </figure>
    <hr />
    <h1>Bài 2</h1>
    <style>
      .menu{
        list-style-type: none;
      }

      .menu1 {
        float: right;

        background-color: red;
      }

      .menu2{
        text-decoration: none;

        text-align: center;

        display: block;

        padding: 5px;

        color: white;

        font-family: Helvetica;
      }
    </style>
    <ul class="menu">
      <li class="menu1"><a class="menu2" href="#">Thông Báo</a></li>

       <li class="menu1"><a class="menu2" href="#">Hỗ Trợ</a></li>

      <li class="menu1"><a class="menu2" href="#">Tiếng Việt</a></li>

      <li class="menu1"><a class="menu2" href="#">Đăng Ký</a></li>

       <li class="menu1"><a class="menu2" href="#">Đăng Nhập</a></li>
    </ul>


    <hr>

    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css"
          rel="stylesheet"
          integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">

    <ul class="breadcrumb">

        <li class="breadcrumb-item"><a href="#">Điện Tử</a></li>


        <li class="breadcrumb-item"><a href="#">Máy Tính</a></li>

        <li class="breadcrumb-item"><a href="#">Laptop</a></li>

        <li class="breadcrumb-item active"><a href="#">Dell</a></li>

</ul>
    <hr>
    <h1>Tapenade (Olive Spread)</h1>

    <p>This is a really simple dish to prepare and it’s always a big hit at parties. My father recommends:</p>

    <blockquote><p>"Make this the night before so that the flavors have time to blend. Just bring it up to room temperature before you serve it. In the winter, try serving it warm."</p></blockquote>

    <h2>Ingredients</h2>

    <ul>

        <li>1 8oz. jar sundried tomatoes</li>

        <li>2 large garlic cloves</li>

        <li>2/3 c. kalamata olives</li>

        <li>1 t. capers</li>

    </ul>

    <h2>Instructions</h2>

    <ol>

        <li>Combine tomatoes and garlic in a food processor. Blend until as smooth as possible.</li>

        <li>Add capers and olives. Pulse the motor a few times until they are incorporated, but still retain some texture.</li>

        <li>Serve on thin toast rounds with goat cheese and fresh basil garnish (optional).</li>
    </ol>

  </body>
</html>