Máy vi tínhLập trình

Các thẻ HTML cho văn bản: căn chỉnh, kích thước, phông chữ

Có vẻ như, tại sao bạn cần phải biết các thẻ HTML cho văn bản, nếu bây giờ trong hầu hết mọi admin, có một trình chỉnh sửa hình ảnh tiện lợi để đặt chúng tự động?

Thực tế là việc định dạng nội dung trên trang web về cơ bản khác với hoạt động trong các ứng dụng văn phòng. Nó không đủ để làm cho văn bản trông hấp dẫn, bởi vì thiết kế đúng không chỉ phụ thuộc vào việc hiển thị trang web mà còn phụ thuộc vào việc quảng bá nó trong các công cụ tìm kiếm.

Các thẻ và thuộc tính HTML: các khái niệm cơ bản về cú pháp

Bất kỳ văn bản nào có một mã ẩn "giải thích" cho máy tính về những gì và làm thế nào nó nên được hiển thị trên màn hình. Tất cả các thông tin được ghi lại bằng cách sử dụng một bộ các yếu tố phổ quát.

Trên thực tế, các thẻ HTML cho văn bản là các lệnh thêm các khối cụ thể vào trang hoặc thay đổi diện mạo của chúng. Định dạng chính xác cho mục nhập là:

Lưu ý rằng không phải tất cả các thẻ được ghép nối. Ví dụ:
(bỏ qua dòng) hoặc


(thêm một đường ngang) không cần phải được đóng lại.

Tại sao bạn không thể sao chép các bài viết từ Word và các chương trình khác vào trình soạn thảo trang web

Mặc dù chương trình văn phòng hiện đại sử dụng cùng một thẻ HTML cho văn bản, nhưng trong 99% trường hợp, mã nguồn gốc không phù hợp với các trang web. Ngay cả khi tài liệu được hiển thị bình thường trong chính ứng dụng, việc định dạng có thể thất bại khi đưa vào trang web. Ngoài ra, vì số lượng lớn các thẻ và thuộc tính không cần thiết, các công cụ tìm kiếm không thể phân tích được đầy đủ nội dung của trang. Điều đó, lần lượt, làm cho nó khó khăn để thúc đẩy nguồn lực của bạn.

Để có được mã sạch sẽ và có liên quan, trước tiên bạn cần xóa văn bản khỏi các thẻ HTML được tạo bởi trình biên tập thường xuyên. Có một số cách để thực hiện việc này:

  1. "Chạy" bài viết thông qua "Notepad" và chỉ sau khi dán vào trang web. Ứng dụng sẽ xóa tất cả HTML, do đó sau đó bạn sẽ phải định dạng lại văn bản (sử dụng công cụ của trình biên tập hoặc bằng tay).
  2. Viết và xuất bản các bài báo qua LiveWriter. Một trình soạn thảo blog phổ biến ngay lập tức tạo ra mã chính xác. Và trong một tab riêng biệt, bạn có thể thấy văn bản trên trang web sẽ trông như thế nào.
  3. Sử dụng HTML Cleaner. Dịch vụ trực tuyến này không tiêu diệt toàn bộ mã, nhưng chỉ có thêm các mảnh vỡ. Sử dụng bộ lọc, bạn chọn thẻ nào bạn muốn lưu. Ngoài ra còn có một trình biên tập hình ảnh mạnh mẽ cho việc định dạng, thêm các lệnh được tối ưu hóa vào mã.

Luôn kiểm tra HTML trước khi đăng một bản ghi mới. Nó không nên chứa các thẻ khác với những gì chúng ta sẽ xem xét.

Đoạn

Yếu tố này hiện diện trong hầu hết các bài báo. Mỗi đoạn văn phải được đặt trong một container như vậy - nó đơn giản hóa việc định dạng và cho phép bạn giữ một phong cách duy nhất trên tất cả các trang của trang web. Để thuận tiện, thẻ

luôn được viết từ một dòng mới.

Căn chỉnh

Thẻ HTML riêng biệt "Căn chỉnh văn bản" đã không được sử dụng trong một thời gian dài. Thay vào đó, thuộc tính phổ quát ALIGN đã được tạo ra. Để thay đổi vị trí của khối văn bản trên trang, bạn phải chọn một trong ba giá trị - TRUNG TÂM, QUYỀN hoặc LEFT. Tương tự, bạn có thể thiết lập một liên kết cho các phần tử khác - ví dụ như tiêu đề.

Trong một số trường hợp, các thẻ HTML khác được sử dụng để căn chỉnh. Văn bản được căn giữa, ví dụ, có thể được sắp xếp bằng cách sử dụng phần tử

