Ngôn ngữ đánh dấu siêu văn bản (HTML) là một ngôn ngữ giao diện người dùng được sử dụng để thiết kế và phát triển một trang web. HTML là ngôn ngữ cơ bản của tất cả các ngôn ngữ được sử dụng để thiết kế các trang web tĩnh hoặc động. Html có nhiều chức năng được yêu cầu trong thiết kế. Với sự trợ giúp của các thẻ, các lệnh được viết trong dấu ngoặc nhọn, một trang web được thiết kế. HTML cho phép người dùng tạo hoặc chỉnh sửa văn bản, hình ảnh hoặc bất kỳ phần tử nào khác như bất kỳ trình soạn thảo văn bản nào, tức là Microsoft Word. Nội dung của HTML là văn bản, hình ảnh, màu sắc, thiết kế,… thiết kế là một phần rất quan trọng vì nó có nhiệm vụ trang trí cho văn bản. Làm cho văn bản in nghiêng là một trong những ví dụ về thiết kế văn bản. Yếu tố này rất quan trọng trong việc nhấn mạnh hoặc thu hút sự chú ý của người dùng. Một số ví dụ được đánh dấu trong hướng dẫn này.
Những điều cần thiết
HTML yêu cầu hai công cụ để thiết kế và phát triển một trang web. Một là trình soạn thảo văn bản được yêu cầu để viết mã html trong đó. Nó có thể là bất kỳ trình soạn thảo văn bản nào trong quyền truy cập của bạn, chẳng hạn như notepad, notepad ++, sublime, visual studio, v.v. Cái thứ hai là trình duyệt trên máy tính của bạn, Google Chrome, Internet explorer, v.v. Trong bài viết này, chúng tôi đã sử dụng notepad và Google chrome. Để thiết kế trang tĩnh, bạn cần HTML và tạo kiểu cho CSS style sheet. Mỗi người trong số họ được sử dụng trong hướng dẫn này với các ví dụ.
Định dạng HTML
Để giải thích thiết kế của văn bản in nghiêng, trước tiên chúng ta hiểu mã của html. Mã html có hai phần. Một là phần đầu, và một phần khác ở cơ thể. Chúng tôi bao gồm tiêu đề trong phần đầu; tên tiêu đề này thực sự là tiêu đề của trang. Tạo kiểu bên trong cũng được thực hiện bên trong cơ thể của đầu. Trong khi phần nội dung chứa tất cả các thẻ khác liên quan đến văn bản, hình ảnh và màu sắc, v.v. ngoài ra, bất cứ thứ gì bạn muốn thêm vào trang html đều được viết trong phần nội dung của mã html.
< html >
< cái đầu >...</ cái đầu >
< cơ thể người >….</ cơ thể người >
</ html >
Hình ảnh dưới đây là mã mẫu của HTML. Bạn có thể thấy rằng tên tiêu đề được viết bên trong phần đầu. Đồng thời, chúng tôi đã thêm một đoạn trong phần nội dung của html bằng cách sử dụng thẻ
. thì thẻ body và các thẻ html được đóng lại.
Kết quả của mẫu này được hiển thị trong trình duyệt. Bạn có thể thấy rằng tên tiêu đề được hiển thị trong tên tab, mà chúng tôi đã khai báo trong phần đầu của mã html.
HTML có thẻ mở và thẻ đóng cho tất cả các thẻ được viết bên trong nội dung của nó. Khi mã được mở phải được đóng lại sau khi viết văn bản giữa nó. Thẻ được đóng với dấu gạch chéo trong đó. Sau đó, mã được lưu trong tệp notepad. Một điều cần lưu ý là trong khi lưu mã, tệp của trình soạn thảo văn bản phải được lưu với phần mở rộng html. Ví dụ: sample.html. thì bạn sẽ thấy rằng tệp được lưu với biểu tượng của trình duyệt hiện tại mà bạn đang sử dụng cho mục đích này.
Đây là nền tảng của thiết kế trong html. Bây giờ chúng ta sẽ sử dụng một ví dụ đơn giản để làm cho văn bản in nghiêng.
ví dụ 1
Lấy một tệp notepad và viết mã html đơn giản như được mô tả trước đó trong hướng dẫn này. Thêm một đoạn văn gồm hai dòng trong phần nội dung. Để làm cho văn bản in nghiêng. Sử dụng thẻ ở đầu các từ bạn muốn ở dạng in nghiêng
< tôi > ……</ tôi >Đây là thẻ để in nghiêng văn bản. Như bạn có thể thấy trong hình ảnh dưới đây, là thẻ mở được viết ở đầu và là thẻ đóng. Đóng phần thân và html.
Bây giờ hãy lưu tệp và chạy nó trong trình duyệt để xem kết quả đầu ra của tệp.
Từ đầu ra, bạn có thể quan sát thấy rằng câu chúng ta đã in nghiêng trong mã ở dạng in nghiêng, trong khi câu đầu tiên xuất hiện ở định dạng bình thường.
Ví dụ 2
Trong ví dụ này, chúng ta sẽ tạo một từ cụ thể ở dạng in nghiêng thay vì toàn bộ câu của văn bản. Thẻ mở và thẻ đóng được sử dụng trong toàn bộ đoạn văn, bất cứ nơi nào chúng ta muốn làm cho văn bản được in nghiêng trong câu.
Bây giờ một lần nữa, hãy lưu tệp và sau đó chạy nó trong trình duyệt. Bạn có thể thấy rằng một số phần cụ thể của văn bản ở dạng nghiêng mà chúng tôi muốn đặt nghiêng trong mã.
Ví dụ 3
Bên cạnh việc sử dụng trong văn bản, tồn tại một phương pháp khác để làm cho văn bản ở dạng nghiêng. Đây là cách tiếp cận để nhấn mạnh một số phần của văn bản. Thẻ này cũng có thẻ mở và thẻ đóng. Cú pháp được sử dụng cho nó là;
< trong >….</ trong >Văn bản được viết giữa hai thẻ; trong ví dụ này, chúng tôi đã sử dụng thẻ này hai lần trong đoạn văn. Hãy xem hình ảnh của mã được đặt bên dưới.
Trong cả hai câu, chúng tôi đã sử dụng một lần trong đoạn văn. Đầu ra thu được bằng cách chạy tệp html ở định dạng trình duyệt.
Ví dụ 4
Đây là ví dụ mà chúng tôi đã sử dụng một cách tiếp cận khác để hiển thị các từ ở dạng nghiêng. Nó ngụ ý việc sử dụng trong văn bản. Trong ví dụ này, chúng tôi đã áp dụng thẻ này cho toàn bộ văn bản được viết trong phần nội dung của html.
< Trích dẫn > ……</ trích dẫn > 
Sau khi đóng tất cả các thẻ, hãy chạy tệp trong trình duyệt.
Ví dụ 5
Cho đến bây giờ, chúng ta đã thảo luận về kiểu nội tuyến của văn bản. Tạo một dạng văn bản in nghiêng cũng liên quan đến kiểu dáng và thiết kế của văn bản. Tạo kiểu có ba loại. Một là nội tuyến, cái thứ hai là bên trong và cái thứ ba là bên ngoài. Tạo kiểu nội tuyến được thực hiện trong thẻ. Nội bộ được viết bên trong cơ thể của đầu. Và tạo kiểu bên ngoài được thực hiện trong một tệp khác có phần mở rộng là .css.
Đây là một ví dụ về css nội tuyến; ở đây, chúng tôi đã viết mã bên trong các thẻ của đoạn văn. Chúng tôi đã khai báo câu lệnh style là font-style được in nghiêng. Câu lệnh này được viết bên trong thẻ, vì vậy nó sẽ không có bất kỳ thẻ đóng nào, như bạn có thể thấy trong hình ảnh trên. Bây giờ đóng tất cả các thẻ và chạy chúng trong trình duyệt. Nó cho thấy kết quả tương tự như chúng tôi đã mong muốn.
< P Phong cách=chế tạo-Phong cách: italic;> 
Ví dụ 6
Sau khi inline, bây giờ chúng ta sẽ thêm ví dụ về kiểu nội bộ. Ở đây một lớp được thêm vào bên trong phần đầu. Sau đó, tên của lớp được khai báo bên trong thẻ đoạn trong phần nội dung của html. Vì vậy, nó có thể dễ dàng truy cập.
< cái đầu >< Phong cách >
.đến{
Chế tạo-Phong cách: in nghiêng;
}
</ Phong cách ></ cái đầu >
Bạn có thể thấy rằng lớp được khởi tạo bằng phương thức dấu chấm. Có hai đoạn trong mã; chúng tôi đã áp dụng phong cách này trên một trong số chúng. Vì vậy, nó rất hữu ích khi chúng ta muốn định dạng một đoạn văn.
Khai báo lớp bên trong đoạn văn là;
< P lớp=a>< P lớp='đến'>
Điều này sẽ truy cập vào lớp trong đầu. Bây giờ hãy xem đầu ra. Bạn sẽ quan sát thấy một trong các đoạn văn ở dạng nghiêng.
Phần kết luận
Bài viết này trình bày định dạng của văn bản ở dạng nghiêng. Thiết kế văn bản là một phần thiết yếu của việc thiết kế một trang web.