Hướng dẫn how do i write text in html? - làm cách nào để viết văn bản bằng html?

❮ thuộc tính loại HTML

Thí dụ

Xác định trường văn bản một dòng mà người dùng có thể nhập văn bản vào:

Họ:

Hãy tự mình thử »

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

xác định một trường văn bản một dòng.

Chiều rộng mặc định của trường văn bản là 20 ký tự.

Mẹo: Luôn thêm thẻ để thực hành khả năng truy cập tốt nhất! Always add the tag for best accessibility practices!

Hỗ trợ trình duyệt

Cú pháp

❮ thuộc tính loại HTML

© Paul Cooijmans - Lập trình viên máy tính được chứng nhận, Nhà thiết kế web được chứng nhận, CCNA

Giới thiệu

Đọc về những vật nuôi khác của tôi

Dưới đây được giải thích làm thế nào một văn bản có thể được đặt trong HTML một cách đơn giản. Chỉ những khía cạnh cơ bản nhất của HTML được xem xét. Để nghiên cứu thêm, người ta có thể tham khảo một cuốn sách hoặc hướng dẫn web. Để viết văn bản với bố cục đơn giản trong HTML mặc dù những vấn đề cơ bản này đủ.

Bản mẫu

Đầu tiên, tạo một mẫu cho tất cả các tài liệu trong tương lai. Bắt đầu một trình soạn thảo văn bản, như Notepad. Gõ (hoặc sao chép và dán) như sau:

Ký tự đặc biệt

Trình duyệt sẽ quan tâm đến khoảng trắng xung quanh và bọc từ.

Con vẹt đuôi dài của tôi

Kết thúc bằng một dòng trống (nhập), tất nhiên là vô hình ở đây. Lưu tệp dưới mẫu tên.html. Cũng được phép là mẫu.htm; Trong các phần mở rộng trong quá khứ chỉ được phép bao gồm ba chữ cái, do đó thói quen sử dụng .htm thay vì .html.Enter), invisible here of course. Save the file under the name template.html . Also allowed is template.htm ; in the past extensions were only permitted to consist of three letters, hence the habit of using .htm instead of .html.

Lưu ý rằng khi lưu, trong hộp "Lưu dưới dạng loại:" người ta phải chọn tùy chọn "Tất cả các tệp", nếu không thì phần mở rộng sẽ được thêm vào (bởi Notepad)..txt will be added (by Notepad).

Một văn bản đầu tiên

Ký tự đặc biệt

Đọc về những vật nuôi khác của tôi Everything you write is either a "heading" or a paragraph.

Đọc về những vật nuôi khác của tôi Paragraphs are separated by whitespace.

Đọc về những vật nuôi khác của tôi A paragraph consists either of normal text or of a vertical list, like:

Đọc về những vật nuôi khác của tôi
Pete
Jack
Etc.

Đọc về những vật nuôi khác của tôi If a paragraph consists of normal text, do not manually start a new line within the paragraph; this is useless because when viewing the eventual file there will always be automatic word wrap at the end of each line. And the exact wrapping positions are unpredictable, as they depend on the screen resolution and browser settings of the reader, and on the way in which the text will be placed between the navigation elements on the eventual web page by the web master. When a wrapping position accidentally coincides with a manual new line, no one will see the difference.

Ký tự đặc biệtCtrl-a or with the mouse) and copy it with Ctrl-c.

Mở mẫu tệp.html trong trình soạn thảo văn bản (notepad) và lưu nó ngay dưới một tên khác, ví dụ: Text1.html. Không sử dụng khoảng trắng trong tên tệp.template.html in the text editor (Notepad) and save it right away under a different name, e.g. text1.html. Do not use spaces in file names.

Dán văn bản giữa các thẻ EN với Ctrl-V. Tất cả mọi thứ giữa các thẻ đó tạo thành nội dung hiển thị của trang. Bây giờ bạn có một cái gì đó như:Ctrl-v. Everything between those tags forms the visible content of the page. Now you have something like:

Con vẹt đuôi dài của tôi

Tôi có một parakeet tên là Pietje. Anh ấy có thể bay và chơi tốt. Vào ban ngày, anh ta được phép ra khỏi lồng. Anh ta ăn và uống trong chuồng. Anh ấy có nhiều đồ chơi:

Con vẹt đuôi dài của tôi

Tôi có một parakeet tên là Pietje. Anh ấy có thể bay và chơi tốt. Vào ban ngày, anh ta được phép ra khỏi lồng. Anh ta ăn và uống trong chuồng. Anh ấy có nhiều đồ chơi:

Đồ chơi của Pietje

Một chiếc chuông một chiếc chuông khác phản chiếu một tiếng chuông khác và nhiều hơn nữa
A bell
Another mirror
Another bell
And much much more

Điều này kết thúc bài viết về Pietje the Parakeet.

Con vẹt đuôi dài của tôi

