Ví dụ về tệp HTML

Ngôn ngữ đánh dấu siêu văn bản là tiêu chuẩn cho các tài liệu cho World Wide Web. Tệp HTML chứa

Nội dung chính Show

Một tập tin HTML là gì đưa ra một ví dụ?
Định dạng tệp HTML là gì?
Tệp HTML có phải là một trang web không?
HTML đơn giản nhất là gì?

Văn bản xuất hiện
Hướng dẫn định dạng văn bản
Định nghĩa về siêu liên kết (các đoạn văn bản, đôi khi được gọi là từ hoặc hình ảnh hấp dẫn, khi bạn bấm vào chúng sẽ đưa bạn đến một tài liệu khác, nằm trên cùng một máy tính hoặc một máy tính khác)
Hướng dẫn chèn hình ảnh và âm thanh
Các chương trình hoặc cuộc gọi đến các chương trình

Các tệp HTML nằm trên cái được gọi là máy chủ và được giải thích bởi một chương trình trình duyệt như Netscape Navigator hoặc Microsoft Internet Explorer trên máy tính của người dùng. Máy tính này được gọi là máy khách. Những ghi chú này sẽ mô tả cách tạo một tài liệu HTML đơn giản

Tổng quan về các thẻ phổ biến

Tệp HTML bao gồm văn bản, nghĩa là các từ bạn muốn xuất hiện trong tài liệu của mình và các hướng dẫn nhúng được gọi là thẻ HTML. Các thẻ cung cấp các hướng dẫn cho trình duyệt bao gồm định dạng, hiển thị hình ảnh và siêu liên kết. Tên kỹ thuật cho loại dữ liệu trong tệp HTML là văn bản ASCII. Đầu tiên chúng ta xem qua một số thẻ cơ bản, sau đó sẽ là bài tập sử dụng NotePad. Các thẻ HTML bắt đầu bằng ký hiệu < và kết thúc bằng />. Ví dụ: một tệp HTML bắt đầu bằng và kết thúc bằng. Các chữ cái bên trong các thẻ có thể ở dạng chữ thường hoặc chữ hoa

Các thẻ và , là ví dụ về các thẻ được ghép nối. Cái thứ hai giống cái thứ nhất ngoại trừ việc nó bắt đầu bằng ký hiệu /. Một cặp thẻ ảnh hưởng đến cách trình duyệt hiển thị văn bản giữa thẻ đầu tiên và thẻ thứ hai. Việc loại bỏ thẻ thứ hai thường thay đổi cách hiển thị của phần còn lại của tài liệu

Định dạng chuẩn cho tệp HTML bao gồm phần đầu và phần thân. Các thẻ cho đây là

Tiêu đề tài liệu và thông tin khác được sử dụng bởi các công cụ tìm kiếm


tất cả các văn bản và hướng dẫn cho tài liệu

Thẻ phổ biến nhất cho phần đầu của tệp HTML là thẻ tiêu đề. Nó được sử dụng để đưa thông tin về tài liệu vào thanh tiêu đề. Ghi chú. thông thường bao gồm một tiêu đề lớn, sặc sỡ trong tài liệu HTML mà bạn có thể gọi là tiêu đề, nhưng trong ngôn ngữ kỹ thuật của HTML, tiêu đề là văn bản hiển thị trong thanh tiêu đề ở đầu trình duyệt

Tệp HTML đầu tiên của tôi

Trong ví dụ này, cụm từ �Tệp HTML đầu tiên của tôi� sẽ hiển thị trên thanh tiêu đề

Bây giờ chúng tôi mô tả bốn loại thẻ HTML phổ biến nằm trong phần nội dung của tệp

The tags govern text size (h stands for heading).
The
tên đây. ext là tên tệp và phần mở rộng của tệp hình ảnh. Máy lẻ sẽ là một trong hai. jpg hoặc. gif. Đây là hai loại ảnh. Bạn cũng có thể tạo hình ảnh của riêng mình bằng các sản phẩm như Paint Shop Pro hoặc Adobe Photo Shop. Bạn chỉ cần lưu tệp dưới dạng. gif hoặc một. jpg. Tương tự, bạn có thể sử dụng các công cụ này cũng như Microsoft Photo Editor để cắt hoặc thay đổi kích thước hình ảnh
Để tạo nội dung có vẻ là một đoạn mới, hãy sử dụng thẻ đơn

