Hướng dẫn how do i display text on screen in html? - làm cách nào để hiển thị văn bản trên màn hình trong html?

0

Mới! Lưu câu hỏi hoặc câu trả lời và sắp xếp nội dung yêu thích của bạn. Tìm hiểu thêm.
Learn more.

Tôi đang thiết lập một trang web blog đơn giản và cần trợ giúp định dạng các bài đăng được gửi đến trang nhất của trang web.

hỏi ngày 29 tháng 7 năm 2019 lúc 14:36Jul 29, 2019 at 14:36

Bạn có thể đạt được điều này theo nhiều cách. Có lẽ cách dễ nhất là đặt văn bản của bạn vào một container và cho nó một chiều rộng. Các văn bản sẽ tự bọc.

Your text here

và CSS của bạn. Nếu bạn muốn phá vỡ trong từ bạn có thể sử dụng

.text {
    width: 100px;
}

6.

.text {
    width: 100px;
}

Đã trả lời ngày 29 tháng 7 năm 2019 lúc 14:49Jul 29, 2019 at 14:49

SynthiaticsynthiaticSynthiatic

2611 Huy hiệu bạc16 Huy hiệu đồng1 silver badge16 bronze badges

Bạn có nhiều lựa chọn cho việc này. Đơn giản đặt văn bản bạn vào thẻ

.text {
    width: 100px;
}

7 và đưa ra chiều rộng cho

.text {
    width: 100px;
}

8 càng nhiều bạn muốn.

"Hello, this is my first post. As you can see, it wraps all the way around the text box and into another line."

Đã trả lời ngày 29 tháng 7 năm 2019 lúc 14:45Jul 29, 2019 at 14:45

Bạn nên thêm một thuộc tính CSS bao nhiêu từ và đặt nó thành từ bị hỏng. Điều này buộc văn bản phải bọc bên trong một container.

.container {
    word-wrap: break-word;
}

Đã trả lời ngày 29 tháng 7 năm 2019 lúc 16:51Jul 29, 2019 at 16:51

Bài 3: Các yếu tố văn bản trong HTML

/en/basic-html/create-a-webpage/content/

Thêm các phần tử văn bản trong HTML

Bài học này là một phần & nbsp; của một loạt trên & nbsp; lập trình máy tính. Bạn có thể truy cập & nbsp; giới thiệu để lập trình & nbsp; nếu bạn muốn bắt đầu ngay từ đầu.computer programming. You can go to Intro to Programming if you'd like to start at the beginning.

Một số yếu tố HTML phổ biến nhất tạo nên một trang web là các yếu tố văn bản. Tất cả các văn bản bạn đọc trên trang web này, ví dụ, cho dù đó là các tiêu đề ở đầu trang, phần tiêu đề hoặc chính văn bản này, được tạo từ các phần tử văn bản HTML.text elements. All the text you read on this website, for example, whether it's the titles at the top of the page, the section headers, or this very text, is made from HTML text elements.

Yếu tố đoạn văn

Cách cơ bản nhất để thêm văn bản vào một trang web là phần tử đoạn văn. Nếu bạn đã theo dõi cùng với hướng dẫn này, bạn đã thấy yếu tố này trước đây, nhưng nó đáng để lặp lại, bởi vì phần tử đoạn văn là một trong những yếu tố HTML phổ biến nhất được sử dụng trên hầu hết các trang web bạn truy cập mỗi ngày. & NBSP;paragraph element. If you've been following along with this tutorial, you've seen this element before, but it's worth repeating, because the paragraph element is one of the most common HTML elements used on most of the websites you visit every day. 

This is a paragraph

Theo mặc định, mọi trình duyệt đều đặt một chút không gian trên và bên dưới các phần tử đoạn văn khi chúng hiển thị chúng, giữ cho mỗi đoạn độc lập với các phần xung quanh nó, giống như các đoạn văn bạn thấy được in trong một cuốn sách hoặc tạp chí. & NBSP;a bit of space above and below paragraph elements when they display them, which keeps each paragraph independent from the ones around it, just like the paragraphs you'd see printed in a book or magazine. 

Các yếu tố tiêu đề

Giống như phần tử đoạn văn, các phần tử tiêu đề cũng được sử dụng để hiển thị văn bản trên màn hình. Chúng thường được sử dụng để tạo các tiêu đề phần. & NBSP;heading elements are also used to display text on the screen. They're generally used to create section headings. 

This is a heading element

Ví dụ: bạn có thể sử dụng một yếu tố tiêu đề để hiển thị tiêu đề của một bài luận bạn đang viết hoặc tên của một chương trong một cuốn sách. Văn bản thực tế của bài luận hoặc chương, mặt khác, sẽ sử dụng các yếu tố đoạn văn.