... . Điều gì là thuận tiện cho một thẻ riêng biệt? Không giống thuộc tính, nó hoạt động với bất kỳ nội dung nào, bao gồm ảnh, video, flash, v.v ...

Tiêu đề và Tiêu đề phụ

Hệ thống phụ cho phép bạn tạo ra một cấu trúc nội dung hợp lý. Khi văn bản được chia thành các khối ngữ nghĩa, người đọc sẽ dễ dàng tập trung hơn và tìm hiểu thông tin mới. Các công cụ tìm kiếm cũng phân tích các tiêu đề để hiểu những gì yêu cầu để thúc đẩy các trang. Đó là lý do tại sao chuyên gia SEO khuyên bạn nên sử dụng các phím chủ đề.

Trong HTML, sáu tiêu đề phụ được sử dụng - từ

đến

. Trong hệ thống này có một hệ thống phân cấp rõ ràng:

  • ... . Tiêu đề chính (tiêu đề của bài viết, hàng hoá trong cửa hàng trực tuyến, v.v ...). Chỉ có thể có một

    trong văn bản. Theo nguyên tắc, nó chứa khóa chính.

  • ... . Tiêu đề phụ của cấp thứ hai phá vỡ văn bản thành các khối ngữ nghĩa. Ví dụ: nếu bạn đang đánh giá máy tính xách tay, bạn có thể tạo một số

    với tên của các mô hình khác nhau.

  • ... . Mức thứ ba là cần thiết nếu văn bản giữa hai

    cũng được chia thành các khối nhỏ. Trong ví dụ của chúng tôi, đây có thể là các tiêu chí đánh giá - "Hiệu suất", "Bộ nhớ", "Video card", ... cho mỗi mô hình.

  • ,

    ,
    . Trong thực tế, chúng cực kỳ hiếm. Nhưng nguyên tắc chung là giống nhau - chúng phải được "lồng" trong khối với một tiêu đề phụ ở cấp độ cao nhất.

Theo dõi phân cấp chính xác. Trở lại ví dụ của chúng tôi, điều này có nghĩa là bạn không thể nhập tên mô hình là

hoặc

ngay lập tức. Và thậm chí còn nhiều hơn nữa để sử dụng các tiêu đề phụ ở các mức độ khác nhau cho các khối có ý nghĩa đồng nhất (giả sử, để phân bổ máy tính xách tay, đã chiếm vị trí cuối cùng trong đánh giá, với sự trợ giúp của
).

Và đây là một lược đồ sẽ giúp bạn ngay lập tức hiểu và nhớ cấu trúc chính xác các tiêu đề trong HTML.

Danh sách

Mọi liệt kê và hướng dẫn đều được định dạng tốt hơn như các danh sách sử dụng các thẻ HTML đặc biệt cho văn bản (một lỗi điển hình chỉ là một vài đoạn

bắt đầu bằng một dấu nối hoặc một chữ số).

