Hướng dẫn html line

  • Trang chủ
  • Tham khảo
  • CSS
  • Thuộc tính line-height

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

Thuộc tính line-height thiết lập chiều cao giữa các dòng.

Cấu trúc

tag {
    line-height: giá trị;
}

Với giá trị như sau:

Thuộc tínhgiá trịVí dụMô tả
line-height normal line-height: normal; Không tăng khoảng cách giữa các ký tự cho chữ.
Số line-height: 1.5; Tăng hoặc giảm khoảng cách giữa các dòng, có thể là số tự nhiên hoặc số thập phân.
Khoảng cách line-height: 2px; Tăng hoặc giảm khoảng cách giữa các dòng, đơn vị có thể là px, em, %, ...
inherit line-height: inherit; Xác định thừa hưởng thuộc tính từ thành phần cha [thành phần bao ngoài].

Ví dụ

HTML viết:



HỌC WEB CHUẨN
HTML - HyperText Markup Language
XHTML - Extensible HyperText Markup Language
CSS - Cascading Style Sheets
JS - JavaScript

Hiển thị trình duyệt khi chưa có CSS:

HỌC WEB CHUẨN
HTML - HyperText Markup Language
XHTML - Extensible HyperText Markup Language
CSS - Cascading Style Sheets
JS - JavaScript

CSS viết:

Hiển thị trình duyệt khi có CSS:

HỌC WEB CHUẨN
HTML - HyperText Markup Language
XHTML - Extensible HyperText Markup Language
CSS - Cascading Style Sheets
JS - JavaScript

Trình duyệt hỗ trợ

Thuộc tính line-height được hỗ trợ trong đa số các trình duyệt.

Giá trị "inherit" không hỗ trợ trình duyệt IE7 trở xuống, IE8 đòi hỏi phải có !Doctype

  • Trang chủ
  • Hướng dẫn học
  • Hướng dẫn học HTML/HTML5
  • Những thẻ thuộc nhóm inline

Những thẻ thuộc nhóm inline

  • Những thẻ thuộc nhóm inline là những thẻ cơ bản của HTML/XHTML, chỉ được dùng để chứa nội dung cho text hoặc các thẻ inline khác.
  • Bản thân text cũng có thể coi thuộc nhóm inline.
  • Những thẻ thuộc nhóm inline nên được bao ngoài bởi nhóm các thẻ block, vì các thẻ block sẽ lo nhiệm vụ dàn trang web, còn các thẻ thuộc nhóm inline chỉ để hiển thị nội dung cho văn bản.

Học HTML rất dễ.



Đây là một liên kết.

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

  • Những thẻ thuộc nhóm inline có thể được lồng vào nhau.

  • Không được sử dụng các thẻ khác bên trong các thẻ inline, cách sử dụng sau đây là không đúng chuẩn:

Đây là cấu trúc sai.

Đây là cấu trúc sai

Các thẻ sau đây thuộc nhóm inline:

Trong phạm vi bài học, chúng ta chỉ đề cập tới một số thẻ inline thông dụng sau:

  • Thẻ liên kết
  • Thẻ hiển thị một image [hình ảnh]

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

    Xem thêm ví dụ

    Thẻ ngắt đoạn văn bản

    • Thẻ ngắt đoạn văn bản
      dùng để xuống dòng văn bản trong cùng một đoạn văn.
    • Cấu trúc của thẻ
      không có sử dụng thẻ đóng [không dùng

      ], mà sử dụng ký tự kết thúc là một khoảng trắng và ký tự "/".
    • Tham khảo thêm về thẻ
      .

    HTML viết

    Đây là đoạn văn dài rất dài rất dài rất dài

    rất dài rất dài rất dài rất dài.

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

    Đây là đoạn văn dài rất dài rất dài rất dài
    rất dài rất dài rất dài rất dài.

    Thẻ nhóm các inline

    • Thẻ nhóm các inline dùng để nhóm một hay nhiều thẻ inline khác nhau, thẻ này không có ý nghĩa về mặt hiển thị, chỉ hỗ trợ định dạng các inline thông qua CSS hoặc Javascript.
    • Tham khảo thêm về thẻ .

    HTML viết

    Đây là đoạn text có sử dụng span.

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

    Đây là đoạn text có sử dụng span.

    Thẻ hiển thị hình ảnh mạnh

    • Thẻ hiển thị hình ảnh mạnh mục đích đánh dấu văn bản, văn bản được đánh dấu sẽ hiển thị dạng in đậm.
    • Tham khảo thêm về thẻ .

    HTML viết

    Đây là text được nhấn mạnh.

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

    Đây là text được nhấn mạnh.

    Thẻ dùng để nhấn mạnh nội dung văn bản

    • Thẻ dùng để nhấn mạnh nội dung văn bản mục đích nhấn mạnh văn bản nhằm gây chú ý cho người xem, văn bản được đánh dấu sẽ hiển thị bằng hình dạng, in nghiên, màu sắc.
    • Tham khảo thêm về thẻ .

    HTML viết

    Đây là dòng text được nhấn mạnh.

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

    Đây là dòng text được nhấn mạnh.

Chủ Đề