Ngoài ra còn có một thẻ,
, điều này tạo ra ngắt dòng. Trong một số trình duyệt, chúng có thể có tác dụng tương tự. Ở những trường hợp khác, thẻ đoạn văn sẽ chèn một dòng trống trong khi thẻ ngắt dòng sẽ không
The tag produces a link to another document or website. These come in pairs. The text between the and the forms the clickable part. If the URL for the site to be linked to is http://www.nytimes.com, then the format to use should be:
Trang web trực tuyến của một tờ báo nổi tiếng
Notice that the text following href is surrounded by quotation marks. You also use the tags for linking to local files or to HTML files in the same directory on the server. The format is
thêm thông tin
where secondfile.htm is the name of the other file. If the browser does not read the http:// then it knows to go to the same directory as the HTML file to find this new file. One more use of an tag is for marking and also linking to different parts of the same document. This is done as follows:
Thông tin chi tiết
This use of the tag gives a name to a position in the HTML file. At any other point in the file, you can use
để đi đến một điểm được đánh dấu trước đó trong tập tin
Các thẻ này là quan trọng nhất, nhưng còn nhiều thẻ khác. Bạn có thể xem HTML cơ bản của bất kỳ tài liệu nào bằng cách nhấp vào Xem và sau đó nhấp vào Nguồn trang trong Netscape. Bạn có thể sử dụng điều này để tìm hiểu về các thẻ mới
Sử dụng NotePad
Một tệp HTML có thể được tạo bằng bất kỳ trình soạn thảo văn bản nào. NotePad là một trình chỉnh sửa như vậy và là một phần của cài đặt điển hình trên máy tính Windows. Đây là một ví dụ đơn giản dựa trên các trang web yêu thích hoặc tốt nhất cho một số sở thích hoặc nhiệm vụ đặc biệt. Trước khi thực hiện bài tập này, bạn nên chọn một chủ đề và tìm hai hoặc ba trang web cho chủ đề này. Bạn cũng cần tải xuống một hình ảnh từ mỗi trang web. Hình ảnh có thể được sao chép từ một trang Web vào máy của bạn bằng cách định vị con trỏ trên hình ảnh và sau đó nhấp vào nút chuột phải. Bạn sẽ nhận được một hộp thoại với một tùy chọn, Save Image As. Sau đó, bạn có cơ hội đổi tên hình ảnh và cũng định vị nó trong một thư mục cụ thể
1. Khởi động NotePad. Điều này thường có thể được thực hiện bằng cách nhấp vào nút Bắt đầu, sau đó nhấp vào Phụ kiện và sau đó nhấp vào NotePad
2. Đặt ngay cái có thể gọi là mẫu cơ bản vào bằng cách nhập nội dung sau vào trình chỉnh sửa. Bạn bỏ qua các dòng bằng cách nhấn phím enter. Đảm bảo rằng nó trông giống hệt như thế này và bạn không quên một trong các biểu tượng < hoặc >
Các công cụ khác
Một số sản phẩm tồn tại để sản xuất HTML. Quảng cáo cho những thứ này có xu hướng tạo ấn tượng rằng việc tạo HTML rất khó và những sản phẩm này sẽ giúp việc đó trở nên dễ dàng. Tình hình thực tế là viết văn bản giàu sức gợi là một thách thức và việc thiết kế bố cục cũng như chọn (và sản xuất) hình ảnh phù hợp cũng vậy. Đặt đúng thẻ HTML không phải là phần khó. Với lời cảnh báo đó, đây là nhận xét về một số công cụ này
Sử dụng Trình chỉnh sửa HTML chuyên dụng
Một số trình soạn thảo chuyên dụng tồn tại để tạo HTML. Cái gọi là trình soạn thảo HTML giúp tạo nguồn HTML và hiển thị nó trên màn hình. Ví dụ: bạn chọn văn bản rồi nhấp vào Tiêu đề 1 trên thanh công cụ và nội dung bạn đã chọn hiện nằm giữa

