Hướng dẫn how do you view source code in html? - làm thế nào để bạn xem mã nguồn trong html?

Question

Hướng dẫn này sẽ giới thiệu cho bạn một tài liệu HTML cơ bản và dạy bạn cách xem mã nguồn của tài liệu HTML trong trình duyệt.

HTML được sử dụng để đánh dấu một tài liệu với các hướng dẫn cho trình duyệt biết cách hiển thị và diễn giải nội dung tài liệu. Ví dụ, HTML có thể nói cho trình duyệt nào nội dung văn bản nên được hiểu là tiêu đề và nội dung văn bản nào nên được hiểu là các đoạn văn. HTML cũng được sử dụng để thêm hình ảnh và gán liên kết vào văn bản và hình ảnh. Các hướng dẫn này được truyền thông qua các thẻ HTML, được viết như thế này: <tagname>. Nhiều, mặc dù không phải tất cả các thẻ, hãy sử dụng thẻ mở và đóng thẻ để quấn xung quanh nội dung mà chúng được sử dụng để sửa đổi.

Để hiểu được cách sử dụng các thẻ này, hãy để kiểm tra một đoạn mã HTML. Mã HTML bên dưới cho thấy cách các thẻ HTML được sử dụng để cấu trúc văn bản và thêm các liên kết và hình ảnh. Don Tiết lo lắng nếu bạn không hiểu các thẻ ngay lập tức- chúng tôi sẽ nghiên cứu những thứ đó trong hướng dẫn tiếp theo.

<h2>Sammy's Sample HTML</h2>

<p>This code is an example of how HTML is written.</p>

<p>It uses HTML tags to structure the text.</p>

<p>It uses HTML to add a <a href="digitalocean.com/community">link</a>.</p>

<p>And it also uses HTML to add an image:</p>

<img src="https://html.sammy-codes.com/images/small-profile.jpeg"/>

Mã HTML này được hiển thị trong trình duyệt như sau:

Bây giờ bạn sẽ có một sự hiểu biết về cách mã ví dụ HTML được hiển thị trong trình duyệt. Tiếp theo, chúng tôi sẽ tìm hiểu cách xem mã nguồn của bất kỳ trang web nào bằng công cụ trình duyệt.

Xem mã nguồn của trang web

Gần như mọi trang web bạn gặp phải đều sử dụng HTML để cấu trúc và hiển thị các trang HTML. Bạn có thể kiểm tra mã nguồn của bất kỳ trang web nào bằng cách sử dụng trình duyệt web như Firefox hoặc Chrome. Trên Firefox, điều hướng đến mục menu của Công cụ trên mạng trong menu trên cùng và nhấp vào nhà phát triển web/nguồn trang web của Web như vậy:

Trên Firefox, bạn cũng có thể sử dụng phím tắt Command-U để xem mã nguồn của trang web.

Trên Chrome, quá trình này rất giống nhau. Điều hướng đến mục Menu trên cùng, Xem Chế độ xem và nhấp vào Nguồn phát triển/xem của nhà phát triển. Bạn cũng có thể sử dụng phím tắt bàn phím Option-Command-U.

Hãy thử kiểm tra mã nguồn của trang web demo mà chúng tôi sẽ xây dựng trong loạt hướng dẫn này. Bạn sẽ nhận được một trang có nhiều thẻ HTML hơn ví dụ của chúng tôi ở trên. Don Tiết được báo động nếu nó có vẻ quá sức. Đến cuối loạt hướng dẫn này, bạn sẽ hiểu rõ hơn về cách diễn giải mã nguồn HTML và cách sử dụng HTML để xây dựng và tùy chỉnh các trang web của riêng bạn.

Lưu ý: Như đã đề cập ở trên, bạn có thể kiểm tra mã nguồn của bất kỳ trang web nào bằng các công cụ từ trình duyệt web Firefox hoặc Chrome. Hãy thử kiểm tra mã của một vài trang web yêu thích của bạn để hiểu về mã cơ bản cấu trúc các tài liệu web. Mặc dù mã nguồn của các trang web này có thể sẽ chứa nhiều ngôn ngữ hơn HTML, việc học HTML trước tiên sẽ giúp chuẩn bị cho bạn học các ngôn ngữ và khung bổ sung để tạo trang web sau này nếu bạn muốn.: As mentioned above, you can inspect the source code of any webpage using tools from the Firefox or Chrome web browser. Try inspecting the code of a few of your favorite websites to get a sense of the underlying code that structures web documents. Though the source code of these sites will likely contain more languages than HTML, learning HTML first will help prepare you to learn additional languages and frameworks for creating websites later on if you wish.

Bây giờ bạn sẽ có một sự hiểu biết chung về định dạng của tài liệu HTML và biết cách kiểm tra mã nguồn HTML bằng công cụ trình duyệt. Để hiểu rõ hơn về cách HTML hoạt động, hãy để kiểm tra các thành phần chính của nó. Trong hướng dẫn tiếp theo, chúng tôi sẽ tìm hiểu thêm về các phần tử HTML, các khối xây dựng được sử dụng để tạo các tài liệu HTML.

Hướng dẫn thực hiện mã

Tiếp theo: Biên tập viên Wysiwyg

Là hữu ích không?

Khi bạn ở đó, vui lòng làm theo các bước dưới đây:

Google Chrome

Nhấp vào biểu tượng menu trên thanh công cụ trình duyệt. on the browser toolbar.
Chọn nhiều công cụ hơn, sau đó xem nguồn.More tools, then View Source.

hoặc