Các yếu tố tiêu đề có sáu cấp mặc định,

.text {
    width: 100px;
}

9 đến

"Hello, this is my first post. As you can see, it wraps all the way around the text box and into another line."

0, mà bạn có thể nghĩ là một thứ tự quan trọng. Ví dụ, nếu bạn đặt một

.text {
    width: 100px;
}

9 trên trang web của mình, thật an toàn khi cho rằng đó là phần tiêu đề phần quan trọng nhất và có thể ở đầu trang của bạn, trong khi

.text {
    width: 100px;
}

9 ít hơn và quan trọng một chút, v.v. & NBSP;six default levels,

.text {
    width: 100px;
}

9 through

"Hello, this is my first post. As you can see, it wraps all the way around the text box and into another line."

0, which you can think of as an order of importance. If you put an

.text {
    width: 100px;
}

9 on your web page, for example, it's safe to assume that it's the most important section heading and probably at the top of your page, while an

.text {
    width: 100px;
}

9 is slightly less and important, and so on. 

Chúng cũng đi kèm với một số kiểu dáng của trình duyệt mặc định, điều này củng cố thứ tự quan trọng đó: Phần tử

.text {
    width: 100px;
}

9 là lớn nhất,

.text {
    width: 100px;
}

9 nhỏ hơn và như thế.default browser styling, which reinforces that order of importance: the

.text {
    width: 100px;
}

9 element is the biggest, the

.text {
    width: 100px;
}

9 is smaller, and on like that.

This is the biggest one
This one is a little smaller
This one is even smaller
They keep getting smaller
This one isn't even that big
Pretty small now, actually

Các yếu tố định dạng văn bản

Các yếu tố định dạng văn bản được sử dụng để thay đổi cách văn bản nhìn theo những cách được xác định trước. Chẳng hạn, đây là một vài yếu tố định dạng văn bản phổ biến:change the way text looks in certain predefined ways. For instance, here are a few common text formatting elements:

• Bold: Phần tử ____ 25 & nbsp; làm cho nội dung của nó in đậm.old: The

  "Hello, this is my first post. As you can see, it wraps all the way around the text box and into another line."
  

  5 element makes its contents bold.
• Italics: Phần tử

  "Hello, this is my first post. As you can see, it wraps all the way around the text box and into another line."
  

  6 in nghiêng nội dung của nó. & NBSP;: The

  "Hello, this is my first post. As you can see, it wraps all the way around the text box and into another line."
  

  6 element italicizes its contents. 
• Gạch chân: Phần tử

  "Hello, this is my first post. As you can see, it wraps all the way around the text box and into another line."
  

  7 nhấn mạnh nội dung của nó.: The

  "Hello, this is my first post. As you can see, it wraps all the way around the text box and into another line."
  

  7 element underlines its contents.

Các yếu tố này thường được tìm thấy được lồng bên trong các yếu tố văn bản khác, chẳng hạn như đoạn văn hoặc các phần tử tiêu đề, bởi vì chúng thường chỉ có nghĩa là áp dụng cho một phần của văn bản. Ví dụ:nested inside of other text elements, such as the paragraph or heading elements, because they are usually only meant to apply to part of the text. For example:

These words aren't bold, but these two are.

HTML sẽ được hiển thị như thế này:

Thử cái này!

Hãy thử thử nghiệm từng yếu tố được đề cập trong bài học này & nbsp; trong đầu vào bên dưới. Bạn có thể nhập bất cứ điều gì bạn muốn, nhưng nếu & nbsp; bạn cần một số ý tưởng trên & nbsp; những gì cần nhập, hãy thử sử dụng các yếu tố bên dưới làm ví dụ.experimenting with each of the elements covered in this lesson in the input below. You can enter whatever you want, but if you need some ideas on what to enter, try using the elements below as an example.

The Long Goodnight
 
Chapter 1: The City and the Silence
Detective Hardcastle shuddered when he heard the knock at his door. Midnight on a Saturday, and somebody was looking for a gumshoe? It smelled like trouble, because if he had learned one thing in his time as a private eye, it was that all the city's ghosts came out at night.
I hope you're not looking for a fight, he thought to himself. Because if you are, you found it.

Nhập các phần tử HTML của bạn vào đầu vào tại đây:

Tự làm!

Mở tệp & nbsp; index.html & nbsp; tệp & nbsp; hướng dẫn lập trình gcf của bạn & nbsp; dự án trong trình soạn thảo văn bản của bạn và hãy thêm một số & nbsp; các yếu tố văn bản. Để hiểu rõ nhất, hãy chắc chắn & nbsp; thực sự nhập mã này, thay vì sao chép và dán nó. & Nbsp;index.html file of your GCF Programming Tutorials project in your text editor, and let's add some text elements. For the best understanding, be sure to actually type this code in, rather than copying and pasting it. 

