Tạp chí PC Phiên bản kỹ thuật số [mở trong một cửa sổ mới]
Tạp chí PC phiên bản kỹ thuật số
Đọc những câu chuyện tuyệt vời ngoại tuyến trên thiết bị yêu thích của bạn!Device!
Bản tin PCMAG
Bản tin PCMAG
Những câu chuyện hay nhất của chúng tôi trong hộp thư đến của bạnInbox
Trung thực, khách quan, đánh giá thử nghiệm trong phòng thí nghiệm
PCMAG.com là một cơ quan hàng đầu về công nghệ, cung cấp các đánh giá độc lập, dựa trên phòng thí nghiệm về các sản phẩm và dịch vụ mới nhất. Phân tích ngành công nghiệp chuyên gia của chúng tôi và các giải pháp thực tế giúp bạn đưa ra quyết định mua tốt hơn và nhận được nhiều hơn từ công nghệ.
Cách chúng tôi kiểm tra các nguyên tắc biên tập
Bỏ qua nội dung chính
Trình duyệt này không còn được hỗ trợ.
Nâng cấp lên Microsoft Edge để tận dụng các tính năng mới nhất, cập nhật bảo mật và hỗ trợ kỹ thuật.
Tạo một chỉ mục cho một trang web
- Bài báo
- 05/31/2018
- 2 phút để đọc
Trong bài viết này
Tạo một chỉ mục để sử dụng làm viện trợ điều hướng trên trang web tương tự như tạo một chỉ mục để sử dụng trong tệp trợ giúp được biên dịch. Quy trình này mô tả các bước bổ sung bạn phải thực hiện để làm cho chỉ mục có thể sử dụng được trên web.
Để tạo một chỉ mục cho một trang web
Tạo một tệp chỉ mục.
Tạo tệp HTML sẽ chứa chỉ mục của bạn.
Đặt con trỏ của bạn tại vị trí mà bạn muốn tệp chỉ mục xuất hiện, sau đó nhấp vào HTML Help ActiveX Control.HTML Help ActiveX Control.
Mở HTML trợ giúp ActiveX Control Wizard, cho phép bạn chèn hoặc chỉnh sửa điều khiển trong tệp HTML.
Trong chỉ định hộp lệnh, nhấp vào chỉ mục, sau đó làm theo các hướng dẫn trên màn hình của bạn.Specify the command box, click Index, and then follow the instructions on your screen.
Ghi chú
- Bởi vì một chỉ mục được tạo cho một trang web không được biên dịch, nên nó nên được tạo bằng bản đồ trang web.
- Nếu người dùng của bạn không có trình duyệt hỗ trợ các điều khiển ActiveX, hãy thử sử dụng HTML Help Java Applet.
- Để biết thêm thông tin về lệnh chỉ mục, hãy xem HTML trợ giúp ActiveX Điều khiển tham chiếu.
Về việc tạo các tệp chỉ mục
Trang chỉ mục là URL hoặc tệp cục bộ tự động tải khi trình duyệt web khởi động và khi nhấn nút 'home' của trình duyệt. Thuật ngữ này cũng được sử dụng để chỉ trang nhất, chỉ mục thư mục máy chủ web hoặc trang web chính của một trang web của một nhóm, công ty, tổ chức hoặc cá nhân.
Hãy chắc chắn rằng bạn có trang chỉ mục trong thư mục public_html của bạn, nếu không, trang web của bạn sẽ không được hiển thị trong trình duyệt một cách chính xác. Khi tạo trang chỉ mục của bạn, bạn nên sử dụng một trong các tên sau [trang đầu tiên được tìm thấy sẽ được hiển thị nếu khách truy cập không chỉ định một trang trong URL]:
index.html index.php
index.php
Bạn cũng có thể chỉ định tên tệp nào phải là trang chủ của trang web của bạn bằng cách chỉnh sửa tệp .htaccess. Bạn chỉ cần thêm mã sau vào tệp .htaccess:
Thư mục Indel yêu cầu_file_name
'Yêu cầu_file_name' nên được thay thế bằng tên tệp hiện có. Nếu bạn muốn thiết lập một danh sách các tệp này, vui lòng tách chúng bằng các ký hiệu không gian.
Xóa bộ nhớ cache của bạn trước khi truy cập trang web của bạn để xem các thay đổi. Lưu ý: Khi thêm các tệp vào trang web của bạn, điều quan trọng là bạn phải thêm chúng vào đúng nơi. Ví dụ: bạn sẽ cần đặt các tệp bạn muốn hiển thị trên internet trong public_html hoặc một thư mục con của public_html. Nếu bạn đặt chúng vào / ví dụ, không ai có thể xem chúng.Lưu ý: Khi thêm các tệp vào trang web của bạn, điều quan trọng là bạn phải thêm chúng vào đúng nơi. Ví dụ: bạn sẽ cần đặt các tệp bạn muốn hiển thị trên internet trong public_html hoặc một thư mục con của public_html. Nếu bạn đặt chúng vào / ví dụ, không ai có thể xem chúng.
Khi thêm các tệp vào trang web của bạn, điều quan trọng là bạn phải thêm chúng vào đúng nơi. Ví dụ: bạn sẽ cần đặt các tệp bạn muốn hiển thị trên internet trong public_html hoặc một thư mục con của public_html. Nếu bạn đặt chúng vào / ví dụ, không ai có thể xem chúng.HTML là ngôn ngữ đánh dấu mà các trình duyệt sử dụng để xác định cách hiển thị trang web. Bằng cách học HTML, bạn sẽ có thể viết mã mô tả giao diện của một trang web mà bạn đang cố gắng xây dựng.
Tất cả mã HTML này sẽ được chứa bên trong tệp .html
. Đây là bất kỳ tệp nào có tiện ích mở rộng .html
. Hầu hết các trình chỉnh sửa văn bản mà bạn đã sử dụng để sử dụng rất có thể sẽ không thể lưu các tệp vào định dạng .html
. Do đó, điều đầu tiên tôi khuyên bạn nên làm là tải xuống IDE hỗ trợ HTML. Xem bài học trước để giới thiệu đầy đủ về cách làm điều này!
Khi bạn đã thiết lập với IDE của mình, chúng tôi có thể bắt đầu tạo tệp HTML đầu tiên của chúng tôi!
Trang web đầu tiên của bạn
Khi chúng tôi làm việc trong HTML, chúng tôi sẽ tạo ra các trang web. Các tài liệu HTML có nghĩa là được đọc và xử lý bởi một trình duyệt web. Để tạo một trang web được tổ chức đúng cách, chúng tôi sẽ muốn đảm bảo rằng tất cả các tệp HTML chúng tôi tạo đều nằm trong cùng một thư mục.
Hãy bắt đầu bằng cách tạo một thư mục trống cho tất cả các tệp HTML của chúng tôi trong khóa học trong khóa học. Bạn có thể gọi nó là bất cứ điều gì bạn muốn, hầu hết mọi người sẽ đặt tên cho nó giống như trang web của họ.
Bây giờ chúng tôi có một thư mục trống, chúng tôi có thể tạo tệp HTML của mình. Nếu IDE của bạn hỗ trợ nó, tôi sẽ khuyên bạn nên thêm thư mục mới này vào trình khám phá tệp IDE, hoặc không gian làm việc. Điều này sẽ giúp dễ dàng hơn để xem những gì diễn ra mà không cần phải rời khỏi biên tập viên.
Tạo chỉ mục.html
Bên trong thư mục mới tạo một tệp có tên index.html
. index.html
là một tên tệp đặc biệt cho biết đây là trang web mặc định cho thư mục trang web này của chúng tôi.
Cũng giống như hầu hết mọi người tổ chức các tập tin của họ thành các thư mục và các trang phụ, các trang web cũng được tổ chức theo cách tương tự. Khi trang web của bạn được chạy bởi trình duyệt, nó sẽ sử dụng thư mục của tệp HTML để xác định URL trang web. URL này là liên quan đến hệ thống tệp cục bộ của bạn hoặc đến trang web được lưu trữ của bạn.
Bây giờ chúng tôi đã tạo tệp của mình, hãy để thêm một số văn bản vào đó và kiểm tra nó trên trình duyệt. Bên trong index.html
Loại
Copy
My Website Title
Hello World
0.CopyHello World
Đây là hình thức cơ bản nhất mà một trang web có thể thực hiện, chỉ là một số văn bản đơn giản được viết ra.
Bây giờ hãy tìm index.html
trong hệ thống tệp của bạn và mở nó bằng trình duyệt của bạn. Cần có một tùy chọn để thực hiện việc này và thường theo mặc định .html các tệp sẽ mở trong trình duyệt của bạn nếu bạn nhấp đúp chuột.
Whe trang tải trên trình duyệt nên nói
Copy
My Website Title
Hello World
0!Tin hay không bạn đã tạo ra trang web đầu tiên của bạn. Nó rất cơ bản và chỉ có một vài từ trên đó, nhưng nó vẫn là một trang web và bạn đã thực hiện bước đầu tiên để trở thành một nhà phát triển web.
Tags
Mặc dù trang web hiện tại của chúng tôi rất ấn tượng về quyền riêng của nó, nhưng về mặt kỹ thuật, nó không phải là một tài liệu HTML có cấu trúc đúng. Tất cả các tài liệu HTML đều được yêu cầu được cấu trúc theo một cách nhất định để đảm bảo rằng chúng sẽ hiển thị chính xác trong tất cả các phiên bản khác nhau của các trình duyệt khác nhau.
Tài liệu HTML của chúng tôi, chỉ có văn bản đơn giản, sẽ hiển thị tốt, nhưng nếu chúng tôi cố gắng làm bất cứ điều gì phức tạp hơn, chúng tôi sẽ gặp rủi ro của một số trình duyệt cũ hơn không hiểu trang.
Để biến đây thành một tài liệu HTML thích hợp, hãy để định dạng chính xác.
Copy
My Website Title
Hello World
Hãy xem tài liệu HTML được cập nhật ở trên. Điều này hiện được cấu trúc chính xác và nên có thể hiểu được bởi mọi trình duyệt.
Bây giờ, suy nghĩ đầu tiên của bạn rất có thể là những điều kỳ lạ < />. Đó là một suy nghĩ tốt, nếu đây là lần đầu tiên bạn nhìn thấy mã HTML thì bạn sẽ tự hỏi đó là gì.
Những biểu tượng với các dấu hiệu
Copy
My Website Title
Hello World
3 và Copy
My Website Title
Hello World
4 được gọi là thẻ. Thẻ HTML được sử dụng để cấu trúc và định dạng tài liệu HTML và có thể được sử dụng để mô tả bố cục của một trang web.
Tất cả các nội dung trong trang web của chúng tôi sẽ được chứa trong các thẻ này. Có hàng trăm thẻ HTML, mặc dù may mắn là hầu hết thời gian bạn có thể có được chỉ khi chỉ biết 10-15 trong số chúng. Tất cả các thẻ có tên được liên kết với chúng và tùy thuộc vào những gì bạn đang cố gắng hiển thị trên trang web mà bạn sẽ sử dụng một thẻ khác.
Container vs thẻ không liên tục
Có hai loại thẻ cơ bản trong HTML, thẻ container và thẻ không liên tục.
Thẻ container bao gồm hai thẻ đi cùng nhau, một thẻ mở và một thẻ đóng. Trong ví dụ trên, chúng ta có một loạt các thẻ container. Hãy xem các thẻ
Copy
My Website Title
Hello World
5 và bạn sẽ có ý tưởng về cách chúng hoạt động.Tất cả các thẻ bao gồm một
Copy
My Website Title
Hello World
6, với tên của thẻ được in ở giữa. Thẻ cuối đặc biệt vì chúng chứa Copy
My Website Title
Hello World
7 ngay trước tên của thẻ [như bạn có thể thấy trong Copy
My Website Title
Hello World
8].Thẻ container đóng gói các thẻ khác và văn bản thuần túy. Thẻ container cũng có thể làm tổ, có nghĩa là bạn có thể có thẻ container trong thẻ container khác. Làm tổ này nhường chỗ cho các mối quan hệ con cái. Nói chung, một thẻ container HTML có thể có thẻ cha và cả thẻ con.
Tiếp theo là các thẻ không liên tục [đôi khi tôi gọi các thẻ đơn này]. Đây là những thẻ không có thành phần bắt đầu và kết thúc, thay vào đó chúng chỉ là một cấu trúc
Copy
My Website Title
Hello World
9 duy nhất. Các thẻ này sẽ có một dấu gạch chéo về phía trước ngay bên cạnh dấu hiệu lớn hơn bên phải.Trong mã trên, chúng tôi không có bất kỳ thẻ không liên tục nào [chúng rất hiếm hơn], nhưng chúng tôi sẽ xem xét một loạt chúng trong suốt khóa học.
Học mã
Bây giờ chúng ta đã biết thêm một số thẻ, hãy để chia nhỏ chương trình HTML ở trên và xem nó làm gì. Chúng tôi sẽ bắt đầu với dòng đầu tiên:
Copy
Đây là Tuyên bố Doctype. Về mặt kỹ thuật, nó không phải là một thẻ HTML, thay vào đó, đó là một tuyên bố cho biết trình duyệt web loại tệp này là gì. Trình duyệt sẽ thấy điều này và biết để coi tệp là tài liệu HTML.
Sau khi tuyên bố doctype, chúng tôi có thể đặt tất cả HTML của chúng tôi:
Copy
My Website Title
Hello World
Đây là cấu trúc cơ bản nhất mà chúng ta có thể có trong HTML. Tất cả các tài liệu HTML được đóng gói bởi một tập hợp các thẻ
Copy
0. Chúng hoạt động như một trình bao bọc cho toàn bộ tài liệu.Bên trong các thẻ
Copy
1 này, chúng tôi có hai bộ thẻ container riêng biệt. Các thẻ Copy
2 và các thẻ Copy
3.Các thẻ đầu về cơ bản là các cài đặt cho tài liệu HTML của bạn. Ở đây, chúng tôi có thể đặt tất cả các loại thẻ đặc biệt sẽ giúp định cấu hình và cung cấp dữ liệu meta về chính tài liệu HTML. Ở trên chúng tôi có một số thẻ
Copy
4. Chúng chỉ định tên của trang web và bất cứ điều gì ở đây sẽ hiển thị trong tab của trang.Không có gì bạn đặt trong các thẻ đầu sẽ hiển thị trong tài liệu HTML thực tế. Như tôi đã nói, phần này chủ yếu dành cho trình duyệt và cho những thứ như công cụ tìm kiếm sử dụng để tìm hiểu về tệp HTML của bạn.
Bên dưới các thẻ đầu chúng tôi có thẻ cơ thể. Nó bên trong các thẻ này mà chúng tôi sẽ đặt tất cả các nội dung có nghĩa là xuất hiện trên trang web.
Ngay bây giờ tất cả những gì chúng ta có là văn bản Hello World của chúng ta, nhưng cuối cùng chúng ta sẽ tìm hiểu thêm một số thẻ cho phép chúng ta có quyền kiểm soát nhiều hơn về cách sắp xếp và hiển thị nội dung này trên trang.
Thực hiện thay đổi
Bây giờ bạn đã mở index.html
trên trình duyệt của mình, bất cứ khi nào bạn muốn thay đổi thứ gì đó, bạn có thể thực hiện thay đổi trong trình soạn thảo văn bản của mình, sau đó làm mới trang web trên trình duyệt.
Rất nhiều lần các nhà phát triển sẽ phân chia màn hình của họ giữa trình chỉnh sửa văn bản của họ và trình duyệt để họ không phải liên tục chuyển đổi giữa các màn hình. Khi bạn bắt đầu viết thêm HTML, bạn sẽ tìm thấy những gì phù hợp với bạn, nhưng trong thời gian đó, nó rất đáng để thử!