Tìm hiểu Kiến thức cơ bản về HTML cho người mới bắt đầu chỉ trong 15 phút – cách học viết mã html

Nếu bạn muốn xây dựng một trang web, ngôn ngữ đầu tiên bạn cần học là HTML. Trong bài viết này, chúng ta sẽ đi qua những kiến ​​thức cơ bản về HTML. Cuối cùng, chúng ta sẽ xây dựng một trang web cơ bản chỉ sử dụng HTML. Đây là video bạn

Bạn đang xem: cách học viết mã html

Nếu bạn muốn xây dựng một trang web, ngôn ngữ đầu tiên bạn cần học là HTML .

Trong bài viết này, chúng ta sẽ đi qua các khái niệm cơ bản về HTML. Cuối cùng, chúng ta sẽ xây dựng một trang web cơ bản chỉ sử dụng HTML.

Đây là video bạn có thể xem nếu muốn bổ sung cho bài viết này:

Nếu thích video hơn, bạn có thể xem video tại đây

HTML là gì?

HTML, viết tắt của Hypertext Markup Language, là một ngôn ngữ khá đơn giản. Nó bao gồm các phần tử khác nhau mà chúng tôi sử dụng để cấu trúc một trang web.

HTML là gì?

Phần tử HTML là gì?

Phần tử HTML

Phần tử thường bắt đầu bằng thẻ mở, bao gồm tên của phần tử. Nó được bao bọc trong các dấu ngoặc nhọn mở và đóng. Thẻ mở cho biết vị trí bắt đầu của phần tử.

Tương tự như thẻ mở, thẻ đóng cũng được bao bọc trong dấu ngoặc nhọn mở và đóng. Nhưng nó cũng bao gồm một dấu gạch chéo trước tên của phần tử.

Mọi thứ bên trong thẻ mở và thẻ đóng là nội dung.

Nhưng không phải tất cả các phần tử đều tuân theo mẫu này. Chúng tôi gọi đó là những phần tử không rỗng. Chúng chỉ bao gồm một thẻ duy nhất hoặc một thẻ mở không thể có bất kỳ nội dung nào. Các phần tử này thường được sử dụng để chèn hoặc nhúng nội dung nào đó vào tài liệu.

Ví dụ: phần tử & lt; img & gt; được sử dụng để nhúng tệp hình ảnh hoặc Phần tử & lt; input & gt; được sử dụng để chèn đầu vào vào trang.

  & lt; img src = "https: //images.unsplash. com / photo-1610447847416-40bac442fbe6 "width =" 50 "& gt;  

Trong ví dụ trên, phần tử & lt; img & gt; chỉ bao gồm một thẻ không có bất kỳ nội dung. Phần tử này được sử dụng để chèn tệp hình ảnh từ Unsplash vào tài liệu.

Cách lồng các phần tử HTML

  & lt; div class = "my-list" & gt;
  & lt; h4 & gt; Danh sách của tôi: & lt; / h4 & gt;

  & lt; ul & gt;
     & lt; li & gt; Apple & lt; / li & gt;
     & lt; li & gt; Màu cam & lt; / li & gt;
     & lt; li & gt; Chuối & lt; / li & gt;
  & lt; / ul & gt;
& lt; / div & gt;
 

Các phần tử có thể được đặt bên trong các phần tử khác. Điều này được gọi là làm tổ. Trong ví dụ trên, bên trong phần tử & lt; div & gt; chúng ta có một phần tử & lt; h4 & gt; và một phần tử & lt; ul & gt; hoặc danh sách không có thứ tự yếu tố. Và tương tự, bên trong phần tử & lt; ul & gt; , có 3 phần tử & lt; li & gt; hoặc mục danh sách.

Việc lồng ghép cơ bản khá dễ hiểu hiểu. Nhưng khi trang lớn hơn, việc lồng vào nhau có thể trở nên phức tạp.

Do đó, trước khi làm việc với HTML, hãy nghĩ về cấu trúc bố cục bạn muốn có. Bạn có thể vẽ nó ra một tờ giấy hoặc trong tâm trí của bạn. Nó sẽ giúp ích rất nhiều.

Thuộc tính HTML là gì?

Các phần tử cũng có các thuộc tính, chứa thông tin bổ sung về phần tử sẽ không xuất hiện trong nội dung.

  & lt; img src = "https://images.unsplash.com/photo" width = "50" & gt;  

