Hướng dẫn tạo khung cho các đoạn ghi chú, trích dẫn, code - Chia sẻ thông tin online

Breaking

Follow US

Saturday, August 30, 2014

Hướng dẫn tạo khung cho các đoạn ghi chú, trích dẫn, code

Việc đóng khung những đoạn ghi chú, trích dẫn hay các đoạn code sẽ giúp khách truy cập dễ đọc được bài viết của bạn điều này rất quan trọng vì nó sẽ quyết định khách truy cập có nên tìm đọc các bài viết khác của bạn hay không.


Bạn thử tưởng tượng có một đoạn code khá dài nếu bạn cứ thế mà phang thẳng vào bài viết sẽ khiến người đọc cực kỳ rối mắt và khi bạn viết bài chắc chắn sẽ có lúc có đoạn trích dẫn hay đoạn code nào đó bạn muốn đóng khung nó lại trên bài viết để cho người đọc dễ đọc hay để thể hiện tính chuyên nghiệp cho đoạn code trong bài viết của bạn.
Vì vậy bài viết này mình sẽ hướng dẫn các bạn tạo khung cho đoạn văn bản hay đoạn code bất kỳ cho bài đăng, vd như thế này

Bạn copy đoạn code sau chèn vào phần thẻ HTML
<form name="MyTextBoxForm">
<input name="button" onclick="javascript:this.form.MyTextBox.focus();this.form.MyTextBox.select();" type="button" value="Select all" />
<textarea cols="60" name="MyTextBox" rows="4" style="background: rgb(238, 238, 238); border: 1px dashed rgb(160, 196, 234); color: #464646; height: 68px; margin: 2px; width: 662px;" wrap="on">
Đây là phần ghi chú
Đây là đoạn code
Đây là bla bla bla...
</textarea> </form>

Cấu trúc trên là khai báo một khung trong đó :
Cols : Là chiều dài của khung
Rows : Là số hàng khung hiển thị
Border : Độ dày đường viền khung
Wrap : Cho phép thanh cuộn nếu nội dung quá dài so với số hàng của khung        
            - On : Cuộn theo chiều lên xuống          
            - Off : Cuộn trái - phải
Chúc các bạn thành công, hãy like và +1 nếu bạn cảm thấy bài viết có ích.

No comments:

Post a Comment