Hướng dẫn how do i get the code from an html file? - làm cách nào để lấy mã từ tệp html?

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: . 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 HTMLh2>

<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">linka>.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.

Một trình soạn thảo văn bản đơn giản là tất cả những gì bạn cần để học HTML.

Tìm hiểu HTML bằng Notepad hoặc Textedit

Các trang web có thể được tạo và sửa đổi bằng cách sử dụng các biên tập viên HTML chuyên nghiệp.

Tuy nhiên, để học HTML, chúng tôi đề xuất một trình soạn thảo văn bản đơn giản như Notepad (PC) hoặc Textedit (MAC).

Chúng tôi tin rằng sử dụng một trình soạn thảo văn bản đơn giản là một cách tốt để học HTML.

Thực hiện theo các bước bên dưới để tạo trang web đầu tiên của bạn với Notepad hoặc Textedit.

Bước 1: Mở Notepad (PC)

Windows 8 trở lên:

Mở màn hình bắt đầu (biểu tượng cửa sổ ở phía dưới bên trái trên màn hình của bạn). Loại Notepad.Start Screen (the window symbol at the bottom left on your screen). Type Notepad.

Windows 7 trở lên:

Mở Bắt đầu> Chương trình> Phụ kiện> NotepadStart > Programs > Accessories > Notepad

Bước 1: Mở Textedit (Mac)

Open Finder> Ứng dụng> TexteditFinder > Applications > TextEdit

Đồng thời thay đổi một số tùy chọn để có được ứng dụng để lưu chính xác các tệp. Trong Tùy chọn> Định dạng> Chọn "Văn bản thuần túy"In Preferences > Format > choose "Plain Text"

Sau đó, trong "Mở và lưu", hãy chọn hộp có nội dung "Hiển thị các tệp HTML dưới dạng mã HTML thay vì văn bản được định dạng".

Sau đó mở một tài liệu mới để đặt mã.

Bước 2: Viết một số HTML

Viết hoặc sao chép mã HTML sau vào Notepad:

Tiêu đề đầu tiên của tôi

Đoạn đầu tiên của tôi.

Không gian trường học W3schools

Bước 3: Lưu trang HTML

Lưu tệp trên máy tính của bạn. Chọn Tệp> Lưu như trong menu Notepad.File > Save as in the Notepad menu.

Đặt tên cho tệp "index.htm" và đặt mã hóa thành UTF-8 (đây là mã hóa ưa thích cho các tệp HTML)."index.htm" and set the encoding to UTF-8 (which is the preferred encoding for HTML files).

Mẹo: Bạn có thể sử dụng .htm hoặc .html làm tiện ích mở rộng tệp. Không có sự khác biệt; điều đó phụ thuộc vào bạn. You can use either .htm or .html as file extension. There is no difference; it is up to you.

Bước 4: Xem trang HTML trong trình duyệt của bạn

Mở tệp HTML đã lưu trong trình duyệt yêu thích của bạn (nhấp đúp vào tệp hoặc nhấp chuột phải - và chọn "Mở bằng").

Kết quả sẽ trông giống như thế này:

Biên tập viên trực tuyến W3Schools - "Hãy tự mình thử"

Với trình chỉnh sửa trực tuyến miễn phí của chúng tôi, bạn có thể chỉnh sửa mã HTML và xem kết quả trong trình duyệt của bạn.

Nó là công cụ hoàn hảo khi bạn muốn kiểm tra mã nhanh. Nó cũng có mã hóa màu và khả năng lưu và chia sẻ mã với những người khác:test code fast. It also has color coding and the ability to save and share code with others:

Thí dụ

Tiêu đề trang

Đây là một tiêu đề này là một đoạn văn.

This is a paragraph.

Tiêu đề đầu tiên của tôi

Đoạn đầu tiên của tôi.

Không gian trường học W3schools

Bước 3: Lưu trang HTMLfree website builder, called W3schools Spaces:

Bạn có thể trích xuất mã HTML từ trang web không?

Làm cách nào để tìm mã nguồn của một tệp?

Làm cách nào để lấy mã HTML từ đầu ra?

Tôi có thể tìm mã HTML trang web của mình ở đâu?