2012-01-30 70 views
16

Tôi là người mới bắt đầu trong lập trình web và có một số câu hỏi rất đơn giản.cách in đậm từ trong một đoạn trong HTML/CSS?

Tôi đang cố gắng in đậm một vài từ trong một đoạn nhưng tôi không biết cách thực hiện điều đó bằng HTML/CSS. Tôi đã tìm ra cách để in đậm toàn bộ các đoạn văn, nhưng không phải là những từ riêng lẻ. Làm thế nào tôi có thể in đậm một từ, như "đậm" trong ví dụ của tôi?

này bolds toàn bộ một đoạn:

<html> 
<head> 
<style type="text/css"> 
p.n1 
{ 
    font:15px bold 30px Georgia,serif; 
} 

</style> 
</head> 

<body> 
<p class="n1">I am in bold. </p> 
</body> 
</html> 

Trả lời

27
<p><strong>This is in bold.</strong> This is not.</p> 

Bạn có thể thấy Mozilla Developer Network là một tài liệu tham khảo rất tiện dụng và đáng tin cậy.

+0

đánh bại tôi vào nó, tốt đẹp, đây là URL trợ HTML 4.01 đặc điểm kỹ thuật: http://www.w3.org/TR/ html4/struct/text.html # h-9.2.1 và từ đặc tả dự thảo HTML 5.0: http://dev.w3.org/html5/spec/Overview.html#the-strong-element – sarnold

+0

'strong' doesn ' t nhất thiết ngụ ý sự táo bạo, nhưng văn bản bên trong có tầm quan trọng tương đối cao hơn. 'b' là thẻ đúng để sử dụng nếu bạn chỉ muốn thay đổi kiểu trình bày, hoặc cách khác là sử dụng phần tử' span' với một lớp được tạo kiểu thích hợp. Điều này cũng đúng với 'em' để nhấn mạnh và' i'. – djlumley

+1

Trong khi b và mạnh là các yếu tố riêng biệt, thông tin phong cách nghiêm ngặt (chẳng hạn như b) thuộc về bản định kiểu. Tuy nhiên, tôi thừa nhận quan điểm của bạn. Những gì tôi có lẽ nên đã chỉ cho anh ta là việc sử dụng một khoảng lồng nhau, với một id, và sử dụng một phong cách để in đậm nó. Nhưng đó là một chút về phía thuần túy, và tôi đã đi tuyến đường trực tiếp nhất để giải quyết vấn đề. –

2

nếu bạn muốn chỉ "in đậm", Mike Hofer's answer chủ yếu là chính xác.

nhưng nhận thấy rằng các thẻ bolds nội dung của nó theo mặc định, nhưng bạn có thể thay đổi hành vi này bằng css, ví dụ:

p strong { 
    font-weight: normal; 
    font-style: italic; 
} 

Bây giờ bạn "táo bạo" là nghiêng :)

Vì vậy, hãy cố gắng sử dụng các thẻ theo nghĩa của nó, không phải theo kiểu mặc định của nó.

+0

Vâng, thưa ngài. +1 –

+1

lưu ý nhanh: cách các câu trả lời được sắp xếp có thể thay đổi theo thời gian (hoặc tùy thuộc vào cách một người dùng cụ thể sắp xếp chúng), thay vì "câu trả lời ở trên", bạn nên đề cập đến tên của người trả lời và/hoặc bao gồm liên kết đến câu trả lời chinh no. –

+0

cảm ơn mẹo! Đã sửa. – Rodrigo

0

Mặc dù câu trả lời của bạn có nhiều giải pháp nhưng tôi nghĩ đây là cách tuyệt vời để lưu các dòng mã. Hãy thử sử dụng các nhịp kéo dài tuyệt vời cho các tình huống như của bạn.

  1. Tạo lớp để làm cho bất kỳ mục nào được in đậm. Vì vậy, cho đoạn văn bản nó sẽ là
span.bold(This name can be anything do not include parenthesis) { 
    font-weight: bold; 
} 
  1. Trong html của bạn, bạn có thể truy cập vào lớp đó như thế nào bằng cách sử dụng thẻ div và thêm một lớp tên in đậm hoặc bất cứ điều gì mà bạn đã chọn
1
<p><b> BOLD TEXT </b> not in bold </p>; 

Bao gồm các văn bản mà bạn muốn trở thành in đậm giữa <b>...</b>

3
<style type="text/css"> 
p.boldpara {font-weight:bold;} 
</style> 
</head> 

<body> 
<p class="boldpara">Stack overflow is good site for developers. I really like this site </p> 

</body> 

</html> 

http://www.tutorialspoint.com

+0

* Stack overflow là trang web tốt nhất cho các nhà phát triển. –

5

Tôi biết câu hỏi này là cũ nhưng tôi chạy qua nó và tôi biết những người khác có thể có cùng một vấn đề. Tất cả các câu trả lời đều ổn nhưng không đưa ra chi tiết đúng hoặc lời khuyên TRUE thực sự.

Khi muốn tạo kiểu cho một phần cụ thể của đoạn văn, hãy sử dụng thẻ span.

<p><span style="font-weight:900">Andy Warhol</span> (August 6, 1928 - February 22, 1987) 

was an American artist who was a leading figure in the visual art movement known as pop 

art.</p> 

Andy Warhol (06 tháng 8 năm 1928 - ngày 22 tháng 2 năm 1987) là một nghệ sĩ người Mỹ là một nhân vật hàng đầu trong phong trào nghệ thuật thị giác được gọi là nghệ thuật pop.

Khi mã hiển thị, kiểu thẻ span trên các từ được chỉ định: "Andy Warhol". Bạn có thể thêm kiểu từ bằng cách sử dụng bất kỳ mã kiểu phông chữ CSS nào.

{font-weight; font-size; text-decoration; font-family; margin; color}, etc. 

Bất kỳ điều nào trong số này cũng có thể được sử dụng để tạo kiểu cho một từ, nhóm từ hoặc thậm chí các đoạn được chỉ định mà không phải thêm lớp học vào CSS Style Sheet Doc. Tôi hi vọng điêu nay se giup được ai đo!

-1

Thêm <b> thẻ

<p> <b> I am in Bold </b></p> 

Đối với các thẻ định dạng văn bản hơn click here

Các vấn đề liên quan