Hướng dẫn html file not displaying in browser - tệp html không hiển thị trong trình duyệt

Chào mừng đến với cộng đồng Treehouse

Cộng đồng Treehouse là nơi gặp gỡ cho các nhà phát triển, nhà thiết kế và lập trình viên của tất cả các nền tảng và cấp độ kỹ năng để nhận được hỗ trợ. Phối hợp ở đây về các lỗi mã hoặc lỗi mà bạn cần phản hồi hoặc yêu cầu thêm một bộ mắt về dự án mới nhất của bạn. Tham gia cùng hàng ngàn sinh viên Treehouse và cựu sinh viên trong cộng đồng ngày hôm nay. .

Tìm kiếm để học một cái gì đó mới?

Treehouse cung cấp một bản dùng thử miễn phí bảy ngày cho sinh viên mới. Nhận quyền truy cập vào hàng ngàn giờ nội dung và một cộng đồng hỗ trợ. Bắt đầu thử nghiệm miễn phí ngay hôm nay.

Xin chào! Tôi đã tạo một vài trang với các tệp HTML và CSS. Nhưng lần này, không có gì hiển thị khi tôi đặt tệp HTML của mình vào trình duyệt. Nó có một mã thực sự đơn giản chỉ để tôi có thể xem nó có hoạt động hay không. Nhưng ngay cả hộp màu đỏ cũng không xuất hiện, và khi tôi nhấn, hãy kiểm tra, thì không có gì có thể bắt buộc. Và vâng, tôi đã cứu cả hai! Giúp đỡ, tôi sẽ phát điên 😭 cái gì có thể là vấn đề? Tôi đã liên kết tệp CSS trong HTML.

Celina eftihidis Có thể là một lý do mà tệp CSS của bạn không được liên kết đúng. Nếu tệp CSS của bạn không có trong cùng một tệp, bạn phải sử dụng đường dẫn của tệp CSS để liên kết với tệp HTML. Hoặc bạn có thể đặt tệp CSS của mình vào thư mục nơi tệp HTML của bạn tồn tại sau đó bằng cách gọi tên của tệp CSS sẽ được liên kết cả hai với nhau. Để làm việc với các CSS bên ngoài liên kết trong PC, bạn phải biết hai điều 1) nếu tệp CSS nằm trong cùng một thư mục trong đó tệp HTML của bạn có mặt. Sau đó để liên kết CSS, bạn chỉ cần bao gồm tên tệp CSS và phần mở rộng trong href như thế này

Hướng dẫn html file not displaying in browser - tệp html không hiển thị trong trình duyệt

Try pressing Ctrl+U in the browser - you should see exactly what you wrote in your code editor. If you see your code then you've made some error (you can post it and we can have a look), and if you don't, then you might have gone crazy already and dragged the wrong file into the browser! If I had to guess, you probably have an extra < or > somewhere and the browser gets confused. Something like that.

Giống như Schindlabua đã nói, bạn có thể đã phát điên đã đến và chia sẻ mã điên rồ đó. Chúng ta hãy cùng nhau phát điên 😂

Tôi không nhận được bất cứ điều gì khi tôi nhấn ctrl+u (tôi trên mac tho) Tôi không biết cách chia sẻ mã của mình..chỉ sao chép nó và đặt nó ở đây? bởi vì tôi không thể đăng một bức tranh🤔