Trong ví dụ trên, phần tử & lt; img & gt; có 2 thuộc tính: src hoặc nguồn để chỉ định đường dẫn của hình ảnh và width để chỉ định chiều rộng của hình ảnh tính bằng pixel.

Với ví dụ này, bạn có thể thấy các đặc điểm sau của các thuộc tính:

  • Có khoảng cách giữa các thuộc tính và tên phần tử
  • Các thuộc tính được thêm vào thẻ mở
  • Các phần tử có thể có nhiều thuộc tính
  • Các thuộc tính thường có tên và giá trị: name = “value”

Nhưng không phải mọi thuộc tính đều có cùng một mẫu. Một số có thể tồn tại mà không có giá trị và chúng tôi gọi chúng là Thuộc tính Boolean.

  & lt; button onclick = “alert ('Gửi')" bị vô hiệu hóa & gt; Nút & lt; / button & gt;  

Trong này ví dụ: nếu chúng ta muốn vô hiệu hóa nút, tất cả những gì chúng ta phải làm là chuyển thuộc tính disable mà không có bất kỳ giá trị nào. Điều này có nghĩa là sự hiện diện của thuộc tính đại diện cho giá trị thực, nếu không, sự vắng mặt đại diện giá trị sai.

Các phần tử HTML phổ biến

Có tổng cộng hơn 100 phần tử. Nhưng 90% thời gian bạn sẽ chỉ sử dụng khoảng 20 phần tử phổ biến nhất. Tôi đã xếp chúng thành 5 nhóm:

Phần tử phần

 & lt; div & gt ;, & lt; span & gt ;, & lt; header & gt ;, & lt; footer & gt ;, & lt; nav & gt ;, & lt; main & gt ;, & lt; section & gt;
 

Những phần tử này được sử dụng để sắp xếp nội dung thành các phần khác nhau. Chúng thường tự giải thích, ví dụ: & lt; header & gt; thường đại diện cho một nhóm của phần giới thiệu và điều hướng, & lt; nav & gt; đại diện cho phần có chứa các liên kết điều hướng , v.v.

Nội dung văn bản

  & lt; h1 & gt; đến & lt; h6 & gt ;, & lt; p & gt ;, & lt; div & gt ;, & lt; span & gt ;, & lt; ul & gt ;, & lt; ol & gt ;, & lt; li & gt;
 

Những phần tử này được sử dụng để tổ chức nội dung hoặc khối văn bản. Chúng rất quan trọng đối với khả năng tiếp cận và SEO. Chúng cho trình duyệt biết mục đích hoặc cấu trúc của nội dung.

Biểu mẫu

  & lt; form & gt ;, & lt; input & gt ;, & lt; nút & gt ;, & lt; nhãn & gt ;, & lt; textarea & gt;
 

Các yếu tố này có thể được sử dụng cùng nhau để tạo các biểu mẫu mà người dùng có thể điền và gửi. Biểu mẫu có thể là phần khó nhất của HTML.

  & lt; img & gt ;, & lt; a & gt;
 

Những phần tử này được sử dụng để chèn hình ảnh hoặc tạo siêu liên kết.

Khác

  & lt; br & gt ;, & lt; hr & gt;
 

Các phần tử này được sử dụng để thêm phần ngắt vào trang web.

Bạn có thể tìm thấy tất cả các phần tử trên developer.mozilla.org . Nhưng đối với người mới bắt đầu, bạn chỉ cần biết những cái phổ biến nhất.

Block-level so với inline HTML element

Theo mặc định, một phần tử có thể là phần tử cấp khối hoặc một phần tử nội dòng.

Phần tử cấp khối là những phần tử luôn bắt đầu trên một dòng mới và chiếm hết chiều rộng có sẵn.

< p> Phần tử nội tuyến là các phần tử không bắt đầu trên một dòng mới và nó chỉ chiếm nhiều chiều rộng khi cần thiết.

Cấp khối so với các phần tử HTML nội tuyến

Hai phần tử đại diện cho khối- các phần tử cấp và nội tuyến tương ứng là & lt; div & gt; & lt; span & gt; . Trong ví dụ này, bạn có thể thấy rằng phần tử & lt; div & gt; có 3 dòng, trong khi phần tử & lt; span & gt; chỉ chiếm 1 dòng.