Cấu trúc của các khối như vậy là rất đơn giản. Trước tiên, chúng ta xác định loại danh sách - có nhãn

    ... hoặc đánh số
      ... .

      Tất cả các phần tử nằm giữa các thẻ mở và đóng. Mỗi mục trong danh sách bắt đầu bằng một dòng mới và có định dạng

    1. ... . Số lượng các yếu tố không giới hạn.

      Lựa chọn phông chữ: và các thuộc tính của nó

      Tôi có thể thay đổi bằng cách sử dụng thẻ HTML này? Kích thước của văn bản, phông chữ và màu sắc của nó - và không cần thêm các lớp mới trong CSS. Điều này rất thuận tiện khi bạn chỉ cần chọn một câu hoặc một đoạn.

      có một số thuộc tính:

      • Mặt . Cho phép bạn thay đổi phông chữ văn bản. Bạn có thể liệt kê một số tùy chọn bằng dấu phẩy (Tahoma, Verdana). Nếu người dùng không có phông chữ đầu tiên được cài đặt, hệ thống chỉ đơn giản sử dụng thay thế.
      • Kích thước . Để tăng hoặc giảm văn bản, chỉ định trong trích dẫn một giá trị từ 1 đến 7.
      • Màu sắc . Tùy thuộc vào thiết kế, bạn có thể chọn một trong các màu tiêu chuẩn (đỏ, xanh, xanh) hoặc nhập bất kỳ mã màu nào để lựa chọn.

      Không sử dụng các đoạn được định dạng với thay vì các tiêu đề phụ. Nó sẽ tốt hơn để thiết lập các cài đặt tương tự cho các thẻ chính xác.

      Cách chọn văn bản

      Các lốp xe văn bản đơn điệu, ngay cả với sự cố theo đoạn văn. Để thu hút sự chú ý và làm ấm sự quan tâm của người đọc, bạn nên nêu bật các điểm chính bằng đồ hoạ. Dưới đây là một vài lệnh sẽ giúp bạn đối phó với nhiệm vụ này.

      ... . Thẻ HTML cực kỳ phổ biến. Văn bản đậm ngay lập tức tấn công vào mắt, và do đó với sự trợ giúp của anh ta, thuận tiện để làm nổi bật các luận văn và sự kiện quan trọng.

      Nhiều thẻ nhầm lẫn . Trực giác không có sự khác biệt, nhưng chúng hoạt động theo những cách khác nhau. Việc đầu tiên chỉ đơn giản là thay đổi sự xuất hiện của văn bản, và thứ hai thực hiện chức năng của "con trỏ" và làm nổi bật các mảnh vỡ quan trọng nhất (các từ khóa và cụm từ chuyên đề cho SEO).

      ... . Tính tao nhã và nghiêm ngặt là lý tưởng cho việc thiết kế các thuật ngữ khoa học, từ nước ngoài và nhiều dấu ngoặc kép. Trong các phiên bản nghiêm trọng, tiêu đề của các tác phẩm nghệ thuật cũng được phân biệt bằng một văn bản xiên.

      ... . Có lẽ, rất nhiều tranh chấp không gây ra bất kỳ thẻ HTML nào. Gạch dưới của văn bản hiếm khi được sử dụng, vì phương pháp phân bổ này đã được giao cho các siêu liên kết. Nếu bạn sử dụng trong các bài viết, hãy lưu ý rằng điều này chỉ phù hợp với các đoạn ngắn - không quá 1 dòng.

      ... . Một thẻ thú vị cho phép bạn làm cho một phần của void văn bản. Rất thích hợp trong quảng cáo - ví dụ, để nhấn mạnh sự tương phản giữa giá cũ và giá mới.

      ... . Cách đơn giản nhất để tăng kích thước phông chữ mà không có bất kỳ thông số bổ sung.

      ... . Hoạt động theo nguyên tắc giống như thẻ trước. Văn bản bên trong được giảm đi so với văn bản chính.

      ... . Tên đúng của định dạng này là số trên. Về cơ bản, thẻ này được thiết kế cho các cấp độ toán học và chú thích. Nó làm giảm kích thước phông chữ và dịch chuyển văn bản đã chọn lên.

      ... . Các subscript thường được tìm thấy trong các công thức khác nhau. Đoạn đã chọn nằm dưới văn bản chính.

      Thùng chứa ngữ nghĩa

      Vì một số khối đã được tìm thấy trong nhiều văn bản, các thẻ đặc biệt đã được tạo ra cho chúng. Điều này làm đơn giản hóa việc định dạng, bởi vì nếu mỗi loại nội dung có một bộ phong cách riêng, nó sẽ đủ để chọn một đoạn văn bản và cho biết thông tin nó chứa.

      ... . Thẻ để thêm mã máy tính. Nó không thể thay thế trong các bài viết về lập trình với các ví dụ - các lệnh không được thực hiện, nhưng được hiển thị dưới dạng văn bản thuần túy.

      ... . Nó được dùng cho việc xây dựng báo giá - ví dụ như các đoạn trích chính từ cuộc phỏng vấn.

      ... . Phải mất một phần của văn bản trong một khối riêng biệt. Theo mặc định, vùng chọn có lề lớn hơn ở bên trái, nhưng trong CSS, bạn cũng có thể thay đổi kích thước, kiểu và màu của văn bản.

      <ĐỊA CHESS> ... . Thẻ bổ sung, chứa thông tin về tác giả, bao gồm liên kết.

      Đường tách

      Sử dụng một thanh đơn giản, bạn có thể chỉ định kết thúc hợp lý của một phần lớn.


      không áp dụng cho thẻ được ghép nối. Điều này có nghĩa là phần tử đóng của định dạng không cần thiết.

      Sử dụng thuộc tính WIDTH, bạn có thể làm cho dấu phân cách ngắn hơn bằng cách chỉ định kích thước phù hợp bằng pixel hoặc phần trăm chiều rộng của cửa sổ.

      Bằng cách học cách sử dụng thẻ một cách chính xác để định dạng văn bản trong HTML, bạn không chỉ làm cho bài viết của bạn dễ đọc, mà còn tăng hiệu quả của SEO.

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

Copyright © 2018 vi.atomiyme.com. Theme powered by WordPress.