Cảm ơn anh em về sự giúp đỡ! Tôi đã thử nó trên máy tính Windows của mình và nó hoạt động (không phải nền gradient của tôi

Tôi đã sao chép mã của bạn vào sân chơi mã và nó có vẻ hoạt động tốt: https://code.sololearn.com/w838oedcb2oy/?ref=app Trong Safari, bạn có thể hiển thị mã nguồn trang với Tùy chọn> nâng cao Menu Bar Develop> Hiển thị nguồn trang trong các trình duyệt khác mà tôi cho rằng đó là lệnh+u nhưng tôi chưa kiểm tra.

(Tên tệp MITTCV.html)

Celinas CV

Hej

(Tên tệp MITTCV.CSS) .Box {Width: 50VH; Chiều cao: 50VW; Hình ảnh nền: Linear-Gradient (đỏ, hồng, tím, xanh); } .test {màu nền: màu đỏ; Chiều cao: 70px; Chiều rộng: 70px; }

Hiểu mã HTML và cách làm việc với nó có thể đi một chặng đường dài. Bạn có thể sử dụng nó trong công việc hàng ngày của mình, như tạo chữ ký HTML để làm cho giao tiếp email của bạn chuyên nghiệp hơn. Một cách khác thường nhưng tiện dụng để sử dụng HTML là lưu các trang web vào các tài liệu từ. & NBSP;

Tuy nhiên, tất cả có thể hơi khó hiểu nếu bạn không bao giờ làm việc với tệp HTML trước đây. Hãy để bắt đầu từ đầu bằng cách tìm hiểu những tệp đó là gì, cũng như cách mở và xem tệp HTML trong Chrome.

Hướng dẫn html file not displaying in browser - tệp html không hiển thị trong trình duyệt

Những gì một tập tin HTML?

HTML là viết tắt của Ngôn ngữ đánh dấu siêu văn bản và là ngôn ngữ kịch bản dựa trên web. Mục đích chính của nó là tạo và cấu trúc các trang web. Các tệp có tiện ích mở rộng HTML (hoặc HTM) chỉ chứa văn bản và tham chiếu đến các tệp khác, như hình ảnh hoặc video.

Có nhiều chương trình khác nhau mà bạn có thể sử dụng để thực hiện và chỉnh sửa tệp HTML. Tuy nhiên, bạn có thể sử dụng bất kỳ trình soạn thảo văn bản đơn giản nào để mở và đọc nó dưới dạng văn bản. Khi bạn muốn xem trang web trông như thế nào, bạn cần chạy tệp HTML này bằng trình duyệt web. & NBSP;

Google Chrome nhận ra HTML và bạn có thể sử dụng nó để mở bất kỳ tệp nào với tiện ích mở rộng.

Có nhiều cách để mở một tệp HTML trong Chrome.

Sử dụng lệnh mở với lệnh

Hướng dẫn html file not displaying in browser - tệp html không hiển thị trong trình duyệt

  1. Tìm tệp HTML bạn muốn xem, nhấp chuột phải vào nó và chọn mở với từ menu. Bạn sẽ thấy một danh sách đầy đủ các ứng dụng mà bạn có thể sử dụng để chạy tệp của mình. Trình duyệt mặc định của bạn sẽ đứng đầu danh sách. & NBSP;Open with from the menu. You will see a full list of apps that you can use to run your file. Your default browser will be at the top of the list. 
  2. Chọn Google Chrome từ danh sách và xem tệp của bạn trong trình duyệt.
  1. Nếu Google Chrome được đặt làm trình duyệt mặc định của bạn, tất cả những gì bạn cần làm là nhấp đúp vào tệp HTML và nó sẽ tự động mở bằng Chrome. Nếu bạn đã thử điều này và thấy rằng máy tính của bạn không nhận ra tệp của bạn, hệ thống sẽ yêu cầu bạn sử dụng một trong các ứng dụng đã được cài đặt để mở tệp hoặc tìm kiếm internet để mở rộng. Chọn Mở bằng cách sử dụng các ứng dụng đã được cài đặt. Sau đó, thử chọn Google Chrome từ danh sách một lần nữa. & NBSP;Open using already installed applications. Then try choosing Google Chrome from the list again. 

Hướng dẫn html file not displaying in browser - tệp html không hiển thị trong trình duyệt

  1. Để đảm bảo bạn đã mở tệp HTML bên phải, hãy kiểm tra thanh địa chỉ trong Chrome khi nó hiển thị trang. Nó sẽ khớp với vị trí của tệp của bạn trên máy tính của bạn. & NBSP;

Mở tệp HTML từ bên trong Chrome

Hướng dẫn html file not displaying in browser - tệp html không hiển thị trong trình duyệt

Nếu bạn đã chạy trình duyệt của mình, bạn có thể mở tệp HTML trong Chrome mà không cần phải định vị nó trên máy tính của bạn trước.

  1. Chọn Tệp từ menu Chrome Ribbon. Sau đó chọn Mở Tệp. & NBSP;File from the Chrome ribbon menu. Then select Open File
  2. Điều hướng đến vị trí tệp HTML của bạn, tô sáng tài liệu và nhấp vào Mở.Open.
  3. Bạn sẽ thấy tệp của mình mở trong một tab mới. & NBSP;

Hướng dẫn html file not displaying in browser - tệp html không hiển thị trong trình duyệt

Bạn cũng có thể sử dụng phím tắt để mở tệp trong Chrome. Mở một tab mới trong Chrome, sau đó nhấn Ctrl (Windows) hoặc CMD (Mac) + O. Nó sẽ hiển thị cùng một menu tệp mở. Tìm tệp HTML của bạn và mở nó. & NBSP;Ctrl (Windows) or Cmd (Mac) + O. It will bring up the same Open File menu. Find your HTML file and open it. 

Nếu phím tắt không hoạt động, có thể trình duyệt của bạn có một bộ máy nóng khác cho lệnh này. Bạn luôn có thể kiểm tra nó trong cài đặt trình duyệt của bạn. Có rất nhiều tính năng khác nhau mà bạn có thể sử dụng với các phím tắt trợ giúp trong Google Chrome. Bạn có thể học cách chuyển đổi giữa các tab, tạo các sự kiện lịch Google và thậm chí chuyển đổi chế độ Ẩn danh bật và tắt nhanh hơn với các phím tắt phù hợp. & NBSP;

Kéo và thả tệp của bạn trong Chrome

Hướng dẫn html file not displaying in browser - tệp html không hiển thị trong trình duyệt

Bạn cũng có thể chỉ kéo và thả tệp HTML ngay vào một tab mới. Chrome sau đó sẽ tự động mở trang. & NBSP;

Cách xem Nguồn HTML

Trong trường hợp bạn cần làm nhiều hơn một chút, không chỉ xem trang mà còn xem mã nguồn HTML, Chrome cũng cho phép bạn làm điều đó.

Hướng dẫn html file not displaying in browser - tệp html không hiển thị trong trình duyệt

Có một vài cách khác nhau để làm điều đó. Cái cơ bản nhất là mở tệp HTML của bạn trong một tab mới trong Chrome. Sau đó nhấp chuột phải vào nó và chọn Xem nguồn trang từ menu. & NBSP;View Page Source from the menu. 

Hướng dẫn html file not displaying in browser - tệp html không hiển thị trong trình duyệt

Nếu bạn đang tìm cách sử dụng một công cụ tương tác nhiều hơn và muốn xem các thay đổi bạn thực hiện ảnh hưởng đến trang web ngay lập tức như thế nào, bạn có thể sử dụng công cụ nhà phát triển trong Chrome. & NBSP;

Để làm điều đó, hãy mở tệp HTML trong một tab mới. Sau đó nhấp vào biểu tượng ba chấm dọc ở góc trên bên phải của cửa sổ. Trong menu thả xuống, chọn thêm Công cụ> Công cụ phát triển. & NBSP;three vertical dots icon in the upper right corner of the window. In the drop-down menu, choose More Tools > Developer Tools

Hướng dẫn html file not displaying in browser - tệp html không hiển thị trong trình duyệt

Ở phía bên phải màn hình của bạn, hãy chuyển đến tab các phần tử để xem mã nguồn chi tiết của trang web của bạn. & NBSP;Elements tab to see the detailed source code of your web page. 

Cách mở tệp HTML từ điện thoại thông minh của bạn

Nếu bạn sử dụng điện thoại thông minh của mình, bạn cũng có thể sử dụng các phương thức khác nhau để mở tệp HTML trong Chrome.

Sử dụng Mở với menu

Hướng dẫn html file not displaying in browser - tệp html không hiển thị trong trình duyệt

Xác định vị trí tệp HTML bạn muốn mở trên điện thoại của mình và nhấp vào nó. Nó sẽ đưa ra Mở với menu, nơi bạn có thể chọn từ danh sách các ứng dụng mà bạn có thể sử dụng để xem trang web. Chọn Chrome để mở tệp. & Nbsp;Open with menu, where you can choose from the list of apps that you can use to view the web page. Select Chrome to open the file. 

Mở tệp HTML từ SD Storage

Hướng dẫn html file not displaying in browser - tệp html không hiển thị trong trình duyệt

Khởi chạy trình duyệt Chrome trên điện thoại của bạn và mở một tab mới. Nhập tệp: /// sdcard/vào thanh địa chỉ, sẽ mở bộ lưu trữ SD của bạn. Từ đó, điều hướng đến tệp bạn muốn mở và nhấn để xem nó. & NBSP;file:///sdcard/ into the address bar, which will open your SD storage. From there, navigate to the file you want to open and tap to view it. 

Học cách hiểu HTML & NBSP;

Học các thủ thuật nhỏ và hiểu HTML tốt hơn có thể cho bạn nhiều tự do hơn khi làm việc với cả mã và văn bản. Một ví dụ điển hình là học cách nhúng HTML vào tài liệu Google, trong số những thứ khác. & NBSP;

Bạn có bao giờ làm việc với các tệp HTML không? Bạn có thấy khó khăn không? Chia sẻ kinh nghiệm của bạn với chúng tôi trong các ý kiến ​​dưới đây. & NBSP;

Tại sao tệp HTML của tôi không mở trong chrome?

Mở một tab mới trong Chrome, sau đó nhấn Ctrl (Windows) hoặc CMD (Mac) + O. Nó sẽ hiển thị cùng một menu tệp mở.Tìm tệp HTML của bạn và mở nó.Nếu phím tắt không hoạt động, có thể trình duyệt của bạn có một tập hợp các phím nóng khác cho lệnh này.your browser has a different set of hotkeys for this command.

Tại sao trang HTML của tôi trống?

Điều này có thể được gây ra bởi các thẻ HTML cần thiết bị thiếu từ mã trang.essential HTML tags missing from the page code.

Tại sao HTML của tôi không hoạt động?

Hãy chắc chắn rằng trình soạn thảo của bạn được đặt thành văn bản đơn giản để không có ký tự đặc biệt nào được chèn vào HTML và CSS của bạn.Nếu bạn đang gặp sự cố, hãy nhìn vào nguồn bằng cách sử dụng menu Nguồn View View (trong Safari, Xem> Nguồn).Điều này thường sẽ phát hiện ra các vấn đề như các nhân vật đặc biệt mà bạn có thể không thấy trong trình soạn thảo thông thường của mình.. If you're having problems, look at the source using the “view source” menu (in Safari, View > Source). This will often uncover problems like special characters that you might not be seeing in your regular editor.