< p> Nhưng câu hỏi đặt ra là: làm thế nào để biết cái nào là phần tử cấp khối và cái nào là phần tử nội dòng? Chà, tiếc là bạn cần phải nhớ chúng. Cách dễ nhất là nhớ đâu là phần tử nội tuyến - và phần còn lại là phần tử khối.

Nếu chúng ta nhìn lại các phần tử HTML phổ biến nhất, các phần tử nội tuyến bao gồm: & lt; span & gt ;, & lt; input & gt ;, & lt; button & gt ;, & lt; label & gt ;, & lt; textarea & gt ;, & lt; img & gt ;, & lt; a & gt ;, & lt; br & gt; .

  & lt; p & gt; Đây là một đoạn văn. & lt; / p & gt;

& lt;! - & lt; p & gt; Tôi không hiển thị. & lt; / p & gt; - & gt;
 

Mục đích của nhận xét là đưa các ghi chú vào mã để giải thích logic của bạn hoặc đơn giản là để tổ chức mã của bạn.

Các nhận xét HTML được bao bọc trong các dấu đặc biệt: & lt;! - và - & gt; và chúng bị bỏ qua trong trình duyệt.

Cách sử dụng các thực thể HTML

Điều gì xảy ra nếu bạn muốn hiển thị văn bản: the & lt; p & gt; thẻ xác định một đoạn văn. , nhưng trình duyệt hiểu & lt; p & gt; là thẻ mở cho một phần tử mới? Trong trường hợp này, chúng ta có thể sử dụng các thực thể HTML như trong ví dụ sau:

  & lt; p & gt; the & lt; p & gt; thẻ xác định một đoạn văn. & lt; / p & gt;

& lt; p & gt; the & amp; lt; p & amp; gt; xác định một đoạn văn. & lt; / p & gt;
 

Cách sử dụng biểu tượng cảm xúc trong HTML

Trong web hiện đại, chúng ta có thể hiển thị biểu tượng cảm xúc trong HTML khá dễ dàng, như thế này: 👻

  & lt; p & gt; 😀 Khuôn mặt cười toe toét. & lt; / p & gt;

& lt; p & gt; 🎂 Sinh nhật & lt; / p & gt;
 

Những lỗi phổ biến dành cho người mới bắt đầu trong HTML

Tên thẻ / phần tử là cAse-inSensitive. Điều này có nghĩa là chúng có thể được viết bằng chữ thường hoặc chữ hoa, nhưng bạn nên viết mọi thứ bằng chữ thường: & lt; button & gt; chứ không phải & lt; ButTon & gt; .

2. Thẻ đóng

Không bao gồm thẻ đóng là lỗi phổ biến dành cho người mới bắt đầu. Do đó, bất cứ khi nào bạn tạo thẻ mở, hãy đặt ngay thẻ đóng vào.

3. Lồng ghép

Điều này là sai:

  & lt; div & gt; Div 1 & lt; span & gt; Khoảng 2 & lt; / div & gt; & lt; / span & gt;
 

Các thẻ phải mở và đóng theo cách mà chúng ở bên trong hoặc bên ngoài thẻ.

4. Dấu ngoặc kép và dấu ngoặc kép

Điều này là sai:

  & lt; img src = "https://images.unsplash.com/ ' & gt;
 

Bạn không thể kết hợp dấu ngoặc kép và dấu ngoặc kép. Bạn nên luôn sử dụng dấu ngoặc kép và sử dụng các thực thể HTML nếu cần.

Cách tạo một trang web đơn giản với HTML

Các phần tử HTML riêng lẻ không đủ để tạo một trang web. Vì vậy, hãy xem chúng ta cần thêm những gì để xây dựng một trang web đơn giản từ đầu.

Cách tạo tài liệu HTML

Trước tiên, hãy mở Visual Studio Code (hoặc trình chỉnh sửa mã yêu thích của bạn). Trong thư mục bạn chọn, hãy tạo một tệp mới và đặt tên là index.html.

Trong tệp index.html, hãy nhập! (dấu chấm than) và nhấn enter. Bạn sẽ thấy một cái gì đó như sau:

  & lt;! DOCTYPE html & gt;
& lt; html lang = "vi" & gt;
& lt; đầu & gt;
    & lt; meta charset = "UTF-8" & gt;
    & lt; meta name = "viewport" content = "width = device-width, initial-scale = 1.0" & gt;
    & lt; title & gt; Tài liệu & lt; / title & gt;
& lt; / head & gt;
& lt; body & gt;
    
& lt; / body & gt;
& lt; / html & gt;
 