1. Khi bạn lần đầu tiên tạo tệp này, bạn đã có một yếu tố nội dung thực tế trên trang. Đầu tiên, tìm phần tử đó:

   Hello, world!

2. Đi trước và & nbsp; xóa phần tử đó. & Nbsp;delete that element. 
3. Thay vào đó, hãy bắt đầu tạo ra một cái gì đó giống như một trang web thực sự mà bạn thực sự có thể thấy trong cuộc sống thường xuyên: & nbsp; một trang web đánh giá phim. của bạn & nbsp;movie review webpage. Start with a heading, and make sure to put it inside the 

   "Hello, this is my first post. As you can see, it wraps all the way around the text box and into another line."
   

   8 element, where your 

   "Hello, this is my first post. As you can see, it wraps all the way around the text box and into another line."
   

   9element was before: 

   .text {
       width: 100px;
   }
   

   0
4. Ngay bên dưới đó, hãy thêm A & NBSP; Tiêu đề phụ. Mặc dù tiêu đề đầu tiên là tiêu đề chính & nbsp; của toàn bộ trang web của bạn, nhưng đây sẽ chỉ là tiêu đề cho đánh giá của bạn về một bộ phim bom tấn tạo thành hit: & nbsp; ________ 11sub-heading. While the first heading was the main heading of your whole webpage, this one will just be the title for your review of a made-up blockbuster hit: 

   .text {
       width: 100px;
   }
   

   1
5. Bây giờ chúng ta hãy thêm một số & nbsp; văn bản. Đây là phần thịt thực sự của đánh giá của bạn, vì vậy có nhiều từ hơn, nhưng lưu ý rằng chúng vẫn chỉ được bọc trong các thẻ đơn giản & nbsp; ____ 29 & nbsp; Bạn vừa thêm vào:

   .text {
       width: 100px;
   }
   

   2text. This is the real meat of your review, so there are a lot more words, but notice that they're still just wrapped in simple 

   "Hello, this is my first post. As you can see, it wraps all the way around the text box and into another line."
   

   9 tags, one for each separate paragraph. Add this just below the 

   .text {
       width: 100px;
   }
   

   9 element you just added:

   .text {
       width: 100px;
   }
   

   2
6. Cho rằng cô ấy là đạo diễn & nbsp; của bộ phim, có vẻ như "Vicki Fleming" có thể là cái tên quan trọng nhất trong các đoạn đó, vì vậy hãy làm cho nó & nbsp; Bold & nbsp; để thu hút sự chú ý nhiều hơn đến nó. Chỉ bao bọc tên đó với & nbsp; ________ 25 & nbsp; và & nbsp; ________ 33 & nbsp;bold to attract more attention to it. Wrap just that name with 

   "Hello, this is my first post. As you can see, it wraps all the way around the text box and into another line."
   

   5 and 

   .container {
       word-wrap: break-word;
   }
   

   3 tags, like so: 

   .text {
       width: 100px;
   }
   

   3
7. Nó cũng có thể là một ý tưởng tốt để đặt xếp hạng ngôi sao khác biệt với phần còn lại của văn bản. Hãy in nghiêng điều đó để tách nó ra. Chỉ bao bọc những từ đó với các thẻ

   "Hello, this is my first post. As you can see, it wraps all the way around the text box and into another line."
   

   6 và

   .container {
       word-wrap: break-word;
   }
   

   5, như vậy: ________ 14italicize that to separate it. Wrap just those words with

   "Hello, this is my first post. As you can see, it wraps all the way around the text box and into another line."
   

   6 and

   .container {
       word-wrap: break-word;
   }
   

   5 tags, like so:

   .text {
       width: 100px;
   }
   

   4

Khi bạn đã hoàn thành tất cả những điều này, mã hoàn chỉnh của bạn sẽ trông như thế này:

.text {
    width: 100px;
}

5

Bấm đúp vào tệp & nbsp; index.html & nbsp; tệp để tải nó trong trình duyệt và bạn sẽ thấy điều này. & Nbsp; trang web của bạn bắt đầu trông giống một trang web thực tế hơn một chút!index.html file to load it in the browser, and you should see this. Your webpage is starting to look a little more like an actual webpage!

/en/basic-html/lists-in-html/content/

Làm thế nào để bạn hiển thị văn bản trong mã HTML?

Làm cách nào để hiển thị văn bản trong một div trong html?