Đọc về những vật nuôi khác của tôi

Lưu các tập tin. Tìm nó và mở nó bằng cách nhấp đúp vào; Nó được mở trong trình duyệt tiêu chuẩn. Nó sẽ hiển thị tất cả các văn bản được nhồi nhét với nhau. Một số mã HTML khác là cần thiết để định hình trang.

Đặt tiêu đề (phần giữa các thẻ cơ thể) giữa EN, vì vậy như thế này (H là cho tiêu đề, tiêu đề):

Con vẹt đuôi dài của tôi

Trình duyệt bây giờ sẽ hiển thị nó lớn, táo bạo và được bao quanh bởi khoảng trắng. Một tiêu đề thứ cấp có thể được thực hiện với EN:

Đồ chơi của Pietje

Đối với các tiêu đề nhỏ hơn có sẵn.

Một đoạn văn được thực hiện với và:

Tôi có một parakeet tên là Pietje. Anh ấy có thể bay và chơi tốt. Vào ban ngày, anh ta được phép ra khỏi lồng. Anh ta ăn và uống trong chuồng. Anh ấy có nhiều đồ chơi:

Trình duyệt sẽ quan tâm đến khoảng trắng xung quanh và bọc từ.

Danh sách dọc có thể được thực hiện như sau:

Một chiếc chuông một chiếc chuông khác phản chiếu một tiếng chuông khác và nhiều hơn nữa
A bell

Another mirror

Another bell

And much much more

Thẻ bắt đầu một dòng mới. Để tiết kiệm thời gian, bạn có thể nhập nó một lần, sau đó sao chép và dán khi cần thiết. Chỉ cần đẩy Enter không tạo ra một dòng mới trong HTML.Enter does not produce a new line in HTML.

Nhìn chung bây giờ chúng ta có:

Con vẹt đuôi dài của tôi

Điều này kết thúc bài viết về Pietje the Parakeet.

Con vẹt đuôi dài của tôi

Tôi có một parakeet tên là Pietje. Anh ấy có thể bay và chơi tốt. Vào ban ngày, anh ta được phép ra khỏi lồng. Anh ta ăn và uống trong chuồng. Anh ấy có nhiều đồ chơi:

Đồ chơi của Pietje

Một chiếc chuông một chuông khác chuông một gương khác và nhiều hơn nữa
A bell

Another bell

Another mirror

And much much more

Điều này kết thúc bài viết về Pietje the Parakeet.

Thẻ bắt đầu một dòng mới. Để tiết kiệm thời gian, bạn có thể nhập nó một lần, sau đó sao chép và dán khi cần thiết. Chỉ cần đẩy Enter không tạo ra một dòng mới trong HTML.

Lưu và xem trang trong trình duyệt. Các văn bản sẽ trông bình thường bây giờ.

In đậm, in nghiêng và siêu liên kết

Để tạo ra một đoạn văn bản đậm, có các thẻ EN:

Điều này được hiển thị đậm

Italic yêu cầu en:

Và chữ in nghiêng này

Một siêu liên kết được tạo ra và (A cho neo, href cho tham chiếu siêu), trong đó mục tiêu của liên kết được đặt giữa các dấu ngoặc kép:

Đến trang web của Paul Cooijmans

Nếu mục tiêu là một tệp trong cùng một thư mục với chính trang, chỉ có tên tệp cần phải nằm giữa các dấu ngoặc kép:

Đọc về những vật nuôi khác của tôi

Một siêu liên kết được mặc định hiển thị màu xanh và gạch chân.

Ký tự đặc biệt

In đậm, in nghiêng và siêu liên kết< and > (less than and greater than).

Và vì nhân vật & do đó cũng được giải thích, điều đó cũng được hiển thị, đòi hỏi một mã, để dí dỏm & amp; (cho ampersand).& (for ampersand).

Ngoài ra, thật tốt khi biết rằng không gian liên tiếp bị bỏ qua trong HTML, và được hiển thị dưới dạng một không gian. Do đó, để sắp xếp mọi thứ với không gian là không thể. Tuy nhiên, có một mã cho phép một người vẫn hiển thị nhiều không gian, để Wit & nbsp; (Không gian không phá vỡ). Ví dụ:  (no-break space). For example:

& nbsp; & nbsp; & nbsp; & nbsp;

Điều này mang lại bảy không gian, ba trong số đó là không gian thông thường bao gồm giữa các không gian không phá vỡ. (Không gian không phá vỡ cũng có thể phục vụ để ngăn chặn Word Wrap giữa hai từ bao quanh nó.)

Sự kết luận

Nếu một người quan tâm đến nghiên cứu thêm về HTML, một hướng dẫn tốt là trên http://www.w3schools.com/. Những cuốn sách hay về HTML và các ngôn ngữ máy tính khác, có sẵn từ nhà xuất bản O'Reilly.