Cara menggunakan html new line

Tulis sesuatu tentang diri Anda di sini. Jelaskan secara singkat siapa Anda dan apa yang Anda lakukan untuk kehidupan Anda. Ingatlah untuk menggunakan teks tebal dan miring, untuk lebih memahami HTML lebih lanjut.

A line break, as the name implies, is a break in line 😅. A line break in HTML is a point where a line ends horizontally, and the next line starts on a new line.

In HTML, when you write a string like this:

    Hello, I am
    trying to create a
    new line

The whitespaces (the tab space before "Hello", the space between "am" and "trying", "a" and "new") will be ignored. The result on the screen will appear like this:

Hello, I am trying to create a new line

One way to fix this (though it's not very effective) is to create three

tags like this:

Hello, I am
trying to create a
new line

This will result in the following:

Hello, I am
trying to create a
new line

Because p tags create

Hello, I am trying to create a new line

This solution is not effective because you have created three paragraphs. In cases where a screen reader is to interpret this, it will read it as three paragraphs instead of a single sentence. This can affect web accessibility.

So how do you add a line break for an inline element?

How to Add a Line Break in HTML

HTML has tags for numerous purposes, including to create line breaks. You can use the

Hello, I am trying to create a new line

Here is an example of a paragraph with the

Hello, I am trying to create a new line

    Hello, I am
    

    trying to create a
    

    new line

The

Hello, I am trying to create a new line

The above code results in this:

Hello, I am
trying to create a
new line

You can use this tag for other forms of inline elements like links. For example, look at this code:

    Google
    Twitter

Anchor tags,

Hello, I am trying to create a new line

You can use the

Hello, I am trying to create a new line

    Google
    

    Twitter

Conclusion

The

Hello, I am trying to create a new line

Hello, I am trying to create a new line

Instead of using block elements for putting elements in new lines, you can use the line break tag:

Hello, I am trying to create a new line

In cases like sentences, using the

Hello, I am trying to create a new line

ADVERTISEMENT

ADVERTISEMENT

ADVERTISEMENT

Dillion Megida

Developer Advocate and Content Creator passionate about sharing my knowledge on Tech. I simplify JavaScript / ReactJS / NodeJS / Frameworks / TypeScript / et al My YT channel: youtube.com/c/deeecode

If you read this far, tweet to the author to show them you care. Tweet a thanks

Learn to code for free. freeCodeCamp's open source curriculum has helped more than 40,000 people get jobs as developers. Get started

Elemen br sebaiknya digunakan hanya untuk garis baru yang benar-benar merupakan bagian dari sebuah konten, seperti digunakan pada baris syair, puisi dan alamat.

<p>
  Jln. Raya Serang KM.76<br>
  Kragilan<br>
  Serang-Banten
p>

Contoh Lengkap

Contoh source code lengkap disertai dengan link "editor" untuk mencoba (try it) dan melihat hasil (preview) kode.

Manakah tag HTML untuk memasukkan line break?

Apa tag dari HTML yang berfungsi untuk membuat baris baru?

HTML elemen apa yang tepat untuk membuat tautan atau link?