Đây là mã tối thiểu mà một tài liệu HTML phải có để tạo nên một trang web. Và ở đây chúng ta có:

  1. & lt;! DOCTYPE html & gt; : Đầu tiên chúng ta có Doctype. Vì một số lý do lịch sử kỳ lạ trong HTML, chúng tôi phải bao gồm loại tài liệu để mọi thứ hoạt động chính xác.
  2. & lt; html lang = "en" & gt; & lt; / html & gt; : Phần tử & lt; html & gt; bao bọc tất cả nội dung trên trang, còn được gọi là phần tử gốc. Và chúng ta phải luôn bao gồm thuộc tính lang để khai báo ngôn ngữ của trang.
  3. & lt; head & gt; & lt; / head & gt; : & lt; head & gt; là vùng chứa mọi thứ bạn muốn đưa vào chứ không phải nội dung mà bạn hiển thị cho người dùng của mình.
  4. & lt; meta charset = "UTF-8" / & gt; : Phần tử meta đầu tiên được sử dụng để đặt bộ ký tự là UTF-8, bao gồm hầu hết các ký tự từ các ngôn ngữ viết.
  5. & lt; meta name = "viewport "content =" width = device-width, initial-scale = 1.0 "/ & gt; : Phần tử meta thứ hai chỉ định chế độ xem của trình duyệt. Cài đặt này dành cho trang web được tối ưu hóa cho thiết bị di động.
  6. & lt; title & gt; Document & lt; / title & gt; : Đây là phần tử & lt; title & gt; . Nó đặt tiêu đề của trang.
  7. & lt; body & gt; & lt; / body & gt; : Phần tử & lt; body & gt; chứa tất cả nội dung trên trang.

Cách tạo trang công thức bánh kếp

Được rồi, bây giờ chúng ta có mã bắt đầu, chúng ta hãy xây dựng một trang công thức bánh kếp. Chúng tôi sẽ sử dụng nội dung từ Trang AllRecipes này.

Trước tiên, hãy cung cấp nội dung phần tử & lt; title & gt; của công thức bánh kếp. Bạn sẽ thấy văn bản trên tab trang web thay đổi. Trong phần tử & lt; body & gt; , hãy tạo 3 phần tử: & lt; header & gt; , & lt; main & gt; & lt; footer & gt ; đại diện cho 3 phần.

1. Xây dựng phần tiêu đề

Trong tiêu đề, chúng tôi muốn có biểu trưng và điều hướng. Do đó, hãy tạo div với nội dung là TẤT CẢ NHẬN cho biểu trưng.

Để điều hướng, hãy sử dụng & lt; nav & gt; phần tử . Trong phần tử & lt; nav & gt; , chúng ta có thể sử dụng & lt; ul & gt; để tạo danh sách không có thứ tự. Chúng tôi muốn có 3 phần tử & lt; li & gt; cho 3 liên kết: Thành phần, Các bước và Đăng ký. Mã tiêu đề trông giống như sau:

  ...
    & lt; tiêu đề & gt;
      & lt; div & gt; TẤT CẢ CÔNG NHẬN & lt; / div & gt;
      & lt; nav & gt;
        & lt; ul & gt;
          & lt; li & gt; & lt; a href = "# thành phần" & gt; Thành phần & lt; / a & gt; & lt; / li & gt;
          & lt; li & gt; & lt; a href = "# bước" & gt; Các bước & lt; / a & gt; & lt; / li & gt;
          & lt; li & gt; & lt; a href = "# subsribe" & gt; Đăng ký & lt; / a & gt; & lt; / li & gt;
        & lt; / ul & gt;
      & lt; / nav & gt;
    & lt; / tiêu đề & gt;
...
 

2. Xây dựng Phần chính

Trong phần chính, trước tiên, chúng ta muốn có tiêu đề và hình ảnh. Chúng tôi có thể sử dụng h1 cho tiêu đề và & lt; img & gt; cho hình ảnh (chúng tôi có thể sử dụng miễn phí hình ảnh từ Unsplash ):

  ...
    & lt; chính & gt;
      & lt; h1 & gt; Bánh kếp thời trang tốt & lt; / h1 & gt;
      & lt; img
        src = "https://images.unsplash.com/photo-1575853121743-60c24f0a7502"
        alt = "bánh kếp"
        width = "250"
      / & gt;
    & lt; / main & gt;
...
 

