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
- 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
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ôiTrong 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ôngTrang 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 // 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ể
- 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
- Đặ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 >
- Your example is going to require more than one line in the body portion of the file, but you can always insert new lines. Type in a title between the and the tags. It can be My First HTML File.
- Chúng ta có thể làm cho phần thân của ví dụ này bắt đầu bằng một tiêu đề lớn. [Sự cám dỗ sử dụng thuật ngữ tiêu đề rất mạnh, nhưng chúng tôi sẽ không làm vậy, vì điều này sẽ gây nhầm lẫn tiêu đề tài liệu html với tiêu đề bên trong văn bản. ] Trực tiếp dưới thẻ, gõ vào
- Tại thời điểm này, bạn nên soạn một đoạn văn chung về chủ đề của mình và sau đó là một đoạn văn về từng trang web mà bạn đã tìm thấy. Nhập văn bản bên dưới tiêu đề. Đây là một ví dụ ngắn
- Ví dụ chúng tôi đã đưa ra ở trên sẽ hoạt động như một tệp HTML. Tuy nhiên, nó có thể được cải thiện theo nhiều cách. Trước hết, mặc dù văn bản như được viết dường như có một đoạn ngắt sau câu đầu tiên và một đoạn khác trước �Một nhược điểm. �, trình duyệt sẽ hiển thị phần này dưới dạng một đoạn văn bản liên tục. Phần lớn, các trình duyệt bỏ qua khoảng cách và ngắt dòng
- Để ngắt quãng, hãy sử dụng
thẻ trong ví dụ của bạn để chia văn bản thành các đoạn văn. Về nội dung, hãy mô tả loại chủ sở hữu của từng ví dụ của bạn và mục đích kinh doanh, nếu có, đối với trang web của bạn
- Chúng tôi muốn các siêu liên kết trong ví dụ của chúng tôi. Để thực hiện việc này, chúng tôi đặt cụm từ �Thời báo New York trực tuyến� giữa thẻ và thẻ
- Bây giờ hãy quyết định nơi bạn muốn đặt hình ảnh của mình. Sử dụng thẻ img. Ghi chú. bạn có thể chèn cùng một hình ảnh nhiều lần
- Bây giờ bạn đã sẵn sàng dùng thử tệp HTML của mình. Nhấp vào Tệp trong NotePad và sau đó Lưu dưới dạng. Bây giờ hãy đặt tên cho tệp của bạn và cũng thay đổi phần mở rộng từ. txt thành. htm. Giả sử bạn đặt tên cho nó là test1. htm
- Thu nhỏ NotePad [bằng cách nhấp vào dấu gạch dưới ở góc trên bên phải của cửa sổ]. Mở Netscape hoặc bất kỳ trình duyệt nào bạn sử dụng. Ghi chú. bạn có thể thực hiện việc này ngay cả trong trường hợp bạn thường quay số vào Nhà cung cấp dịch vụ Internet [chẳng hạn như Pace] trước. Bạn có thể nhận được thông báo từ trình duyệt rằng nó không tìm được trang chủ. Nếu bạn đang làm việc này trong lớp học máy tính hoặc trong phòng thí nghiệm mở, thì máy tính [hầu như] luôn trực tuyến
- Một thay đổi khác mà bạn có thể thực hiện đối với tệp của mình là điều chỉnh kích thước của hình ảnh. Bạn có thể làm điều này bằng cách thêm các tham số vào thẻ img. Ví dụ,
- Cuối cùng, quay lại trình duyệt và tải lại tệp cục bộ của bạn. Bây giờ bạn có thể kiểm tra xem các liên kết của bạn có hoạt động chính xác không
Các trang web tốt nhất cho
Thay thế dấu ba chấm sau từ, cho, bằng chủ đề mà bạn đang sử dụng cho bài tập này
Nếu bạn đang trực tuyến và muốn hoặc cần tìm hiểu những gì đang xảy ra trên thế giới, bạn có thể truy cập bất kỳ trang web tin tức nàoTrang web tôi sử dụng nhiều nhất là New York Times trực tuyến
Một nhược điểm của trang web này là để vượt qua trang đầu tiên, bạn cần phải đăng ký. Nó miễn phí, nhưng bạn cần chọn tên đăng nhập và mật khẩu. Tuy nhiên, bạn có thể sắp xếp để lưu thông tin trên máy tính mà bạn thường sử dụng. Nếu bạn làm điều này, bạn không cần phải lo lắng về việc đăng nhập. Trang New York Times được thay đổi vài lần trong ngày. Nó chứa âm thanh và video
Thời báo New York trực tuyến
Insert tags for each of your sites. What you put in-between the and tags is up to you. But you need to put in something! It can be the official name or something descriptive.Nhấp vào OK để đóng hộp thoại đó. Bây giờ [giả sử bạn đang sử dụng Netscape], hãy bấm vào Tệp rồi Mở Trang và Duyệt. Bạn đang mở một tệp cục bộ thay vì truy cập một trang Web. Sử dụng quy trình của hệ điều hành để tìm tệp bạn vừa lưu. Nhấp vào nó và sau đó nhấp vào Mở. Tệp HTML của bạn sẽ được hiển thị trong trình duyệt. Thông báo bất kỳ sự cố nào và khắc phục chúng trong NotePad. Khi bạn vào lại trình duyệt, bạn sẽ phải nhấp vào Tải lại để tải phiên bản mới nhất. Nếu tải lại không hoạt động, hãy giữ phím shift trong khi nhấp vào Tải lại. [Trong Internet Explorer, sử dụng phím điều khiển. ]
sẽ căn chỉnh hình ảnh sang trái. Nó cũng sẽ thay đổi chiều rộng của hình ảnh thành 100 pixel và đặt chiều cao ở bất kỳ kích thước nào sẽ giữ nguyên tỷ lệ của hình ảnh gốc. Bạn có thể sử dụng cả tham số chiều rộng và chiều cao để đặt cả hai giá trị
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 ProSử 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ó