Cách để Căn Giữa Văn Bản Trên HTML - WikiHow

Có thể bạn quan tâm

Trang đầu
Ngẫu nhiên
Duyệt các Chuyên mục
Giới thiệu về wikiHow

Đăng nhập / Đăng ký

Các chính sáchCách để Căn giữa văn bản trên HTML

Tải về bản PDF Cùng viết bởi Nhân viên của wikiHow

Tải về bản PDF X

Bài viết này có đồng tác giả là đội ngũ biên tập viên và các nhà nghiên cứu đã qua đào tạo, những người xác nhận tính chính xác và toàn diện của bài viết. Nhóm Quản lý Nội dung của wikiHow luôn cẩn trọng giám sát công việc của các biên tập viên để đảm bảo rằng mọi bài viết đều đạt tiêu chuẩn chất lượng cao. Bài viết này đã được xem 127.799 lần.

Trong bài viết này: Bằng CSS Sử dụng thẻ center trong HTML Bài viết có liên quan Tham khảo

wikiHow hôm nay sẽ hướng dẫn bạn cách căn giữa văn bản trên website HTML bằng ngôn ngữ lập trình CSS (Cascading Style Sheets). Việc căn giữa văn bản trên HTML được thực hiện bằng thẻ <center>, nhưng thẻ này bị cho là lỗi thời và không còn hoạt động trên hầu hết các trình duyệt.[1]

Các bước

Phương pháp 1 Phương pháp 1 của 2:

Bằng CSS

Tải về bản PDF

1 Mở tập tin chứa phong cách CSS. Mặc dù thẻ <center> đã lỗi thời nhưng bạn vẫn có thể tạo phần tử mới để thêm vào bất cứ phần nào trên trang nhằm căn giữa văn bản trong ranh giới của chúng. Nếu chưa có tập tin riêng dành cho CSS, bạn cần xác định phong cách ở đầu tập tin HTML, giữa các thẻ "<style>" và "</style>".[2] X Nguồn nghiên cứu
- Nếu như chưa có thẻ <style> và </style>, bạn cần thêm trực tiếp vào bên dưới thẻ <body> ở đầu tập tin như sau:
2 Tạo lớp căn giữa văn bản. Thẻ <div> sẽ yêu cầu tài liệu HTML tham chiếu phần văn bản cụ thể, vì thế bạn cần tạo lớp cho thẻ này. Hãy nhập nội dung sau vào khoảng cách giữa thẻ "style", đừng quên nhấn ↵ Enter hai lần sau dòng đầu:
3 Thêm thuộc tính text-align. Nhập text-align: center; vào khoảng cách giữa hai dấu ngoặc nhọn trong phần div.a. Tiêu đề hiện tại sẽ trông như sau:
4 Thêm thẻ div thích hợp vào văn bản cần được căn giữa. Tiến hành bằng cách đặt thẻ <div class="a"> vào phía trên văn bản mà bạn muốn căn giữa và đóng lại bằng thẻ </div> bên dưới văn bản mà bạn muốn căn giữa. Ví dụ, để căn giữa tiêu đề và đoạn văn mở đầu, bạn cần nhập như sau:
5 Sử dụng thẻ div.a để căn giữa những vùng khác. Nếu bạn muốn căn giữa phần tử khác (ví dụ: nội dung giữa các thẻ như <p></p> và <h2></h2>), hãy nhập <div class="a"> vào trước văn bản và </div> vào sau đó. Vì bạn đã chỉ định "div.a" làm lệnh căn giữa nên văn bản này cũng sẽ nằm giữa tương tự như phần trước đó:
6 Xem lại tài liệu. Tuy rằng nội dung có thể khác nhau nhưng nhìn chung tài liệu của bạn bây giờ sẽ trông tương tự như sau:[3] X Nguồn nghiên cứu
Quảng cáo

Phương pháp 2 Phương pháp 2 của 2:

Sử dụng thẻ center trong HTML

Tải về bản PDF

1 Mở tài liệu HTML. Phương pháp này mô tả cách sử dụng thẻ HTML <center> (hiện cũng đã lỗi thời). Kể từ tháng 12/2018, thẻ này vẫn hoạt động trên một số trình duyệt web, tuy nhiên về lâu dài thì bạn vẫn không nên sử dụng thẻ này.
2 Xác định văn bản mà bạn muốn căn giữa. Cuộn xuống cho đến khi bạn tìm thấy tiêu đề, đoạn văn hay văn bản khác mà bạn muốn căn giữa.
3 Thêm thẻ "center" vào hai đầu văn bản. Thẻ center này có định dạng <center>text</center>, trong đó "text" là văn bản cần được căn giữa. Nếu văn bản đã có thẻ bên trong (ví dụ: "<p></p>" đối với đoạn văn bản), thẻ "center" có thể nằm ngoài những thẻ đã tồn tại trước đó:
4 Xem lại tài liệu HTML. Tài liệu bây giờ sẽ trông như sau:[4] X Nguồn nghiên cứu
Quảng cáo

Bài viết wikiHow có liên quan

Cách đểChèn ảnh vào Excel sao cho tự động vừa với các ô

Cách đểĐặt Google Chrome làm trình duyệt mặc định

Cách đểViết mã giả

Cách đểTắt McAfee

Cách đểKhởi chạy tập tin Python bằng Windows Command Prompt

Cách đểThêm Dấu tick vào Văn bản Word

Cách đểMở tập tin DLL

Cách đểLập trình Cách đểThêm font chữ mới vào InDesign

Cách đểIn ngăn cố định trên mọi trang trong Excel

Cách đểChuyển ảnh sang định dạng JPEG

Cách đểXóa bỏ phông nền trong Adobe Illustrator Quảng cáo

Tham khảo

↑ https://developer.mozilla.org/en-US/docs/Web/HTML/Element/center
↑ https://www.w3schools.com/css/css_align.asp
↑ https://www.w3schools.com/cssref/pr_text_text-align.asp
↑ https://www.w3schools.com/tags/tag_center.asp

Về bài wikiHow này

Cùng viết bởi: Nhân viên của wikiHow Người viết bài của wikiHow Bài viết này có đồng tác giả là đội ngũ biên tập viên và các nhà nghiên cứu đã qua đào tạo, những người xác nhận tính chính xác và toàn diện của bài viết. Nhóm Quản lý Nội dung của wikiHow luôn cẩn trọng giám sát công việc của các biên tập viên để đảm bảo rằng mọi bài viết đều đạt tiêu chuẩn chất lượng cao. Bài viết này đã được xem 127.799 lần. Chuyên mục: Phần mềm Ngôn ngữ khác Tiếng Anh Tiếng Bồ Đào Nha Tiếng Italy Tiếng Đức Tiếng Tây Ban Nha Tiếng Pháp Tiếng Trung Tiếng Nga Tiếng Indonesia Tiếng Ả Rập Tiếng Thái Tiếng Nhật Tiếng Hà Lan

Trang này đã được đọc 127.799 lần.

Bài viết này đã giúp ích cho bạn?

Có Không Quảng cáo Cookie cho phép wikiHow hoạt động tốt hơn. Bằng việc tiếp tục sử dụng trang web của chúng tôi, bạn đồng ý với chính sách cookie của chúng tôi.