Tiếp theo, chúng tôi muốn liệt kê tất cả các thành phần. Chúng tôi có thể sử dụng & lt; ol & gt; để tạo danh sách có thứ tự và & lt; input type = "checkbox" / & gt; để tạo hộp kiểm.

Nhưng trước đó, chúng ta có thể sử dụng & lt; h2 & gt; để bắt đầu một khối nội dung mới. Chúng tôi cũng muốn thêm thuộc tính id cho & lt; h2 & gt; để liên kết trong điều hướng biết nơi cần đến:

 ...
    & lt; chính & gt;
    ...
      & lt; h2 id = "thành phần" & gt; Thành phần & lt; / h2 & gt;
      & lt; ol & gt;
        & lt; li & gt; & lt; input type = "checkbox" / & gt; 1 ½ chén bột mì đa dụng & lt; / li & gt;
        & lt; li & gt; & lt; input type = "checkbox" / & gt; 3 ½ thìa cà phê bột nở & lt; / li & gt;
        & lt; li & gt; & lt; input type = "checkbox" / & gt; 1 thìa cà phê muối & lt; / li & gt;
        & lt; li & gt; & lt; input type = "checkbox" / & gt; 1 muỗng canh đường trắng & lt; / li & gt;
        & lt; li & gt; & lt; input type = "checkbox" / & gt; 1 ¼ cốc sữa & lt; / li & gt;
        & lt; li & gt; & lt; input type = "checkbox" / & gt; 1 quả trứng & lt; / li & gt;
      & lt; / ol & gt;
    & lt; / main & gt;
...
 

Sau các thành phần, chúng tôi muốn liệt kê tất cả các bước. Chúng ta có thể sử dụng & lt; h4 & gt; cho tiêu đề bước và & lt; p & gt; cho nội dung bước:

  ...
    & lt; chính & gt;
    ...
      & lt; h2 id = "các bước" & gt; Các bước & lt; / h2 & gt;
      
      & lt; h4 & gt; Bước 1 & lt; / h4 & gt;
      & lt; p & gt;
        Trong một tô lớn, rây bột mì, bột nở, muối và đường.
        Tạo một cái giếng ở giữa và đổ sữa, trứng và bơ đã đun chảy vào;
        trộn cho đến khi mịn.
      & lt; / p & gt;
      
      & lt; h4 & gt; Bước 2 & lt; / h4 & gt;
      & lt; p & gt;
        Làm nóng vỉ nướng hoặc chảo đã phết dầu nhẹ trên lửa vừa và cao. Đổ
        hoặc múc bột lên vỉ nướng, sử dụng khoảng 1/4 cốc cho
        mỗi cái bánh kếp. Màu nâu trên cả hai mặt và phục vụ nóng.
      & lt; / p & gt;
    & lt; / main & gt;
...
 

Được rồi, bây giờ chúng ta đã hoàn thành phần chính, hãy chuyển sang phần chân trang.

Ở phần chân trang, chúng ta muốn có một biểu mẫu đăng ký và văn bản bản quyền.

Đối với biểu mẫu đăng ký, chúng tôi có thể sử dụng phần tử & lt; form & gt; . Bên trong nó, chúng ta có thể có & lt; input type = "text" & gt; để nhập văn bản và & lt; button & gt; cho nút gửi.

< p> Đối với văn bản bản quyền, chúng tôi chỉ cần sử dụng & lt; div & gt; . Lưu ý ở đây, chúng tôi có thể sử dụng thực thể HTML $ copy; cho biểu tượng bản quyền.

Chúng tôi có thể thêm & lt; br & gt; để thêm một số khoảng trắng giữa biểu mẫu đăng ký và văn bản bản quyền:

  ...
    & lt; footer & gt;
      & lt; h6 id = "subscribe" & gt; Đăng ký & lt; / h6 & gt;
      & lt; form onsubmit = "alert ('Đã đăng ký')" & gt;
        & lt; input type = "text" placeholder = "Nhập Địa chỉ Email" / & gt;
        & lt; nút & gt; Gửi & lt; / nút & gt;
      & lt; / form & gt;
      & lt; br / & gt;
      & lt; div & gt; & amp; copy; dakota kelly tại Allrecipe.com & lt; / div & gt;
    & lt; / footer & gt;
...
 

Được rồi, bây giờ chúng ta đã hoàn tất! Đây là mã đầy đủ để tham khảo:

 & lt;! DOCTYPE html & gt;
