Cách chèn một dòng trong HTML

Posted on
Tác Giả: Laura McKinney
Ngày Sáng TạO: 8 Tháng Tư 2021
CậP NhậT Ngày Tháng: 16 Có Thể 2024
Anonim
Cách chèn một dòng trong HTML - HiểU BiếT
Cách chèn một dòng trong HTML - HiểU BiếT

NộI Dung

Trong bài viết này: Chèn một dòng trong HTML 4.01 Nhập một dòng bằng tệp CSS và HTML5References

Bạn có thể sử dụng một đường ngang để phân định nội dung trang web của bạn. Mã để hiển thị một dòng rất đơn giản. Tuy nhiên, nếu bạn có thể thay đổi kiểu của dòng trực tiếp trong mã bằng HTML 4.01, thì nó không giống với HTML5. Đối với phần sau, bạn sẽ phải sử dụng các thành phần CSS để sửa đổi kiểu.


giai đoạn

Phương pháp 1 Chèn một dòng trong HTML 4.01



  1. Tạo một tài liệu mới. Mở hoặc tạo một tài liệu HTML mới. Tài liệu HTML có thể được chỉnh sửa bằng trình chỉnh sửa điện tử như Notepad. Bạn cũng có thể sử dụng một trình soạn thảo mã như Adobe Dreamweaver. Thực hiện theo các bước sau để mở tài liệu HTML trong chương trình bạn chọn:
    • mở Notepad hoặc một nhà xuất bản của e hoặc mã của sự lựa chọn của bạn;
    • bấm vào hồ sơ ;
    • bấm vào mở ;
    • chọn một tệp HTML;
    • bấm vào mở.


  2. Chèn dòng. Chọn nơi bạn muốn chèn dòng. Cuộn xuống cho đến khi bạn tìm thấy dòng mã ở trên mà bạn muốn chèn dòng của bạn. Sau đó nhấp vào ở bên trái của dòng để định vị con trỏ của bạn ở đầu dòng.



  3. Để lại một khoảng trống. Nhấn đúp lối vào để di chuyển e xuống dòng phía trên mà bạn muốn đặt đường ngang của mình. Sau đó, đặt con trỏ của bạn ở trên cùng của không gian bạn vừa tạo.


  4. Thêm thẻ
    .
    kiểu
    trước khi bắt đầu dòng. Thẻ
    được sử dụng để tạo một đường ngang trên trang.


  5. Đi đến dòng. Di chuyển dòng trước thẻ hr trên một dòng mới. Để làm điều này, nhấn lối vào. Vì vậy, thẻ
    nên được cách ly trên dòng riêng của mình.



  6. Thêm thuộc tính. Bạn có thể (nếu muốn) thêm các thuộc tính vào đường ngang của mình, chẳng hạn như chiều dài, chiều rộng, màu sắc và các thuộc tính căn chỉnh. Sử dụng các mã sau thẻ sau hr bên trong bè. Bạn có thể thêm nhiều hơn một thuộc tính bên trong một chevron bằng cách tách chúng với một khoảng trắng.
    • kiểu
      để thay đổi độ dày của dòng. Thay thế # bằng giá trị mong muốn cho độ dày (ví dụ: size = "10").
    • kiểu
      để thay đổi độ rộng của dòng. Thay thế # bằng số pixel cho chiều rộng hoặc tỷ lệ phần trăm chiều rộng của trang (ví dụ: width = "200" hoặc width = "75%").
    • kiểu
      để thay đổi màu của dòng. Thay thế # bằng tên màu hoặc mã thập lục phân (ví dụ: color = "red" hoặc color = "# FF0000")
    • kiểu
      để quản lý sự liên kết của dòng. Thay thế # bằng "phải", "trái" hoặc "giữa" (ví dụ:
      ).


  7. Lưu tệp HTML của bạn. Để lưu tệp điện tử dưới dạng tài liệu HTML, bạn phải thay thế phần mở rộng tệp (.txt, .docx) bởi .html. Thực hiện theo các bước sau để lưu tài liệu HTML của bạn:
    • bấm vào menu hồ sơ ;
    • lựa chọn Lưu dưới dạng ... ;
    • nhập tên cho tệp, bên cạnh Tên tệp ;
    • kiểu .html sau tên tập tin
    • bấm vào kỷ lục.


  8. Kiểm tra mã của bạn. Để kiểm tra tệp HTML của bạn, nhấp chuột phải vào tệp và chọn Mở bằng. Sau đó, chọn một trình duyệt internet. Một dòng sẽ xuất hiện nơi bạn đặt thẻ hr. Mã HMTL của bạn sẽ trông như thế này:

    Đây là một tiêu đề


    Đây là một đoạn được phân tách từ tiêu đề bằng một đường ngang.

Phương pháp 2 Chèn một hàng bằng tệp CSS và HTML5



  1. Tạo một tài liệu mới. Mở hoặc tạo một tài liệu HTML mới. Tài liệu HTML có thể được chỉnh sửa bằng trình chỉnh sửa điện tử như Notepad. Bạn cũng có thể sử dụng một trình soạn thảo mã như Adobe Dreamweaver. Thực hiện theo các bước sau để mở tài liệu HTML trong chương trình bạn chọn:
    • mở Notepad hoặc một nhà xuất bản của e hoặc mã của sự lựa chọn của bạn;
    • bấm vào hồ sơ ;
    • bấm vào mở ;
    • chọn một tệp HTML;
    • bấm vào mở.


  2. Thêm thẻ đầu. Nếu tệp HTML của bạn chưa có một phần đầu, làm theo các bước dưới đây để thêm nó. Phần đầu nằm giữa các thẻ và .
    • kiểu ở đầu tài liệu của bạn.
    • Nhấn đúp lối vào để thêm hai dòng mới.
    • kiểu để đóng trò chơi đầu.


  3. kiểu

    Đây là một tiêu đề


    Đây là một đoạn được phân cách bởi một đường ngang