và thẻ. Các trình chỉnh sửa này cũng cho phép bạn nhấp vào hình ảnh và sau đó chuyển đến một loạt hộp thoại để chọn hình ảnh. Những công cụ này không phải là những gì bạn thấy mà là những gì bạn nhận được. Trình chỉnh sửa (WYSIWYG) vì bạn cần truy cập trình duyệt để xem kết quả. Một ví dụ trong lớp này là HTML Assistant Pro
Sử dụng Netscape Composer
Bạn cũng có thể chỉnh sửa tài liệu HTML của mình bằng Netscape Composer, một thành phần của Netscape Communicator. Để chỉnh sửa một tệp hiện có, hãy mở tệp trong Netscape Navigator theo cách thông thường, sau đó chuyển đến Tệp rồi đến trang Chỉnh sửa. Để bắt đầu một tệp mới, bạn có thể gọi trực tiếp Netscape Composer. Trong Trình soạn thảo, nhấp vào Mới. Đối với các tệp hiện có, những gì bạn sẽ thấy rất giống với dạng hiển thị của HTML. Có một thanh công cụ để đặt các thẻ. Điều này bao gồm các biểu tượng để chèn hình ảnh và liên kết. Khi bạn chọn chèn ảnh sẽ hiện ra hộp sau. Bạn có thể tìm thấy hình ảnh bằng nút được đánh dấu Chọn tệp. Bạn cũng có thể thực hiện các thay đổi khác, nếu muốn
Đôi khi có thể gặp khó khăn khi thực hiện những gì bạn muốn trong Trình soạn thảo và bạn có thể quyết định quay lại NotePad nơi bạn có thể xem tất cả các thẻ. Một vấn đề khác cần lưu ý là Trình soạn thảo có thể đặt địa chỉ tệp ở dạng khác mà bạn muốn. Ví dụ: nó có thể chèn tên ổ đĩa cục bộ. Điều này sẽ chứng tỏ có vấn đề nếu và khi bạn chuyển dự án sang máy chủ. Trình soạn thảo có thể hữu ích để tạo bảng. Tập hợp các thẻ bắt buộc ở đây có thể trở nên lộn xộn (không khó, chỉ phức tạp thôi)
Sau khi hình ảnh Biểu trưng NY Times được chèn vào, hình ảnh sẽ hiển thị trong Composer giống như nó sẽ xuất hiện trong trình duyệt. Trình soạn thảo sẽ chèn thẻ html được sử dụng để liên kết tới một hình ảnh. Trong ví dụ này, nó sẽ xuất hiện dưới dạng
Bạn có thể tự mình xem điều này bằng cách nhấp vào Xem và sau đó nhấp vào Nguồn trang
Hình ảnh sau đây cho thấy tài liệu sẽ trông như thế nào trong Trình soạn thảo
Sử dụng từ
Microsoft Word có tùy chọn Lưu dưới dạng HTML. Điều này tạo ra một phiên bản hợp lý của tài liệu Word. Khi bạn nhìn vào tài liệu HTML, có thể bạn sẽ nhận thấy rất nhiều thẻ dường như thừa. Tệp cũng sẽ chứa các ký hiệu đặc biệt như ; . Nếu bạn thực sự đang vội và đã đặt rất nhiều định dạng vào tài liệu Word thì đây là một tùy chọn. Tuy nhiên, một tùy chọn khác là chỉ cần sao chép và dán văn bản trong tài liệu Word vào NotePad rồi tiếp tục. Điều này sẽ giúp bạn lập kế hoạch và sau đó thiết kế tài liệu dành riêng cho việc xuất bản trên Web dễ dàng hơn
Sử dụng PowerPoint
Microsoft PowerPoint cũng có một tiện ích để biến bản trình bày thành dạng HTML để xuất bản trên Web. Khi bạn nhấp vào Tệp và sau đó Lưu dưới dạng HTML, cơ sở này sẽ tạo ra một tập hợp lớn các tệp được liên kết phù hợp để có thể xem bản trình bày PowerPoint bằng trình duyệt. Bạn, tác giả, được hỏi một số câu hỏi về thiết kế chế độ xem và cả thông tin cơ bản trên trang đầu tiên, tương tự như mục lục. Bạn nên đặt tất cả các tệp vào một thư mục (thư mục) hoàn toàn mới chỉ dành cho bản trình bày này

Một tập tin HTML là gì đưa ra một ví dụ?

Tệp HTML bao gồm văn bản, nghĩa là các từ bạn muốn xuất hiện trong tài liệu của mình và các hướng dẫn được nhúng gọi là thẻ HTML . Các thẻ cung cấp các hướng dẫn cho trình duyệt bao gồm định dạng, hiển thị hình ảnh và siêu liên kết. Tên kỹ thuật cho loại dữ liệu trong tệp HTML là văn bản ASCII.

Định dạng tệp HTML là gì?

HTML là từ viết tắt của Ngôn ngữ đánh dấu siêu văn bản. Các tệp HTML là các tài liệu chỉ có văn bản chứa nội dung có tính tương tác cao và được thiết kế riêng để xem kỹ thuật số . Điều này có nghĩa là chúng tối ưu dưới dạng tệp xem trên màn hình hơn là định dạng in.

Tệp HTML có phải là một trang web không?

Tệp HTML là gì?

HTML đơn giản nhất là gì?

ví dụ 1. Ví dụ này tạo một trang đơn giản không có bất kỳ nội dung nào, giúp hiểu cách sử dụng thẻ Html, Head và Body trong trang HTML. Trong ví dụ sau, chúng tôi chưa chỉ định tiêu đề của trang web trong thẻ Head nên nó sẽ hiển thị tên của tệp Html làm tiêu đề của nó

programming html

Ví dụ về tệp HTML

Một tập tin HTML là gì đưa ra một ví dụ?

Định dạng tệp HTML là gì?

Tệp HTML có phải là một trang web không?

HTML đơn giản nhất là gì?

Bài Viết Liên Quan

Quảng Cáo

Có thể bạn quan tâm

Toplist được quan tâm

Quảng cáo

Xem Nhiều

Quảng cáo

Chúng tôi

Điều khoản

Trợ giúp

Mạng xã hội