& lt; html lang = "vi" & gt;
  & lt; đầu & gt;
    & lt; meta charset = "UTF-8" / & gt;
    & lt; meta name = "viewport" content = "width = device-width, initial-scale = 1.0" / & gt;
    & lt; title & gt; Pancake Recipe & lt; / title & gt;
  & lt; / head & gt;
  & lt; body & gt;
    & lt; tiêu đề & gt;
      & lt; div & gt; TẤT CẢ CÔNG NHẬN & lt; / div & gt;
      & lt; nav & gt;
        & lt; ul & gt;
          & lt; li & gt; & lt; a href = "# thành phần" & gt; Thành phần & lt; / a & gt; & lt; / li & gt;
          & lt; li & gt; & lt; a href = "# bước" & gt; Các bước & lt; / a & gt; & lt; / li & gt;
          & lt; li & gt; & lt; a href = "# subsribe" & gt; Đăng ký & lt; / a & gt; & lt; / li & gt;
        & lt; / ul & gt;
      & lt; / nav & gt;
    & lt; / tiêu đề & gt;
    & lt; chính & gt;
      & lt; h1 & gt; Bánh kếp thời trang tốt & lt; / h1 & gt;
      & lt; img
        src = "https://images.unsplash.com/photo-1575853121743-60c24f0a7502?ixid=MXwxMjA3fDB8MHxzZWFyY2h8MXx8cGFuY2FrZXxlbnwwfHwwfA %3D%3D "
        alt = "bánh kếp"
        width = "250"
      / & gt;
      & lt; h2 id = "thành phần" & gt; Thành phần & lt; / h2 & gt;
      & lt; ol & gt;
        & lt; li & gt; & lt; input type = "checkbox" / & gt; 1 ½ chén bột mì đa dụng & lt; / li & gt;
        & lt; li & gt; & lt; input type = "checkbox" / & gt; 3 ½ thìa cà phê bột nở & lt; / li & gt;
        & lt; li & gt; & lt; input type = "checkbox" / & gt; 1 thìa cà phê muối & lt; / li & gt;
        & lt; li & gt; & lt; input type = "checkbox" / & gt; 1 muỗng canh đường trắng & lt; / li & gt;
        & lt; li & gt; & lt; input type = "checkbox" / & gt; 1 ¼ cốc sữa & lt; / li & gt;
        & lt; li & gt; & lt; input type = "checkbox" / & gt; 1 quả trứng & lt; / li & gt;
      & lt; / ol & gt;
      & lt; h2 id = "các bước" & gt; Các bước & lt; / h2 & gt;
      & lt; h4 & gt; Bước 1 & lt; / h4 & gt;
      & lt; p & gt;
        Trong một tô lớn, rây bột mì, bột nở, muối và đường.
        Tạo một cái giếng ở giữa và đổ sữa, trứng và bơ đã đun chảy vào;
        trộn cho đến khi mịn.
      & lt; / p & gt;
      & lt; h4 & gt; Bước 2 & lt; / h4 & gt;
      & lt; p & gt;
        Làm nóng vỉ nướng hoặc chảo đã phết dầu nhẹ trên lửa vừa và cao. Đổ
        hoặc múc bột lên vỉ nướng, sử dụng khoảng 1/4 cốc cho
        mỗi cái bánh kếp. Màu nâu trên cả hai mặt và phục vụ nóng.
      & lt; / p & gt;
    & lt; / main & gt;
    & lt; hr / & gt;
    & lt; footer & gt;
      & lt; h6 id = "subscribe" & gt; Đăng ký & lt; / h6 & gt;
      & lt; form onsubmit = "alert ('Đã đăng ký')" & gt;
        & lt; input type = "text" placeholder = "Nhập Địa chỉ Email" / & gt;
        & lt; nút & gt; Gửi & lt; / nút & gt;
      & lt; / form & gt;
      & lt; br / & gt;
      & lt; div & gt; & amp; copy; dakota kelly tại Allrecipe.com & lt; / div & gt;
    & lt; / footer & gt;
  & lt; / body & gt;
& lt; / html & gt;
 

Kết luận

Bạn có thể xây dựng một trang web đơn giản chỉ với HTML. Nhưng để có thể xây dựng các trang web đẹp và có chức năng, bạn cần phải học CSS và JavaScript.

