Hướng dẫn lệnh center trong html

  • Trang chủ
  • Tham khảo
  • Tag html

Định nghĩa và sử dụng

Tag được sử dụng để canh giữa text.

Sự khác nhau giữa HTML và XHTML

HTML4.01XHTML1.0XHTML1.1
Không có sự khác biệt Không hỗ trợ

Cấu trúc

Ví dụ

Html viết:

Đây là text được canh giữa.

Hiển thị trình duyệt:

Đây là text được canh giữa.

Trình duyệt hỗ trợ

được hỗ trợ trong đa số các trình duyệt, tuy nhiên không nên sử dụng, việc canh giữa nên dùng thuộc tính text-align của css để thay thế.

Thuộc tính

Cách sử dụng:

Thuộc tính tổng quát [xem thêm]

Thuộc tínhGiá trịVí dụMô tả
class Tên class class="section" Tên class
dir rtl
ltr
dir="rtl" Xác định hướng văn bản cho các nội dung trong một thành phần.
id Tên id id="layout" Xác định tên id cho thành phần, mỗi thành phần chỉ có một id duy nhất [hoặc một id chỉ có trong một thành phần] trong một văn bản HTML
lang Mã ngôn ngữ lang="vi" Xác định mã ngôn ngữ cho nội dung trong một thành phần.
style Kiểu định dạng style="color: red" Xác định một định dạng cho một thành phần.
title Text title="Đây là title" Xác định thêm thông tin cho thành phần.
xml:lang Mã ngôn ngữ lang="vi" Xác định mã ngôn ngữ cho nội dung trong một thành phần, trong văn bản XHTML.

Thuộc tính sự kiện

Không được hỗ trợ trong DTD Strict

Thuộc tínhGiá trịVí dụMô tả
title Code script title="code" Script chạy khi click chuột.
ondblclick Code script ondblclick="code" Script chạy khi double click chuột.
onmousedown Code script onmousedown="code" Script chạy khi button chuột được nhấn.
onmousemove Code script onmousemove="code" Script chạy khi di chuyển con trỏ chuột.
onmouseout Code script onmouseout="code" Script chạy khi di chuyển con trỏ chuột ra khỏi thành phần.
onmouseover Code script onmouseover="code" Script chạy khi di chuyển con trỏ chuột di chuyển trên thành phần.
onmouseup Code script onmouseup="code" Script chạy khi button chuột được thả ra.
onkeydown Code script onkeydown="code" Script chạy khi nút trên bàn phím được nhấn.
onkeypress Code script onkeypress="code" Script chạy khi nút trên bàn phím được nhấn và thả ra.
onkeyup Code script onkeyup="code" Script chạy khi nút trên bàn phím được thả ra.

Thẻ được dùng để canh giữa văn bản.

Văn bản được canh giữa

Xem ví dụ

Lưu ý: Ở phiên bản HTML5 không hỗ trợ thẻ . Do đó, bạn phải sử dụng thuộc tính text-align với giá trị center trong CSS để thay thế

Tải về bản PDF

Tải về bản PDF

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ẻ , 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]

  1. 1

    Mở tập tin chứa phong cách CSS. Mặc dù thẻ đã 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ẻ "" và "".[2]

    • Nếu như chưa có thẻ và , bạn cần thêm trực tiếp vào bên dưới thẻ ở đầu tập tin như sau:
    • 
      
      
      
      
      
      

  2. 2

    Tạo lớp căn giữa văn bản. Thẻ

    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:

        DOCTYPE html>
        
        
        
        div.a {
        	text-align: center;
        }
        
        

    • 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ẻ

      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ẻ
      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:

        
        
        Welcome to My Website
        This website is primarily for the purpose of providing information about things.
        
        
        

    • 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ư

      ], hãy nhập
      vào trước văn bản và
      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 đó:

        
        div.a {
        	text-align: center;
        }
        
        
        
        
        
        Donations Welcome
        please
        
        
        

    • 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]

        DOCTYPE html>
        
        
        
        div.a {
        	text-align: center;
        }
        
        
        
        Welcome to My Website
        This website is primarily for the purpose of providing information about things.
        
        
        
        Donations Welcome
        please
        
        
        
        
        

      Quảng cáo

    1. 1

      Mở tài liệu HTML. Phương pháp này mô tả cách sử dụng thẻ HTML [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. 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. 3

      Thêm thẻ "center" vào hai đầu văn bản. Thẻ center này có định dạng text, 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ụ: "

      " đố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 đó:

        Welcome to My Website
        Make yourself at home!
        

    4. 4

      Xem lại tài liệu HTML. Tài liệu bây giờ sẽ trông như sau:[4]

        
        
        
        
        Welcome to My Website
        Make yourself at home!
        The purpose of this website is to display information about things.
        
        
        
        

      Quảng cáo

    Về bài wikiHow này

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

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

    Chủ Đề