Hướng dẫn html double line break - ngắt dòng kép html

Khi bạn đang viết HTML, bạn thường cần phải chèn các lần phá vỡ dòng. Việc phá vỡ dòng là rất cần thiết trong địa chỉ, bài thơ hoặc khi văn bản vượt quá chiều rộng trình duyệt có sẵn. Nếu bạn không chèn các lần ngắt dòng của riêng bạn, thì văn bản sẽ được định dạng theo một cách kỳ lạ.

Nội phân chính

• Cú pháp phá vỡ dòng html cơ bản
• Cách chèn các lần ngắt dòng trong địa chỉ
• Đây là một ví dụ về một địa chỉ không bị phá vỡ dòng
• Đây là một địa chỉ với các lần phá vỡ dòng
• Cách thêm các đường ngắt cho các bài thơ
• Một bài thơ không bị phá vỡ dòng
• Một bài thơ với dòng phá vỡ

Trong hướng dẫn này, tôi sẽ chỉ cho bạn cách chèn các lỗi dòng trong mã HTML của bạn với một số ví dụ "có và không có", để bạn có thể bắt đầu sử dụng nó một cách chính xác và định dạng văn bản của bạn tốt hơn.

Cú pháp phá vỡ dòng html cơ bản

Cách chèn các lần ngắt dòng trong địa chỉ

Đây là một ví dụ về một địa chỉ không bị phá vỡ dòng

Đây là một địa chỉ với các lần phá vỡ dòng

Cách thêm các đường ngắt cho các bài thơ

Một bài thơ không bị phá vỡ dòng

Cách chèn các lần ngắt dòng trong địa chỉ

Đây là một ví dụ về một địa chỉ không bị phá vỡ dòng

Đây là một ví dụ về một địa chỉ không bị phá vỡ dòng

Đây là một địa chỉ với các lần phá vỡ dòng

     The White House, 1600 Pennsylvania Avenue NW Washington, DC 20500, USA.

Cách thêm các đường ngắt cho các bài thơ

body {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
    font-size: 3rem;
    max-width: 1000px;
    margin: 0 auto;
}

Một bài thơ không bị phá vỡ dòng

Một bài thơ không bị phá vỡ dòng

Đây là một địa chỉ với các lần phá vỡ dòng

Cách thêm các đường ngắt cho các bài thơ

    The White House 

    1600 Pennsylvania Avenue 

    NW Washington, DC 

    20500 

    USA

Một bài thơ không bị phá vỡ dòng

Cách thêm các đường ngắt cho các bài thơ

Một bài thơ không bị phá vỡ dòng

Một bài thơ với dòng phá vỡ

Một bài thơ không bị phá vỡ dòng

Một bài thơ không bị phá vỡ dòng

      I dabbled around a lot when I decided to learn to code 
      I went from A to Z with resources 
      When I decided to make my own things 
      I discovered I've been in the old all while 
      So I remained a novice in coding 
      But then I found freeCodeCamp 
      I got my hands on the platform 
      I went from novice to ninja in coding 
     And now I'm a camper for life

Một bài thơ không bị phá vỡ dòng

Một bài thơ với dòng phá vỡ

Một bài thơ với dòng phá vỡ

      I dabbled around a lot when I decided to learn to code 

      I went from A to Z with resources 

      When I decided to make my own things 

      I discovered I've been in the old all while 

      So I remained a novice in coding 

      But then I found freeCodeCamp 

      I got my hands on the platform 

      I went from novice to ninja in coding 

      And now I'm a camper for life 

Trong hướng dẫn này, tôi sẽ chỉ cho bạn cách chèn các lỗi dòng trong mã HTML của bạn với một số ví dụ "có và không có", để bạn có thể bắt đầu sử dụng nó một cách chính xác và định dạng văn bản của bạn tốt hơn.

body {
   display: flex;
   align-items: center;
   justify-content: center;
   height: 100vh;
   font-size: 2.5rem;
   max-width: 1000px;
   margin: 0 auto;
}

Bạn có thể chèn ngắt dòng trong HTML với thẻ
, tương đương với việc trả lại vận chuyển trên bàn phím.

Xin lưu ý rằng HTML sẽ bỏ qua bất kỳ lỗi nào từ phím trả về bàn phím.

Nếu bạn đang tự hỏi tại sao có một dấu gạch chéo về phía trước trong thẻ
ở trên, thì việc cắt giảm rất quan trọng khi HTML4 vẫn được sử dụng rộng rãi. Với HTML5, bạn không cần phải chém vào đó nữa. Nhưng cả hai sẽ làm điều tương tự. Do not use the
tag to force a space between block-level elements (

     The White House, 1600 Pennsylvania Avenue NW Washington, DC 20500, USA.

     The White House, 1600 Pennsylvania Avenue NW Washington, DC 20500, USA.

     The White House, 1600 Pennsylvania Avenue NW Washington, DC 20500, USA.

     The White House, 1600 Pennsylvania Avenue NW Washington, DC 20500, USA.

     The White House, 1600 Pennsylvania Avenue NW Washington, DC 20500, USA.

Nếu bạn đang sử dụng một định dạng mã như đẹp hơn, nó sẽ luôn chèn vào chém khi bạn lưu hoặc dán ngay cả khi bạn không đặt nó vào đó.

QUẢNG CÁO

Một bài thơ không bị phá vỡ dòng

Một bài thơ với dòng phá vỡ

Trong hướng dẫn này, tôi sẽ chỉ cho bạn cách chèn các lỗi dòng trong mã HTML của bạn với một số ví dụ "có và không có", để bạn có thể bắt đầu sử dụng nó một cách chính xác và định dạng văn bản của bạn tốt hơn.

Bạn có thể chèn ngắt dòng trong HTML với thẻ
, tương đương với việc trả lại vận chuyển trên bàn phím.