Bạn có thể theo dõi tôi trên mạng xã hội hoặc Youtube để biết các cập nhật trong tương lai về những chủ đề này. Nhưng trong khi đó, bạn có thể xem freeCodeCamp Curriculum để thực hành HTML bằng cách giải quyết các nhiệm vụ nhỏ.

Nếu không, hãy vui vẻ viết mã và hẹn gặp lại bạn trong những bài viết sau 👋.

__________ 🐣 Giới thiệu về tôi __________

  • Tôi là người sáng lập của DevChallenges
  • Đăng ký Kênh của tôi
  • Theo dõi Twitter của tôi
  • Tham gia < span> Bất hòa


Xem thêm những thông tin liên quan đến chủ đề cách học viết mã html

Visual Studio Code: Mẹo tăng tốc độ viết code Html Css bạn cần biết| Unitop.vn

  • Tác giả: Phan Văn Cương [Học Web Online]
  • Ngày đăng: 2019-12-03
  • Đánh giá: 4 ⭐ ( 6452 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: [http://unitop.vn] Khi code html nếu bạn code theo cách thông thường sẽ dẫn đến mất nhiều thời gian và dễ gặp lỗi cú pháp thẻ.
    Trong video này tôi chia sẻ đến bạn cách viết code html nhanh chóng dưới sự hỗ trợ của Editor Visual Studio Code - Sublime text.
    ---
    » » Bấm đăng ký kênh để tránh bỏ sót video mới://bit.ly/2RMvXez
    » » Nhận tài liệu học web miễn phí qua mail: https://www.hocwebdilam.com
    ------------
    Liên Kết Quan Trọng
    » Nhận tài liệu miễn phí: https://hocwebdilam.com?utm_source=youttube
    » Blog lập trình: http://unitop.com.vn
    » Đăng ký khoá học web đi làm: https://unitop.vn
    » Fanpage: https://facebook.com/unitop.vn
    » Fb: https://facebook.com/cuongtienlen
    --------------------------
    Xem Lộ Trình Học Lập Trình Web Đi Làm
    » http://unitop.vn
    unitop hocwebdilam
    © Copyright Phan Văn Cương. Do not Reup

Tìm hiểu về HTML và cách học HTML tốt nhất - Blog

  • Tác giả: vn.got-it.ai
  • Đánh giá: 5 ⭐ ( 3089 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Nếu bạn muốn trở thành một front-end developer, việc học HTML là vô cùng cần thiết. Có vô vàn trang web trên mạng dạy bạn HTML và xây dựng trang HTML đơn giản

5 trang web tốt nhất để học và nâng cao kiến thức viết mã HTML

  • Tác giả: f4vnn.com
  • Đánh giá: 4 ⭐ ( 6105 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: 5 trang web tốt nhất để học và nâng cao kiến thức viết mã HTML: Nếu bạn muốn học HTML theo thời gian và tốc độ của riêng mình, thì những trang web này là một...

Đề tài Tìm hiểu HTML5 và CSS3 Ứng dụng để xây dựng một website đơn giản

  • Tác giả: luanvan.co
  • Đánh giá: 4 ⭐ ( 1115 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Đề tài Tìm hiểu HTML5 và CSS3 Ứng dụng để xây dựng một website đơn giản - Hoạt động của độc giả:
    Một khách độc giả khi truy cập vào website, họ sẽ đ...

Cách để Học Ngôn ngữ HTML

  • Tác giả: www.wikihow.vn
  • Đánh giá: 4 ⭐ ( 1175 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Cách để Học Ngôn ngữ HTML. HTML là chữ viết tắt của Hyper Text Markup Language (Ngôn ngữ đánh dấu siêu văn bản), và là loại mã hay ngôn ngữ được sử dụng để tạo nên các trang web. Có thể hơi nản lòng một chút nếu bạn chưa từng viết mã bao...

Viết dấu cách trong html

  • Tác giả: hoclaptrinh.vn
  • Đánh giá: 4 ⭐ ( 4254 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Viết dấu cách trong html. Dấu cách trong Html tương đương với một khoảng trắng, bạn có thể dùng dấu cách một cách thông thường trong đoạn văn bản.

Học HTML

  • Tác giả: webvn.com
  • Đánh giá: 4 ⭐ ( 2070 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Học thiết kế lập trình web với HTML. Trong các bài học HTML gồm hàng trăm ví dụ và video giúp bạn hiểu HTML từ căn bản đến chuyên sâu.

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

Xem Thêm  Phương thức Java (Có ví dụ) - các phương thức và tham số trong java