Hướng dẫn how to create a notepad in html - cách tạo notepad trong 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.

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.

W3Schools Spaces

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

Ngôn ngữ được sử dụng để tạo các trang web được gọi là "HTML", viết tắt của ngôn ngữ đánh dấu siêu văn bản. Bạn có thể viết HTML bằng Notepad hoặc bất kỳ chương trình chỉnh sửa văn bản nào khác.

Làm cách nào để mã HTML CSS cho Notepad?

Ngôn ngữ được sử dụng để tạo các trang web được gọi là "HTML", viết tắt của ngôn ngữ đánh dấu siêu văn bản. Bạn có thể viết HTML bằng Notepad hoặc bất kỳ chương trình chỉnh sửa văn bản nào khác.

• Làm cách nào để mã HTML CSS cho Notepad?
Tạo bảng kiểu CSS.
• Chọn Tệp> Mới trong Notepad để có một cửa sổ trống ..
Tạo bảng kiểu CSS.
• Chọn Tệp> Mới trong Notepad để có một cửa sổ trống ..
Tạo bảng kiểu CSS.
• Chọn Tệp> Mới trong Notepad để có một cửa sổ trống ..
Tạo bảng kiểu CSS.
• Lưu tài liệu của bạn. Để làm như vậy, nhấp vào Tệp trong thanh menu ở đầu, theo sau là lưu. Điều này sẽ đảm bảo rằng tài liệu HTML hiển thị phiên bản gần đây nhất của trang web của bạn khi bạn mở nó.

Nhấp chuột phải vào tài liệu HTML của bạn. Điều hướng đến nơi bạn đã lưu tài liệu HTML của bạn và nhấp chuột phải vào nó. Một menu thả xuống sẽ xuất hiện.

Chọn Mở với. Nó nằm trong menu thả xuống. Làm như vậy sẽ mở một menu bật ra với danh sách các ứng dụng bạn có thể mở tệp.

• Chọn trình duyệt web ưa thích của bạn. Tất cả các trình duyệt web có thể mở các tài liệu HTML, vì vậy hãy nhấp vào bất kỳ trình duyệt web nào bạn muốn sử dụng trong menu bật ra. Tài liệu HTML của bạn sẽ mở trong trình duyệt web đã chọn của bạn.
• Mẫu tài liệu HTML
• Đừng quên lưu tệp dưới dạng tài liệu HTML (.html).

1. 1

   Mở bắt đầu

   
   . Nhấp vào logo Windows ở góc dưới cùng bên trái của màn hình. Menu bắt đầu sẽ bật lên. Click the Windows logo in the bottom-left corner of the screen. The Start menu will pop up.

2. 2

   Tìm kiếm Notepad. Nhập vào notepad để làm như vậy. Bạn sẽ thấy một danh sách các kết quả phù hợp xuất hiện gần đầu menu Bắt đầu. Type in notepad to do so. You should see a list of matching results appear near the top of the Start menu.

   Quảng cáo

3. 3

   Nhấp vào Notepad. Đó là một biểu tượng màu xanh lam ở đầu danh sách các kết quả tìm kiếm. Nhấp vào ứng dụng này để mở một trang trống trong Notepad.Notepad. It's a blue notepad icon at the top of the list of search results. Click this app to open a blank page in Notepad.

4. 4

   Nhấp vào Tệp. Đây là ở góc trên cùng bên trái của cửa sổ Notepad. Nhấp vào nó nhắc nhở một menu thả xuống.File. This is in the top-left corner of the Notepad window. Clicking it prompts a drop-down menu.

5. 5

   Nhấp vào Lưu dưới dạng. Nó nằm trong menu thả xuống. Cửa sổ lưu khi sẽ mở.Save As…. It's in the drop-down menu. The Save As window will open.

6. 6

   Nhấp vào hộp thả xuống "Lưu dưới dạng". Tùy chọn này nằm gần cuối cửa sổ và nên có "Tài liệu văn bản (*.txt)" được viết trên đó. Nhấp vào nó nhắc nhở một menu thả xuống để xuất hiện. This option is near the bottom of the window and should have "Text documents (*.txt)" written on it. Clicking it prompts a drop-down menu to appear.

7. 7

   Nhấp vào tất cả các tập tin. Nó nằm trong menu thả xuống. Điều này sẽ cho phép bạn lưu tệp của mình dưới dạng tài liệu HTML.All Files. It's in the drop-down menu. This will allow you to save your file as an HTML document.

8. 8

   Chọn một vị trí lưu. Nhấp vào tên của thư mục mà bạn muốn lưu tài liệu của mình ở phía bên trái của cửa sổ. Click the name of the folder in which you want to save your document on the left side of the window.

   • Ví dụ: để lưu tài liệu của bạn trên máy tính để bàn, bạn sẽ cuộn lên và nhấp vào máy tính để bàn trong thanh bên trái.Desktop in the left-hand sidebar.

9. 9

   Nhập một tên và tiện ích mở rộng tệp "HTML". Nhấp vào hộp văn bản "Tên tệp". Sau đó nhập bất cứ thứ gì bạn muốn đặt tên cho tệp của mình, theo sau là .html, đây là phần mở rộng tệp cho tài liệu HTML. Click the "File name" text box. Then type in whatever you want to name your file, followed by .html, which is the file extension for an HTML document.

   • Ví dụ: để đặt tên cho tệp trang web của bạn "Xin chào", bạn sẽ nhập Hello.html.

10. 10

    Nhấp vào để lưu. Làm như vậy biến tài liệu Notepad hiện tại của bạn thành một tài liệu HTML. Tại thời điểm này, bạn có thể tiến hành thiết lập cấu trúc ban đầu của trang web của mình.Save. Doing so turns your current Notepad document into an HTML document. At this point, you can proceed with setting up your web page's initial structure.

    • Nếu Notepad vô tình đóng hoặc bạn phải quay lại tài liệu của mình sau đó, bạn có thể nhấp chuột phải vào tệp HTML và sau đó nhấp vào Chỉnh sửa trong menu thả xuống kết quả.Edit in the resulting drop-down menu.

Quảng cáo

1. 1

   Nhấp vào Notepad. Đó là một biểu tượng màu xanh lam ở đầu danh sách các kết quả tìm kiếm. Nhấp vào ứng dụng này để mở một trang trống trong Notepad. The first tag you'll need to add is the language tag. This tells the web browser that this is an HTML document and that the language being used is HTML. Type the following into Notepad at the top of the page:

2. 2

   Nhấp vào Tệp. Đây là ở góc trên cùng bên trái của cửa sổ Notepad. Nhấp vào nó nhắc nhở một menu thả xuống. The "head" section of an HTML document contains the metadata for the web page. This information is not displayed in your web browser. It can contain information such as the page title, style sheets (CSS), scripts, and more. For now, just type below the "" tag, press Enter twice to leave a space. Then type in .

   • Nhấp vào Lưu dưới dạng. Nó nằm trong menu thả xuống. Cửa sổ lưu khi sẽ mở.

3. 3

   Nhấp vào hộp thả xuống "Lưu dưới dạng". Tùy chọn này nằm gần cuối cửa sổ và nên có "Tài liệu văn bản (*.txt)" được viết trên đó. Nhấp vào nó nhắc nhở một menu thả xuống để xuất hiện. The title goes within the "head" section of your HTML document, so you will need to enter this in between the opening "" tag, and closing "" tag. To add a title, type the opening title tag, which is . For example, if you wanted to title your web page, "My Website," you'd enter the following:

   <title>My Websitetitle>
   

4. 4

   Nhấp vào tất cả các tập tin. Nó nằm trong menu thả xuống. Điều này sẽ cho phép bạn lưu tệp của mình dưới dạng tài liệu HTML. Everything displayed in your web browser will go in the "body" section of your HTML document. The opening and closing body tags go below the closing "" tag. Add the opening and closing body tags, as shown below:[Image:533547 14.jpg|center]]

5. 5

   Chọn một vị trí lưu. Nhấp vào tên của thư mục mà bạn muốn lưu tài liệu của mình ở phía bên trái của cửa sổ. The last tag to go in your document will be a closing HTML tag to signify the end of the page. Type at the bottom of the page below the closing "" tag.

6. 6

   Ví dụ: để lưu tài liệu của bạn trên máy tính để bàn, bạn sẽ cuộn lên và nhấp vào máy tính để bàn trong thanh bên trái. At this point, your document should look something like the following:

   
   <html>
   
   <head>
   <title>My Websitetitle>
   head>
   
   <body>
   
   body>
   
   html>
   

7. 7

   Nhập một tên và tiện ích mở rộng tệp "HTML". Nhấp vào hộp văn bản "Tên tệp". Sau đó nhập bất cứ thứ gì bạn muốn đặt tên cho tệp của mình, theo sau là .html, đây là phần mở rộng tệp cho tài liệu HTML. To do so, click File in the menu bar at the top, followed by Save. Alternatively, you can press Ctrl + S to save your document. Be sure to save often.

Quảng cáo

1. 1

   Nhấp vào Notepad. Đó là một biểu tượng màu xanh lam ở đầu danh sách các kết quả tìm kiếm. Nhấp vào ứng dụng này để mở một trang trống trong Notepad. Any element—be it a heading or a paragraph—needs to be written after the "" tag and before the "" tag.

2. 2

   Nhấp vào Tệp. Đây là ở góc trên cùng bên trái của cửa sổ Notepad. Nhấp vào nó nhắc nhở một menu thả xuống. Type

   in between the "body" tags, then type whatever you want your webpage's main heading to be in between the "
   " tags. For example, to create a page with the heading "Welcome", you would add the following:
   • Nhấp vào Lưu dưới dạng. Nó nằm trong menu thả xuống. Cửa sổ lưu khi sẽ mở.

3. 3

   Nhấp vào hộp thả xuống "Lưu dưới dạng". Tùy chọn này nằm gần cuối cửa sổ và nên có "Tài liệu văn bản (*.txt)" được viết trên đó. Nhấp vào nó nhắc nhở một menu thả xuống để xuất hiện. Type in the paragraph tags, which are "

   ", and then enter whatever you want to use as your paragraph text in between the tags. Your end result should look something like this:

   <p>This is my website. Vote for me for class president!p>
   

4. 4

   Nhấp vào tất cả các tập tin. Nó nằm trong menu thả xuống. Điều này sẽ cho phép bạn lưu tệp của mình dưới dạng tài liệu HTML. If you want to add extra spaces between paragraphs or heading, type
   after the line's closing tag. For example, to create a line break after a paragraph, you should end up with something like this:

   <p>This is my website. Vote for me for class president!p><br>
   <p>I also like potatoes.p>
   

   • Bạn có thể thêm một thẻ "" bổ sung sau cái đầu tiên để tạo thêm không gian dòng ở giữa các đoạn văn của bạn ..
   • Bạn không cần thêm thẻ đóng cho các lần ngắt dòng.

5. 5

   Thêm định dạng vào văn bản của bạn. Bạn có thể áp dụng định dạng in đậm, in nghiêng và gạch chân (cũng như SuperScript và Sycript) định dạng cho bất kỳ từ, câu hoặc khối văn bản nào miễn là văn bản nằm giữa các thẻ đoạn văn. Các thẻ định dạng bạn có thể sử dụng như sau: You can apply bolding, italics, and underlining (as well as superscript and subscript) formatting to any word, sentence, or block of text as long as the text is between paragraph tags. The formatting tags you can use are as follows:

   <b>Bold Textb>
   <i>Italic Texti>
   <u>Underlined Textu>
   <sup>Superscript Textsup>
   <sub>Subscript Textsub>
   

6. 6

   Thêm một hình ảnh vào trang web của bạn. Để thêm hình ảnh vào trang web của bạn, hình ảnh phải được tải lên máy chủ web trên internet. Bạn cần biết địa chỉ web cho hình ảnh. Một khi bạn có điều đó, hãy nhập khung ở cuối. Sau đây là một ví dụ về điều này sẽ trông như thế nào: To add an image to your web page, the image must be uploaded to a web server on the internet. You need to know the web address for the image. Once you have that, type

   8

   Xem lại sự xuất hiện của trang web của bạn. Mặc dù các yếu tố của trang web có thể thay đổi, tài liệu của bạn sẽ trông giống như sau: While the web page's elements may vary, your document should look something like the following:

   
   <html>
   
   <head>
   <title>My Websitetitle>
   head>
   
   <body>
   <h2>Welcome!h2>
   <a href="https://www.mywebsite.me/ipage2">Next Pagea>
   <img src="https://www.mywebsite.me/images/me.jpg">
   <p>This is my website. I hope you like it here!p>
   <p><b>Here is some bold text for emphasis.b>p>
   <p><i>Italics can be creepy.i>p>
   
   body>
   html>
   

Quảng cáo

1. 1

   Lưu tài liệu của bạn. Để làm như vậy, nhấp vào Tệp trong thanh menu ở đầu, theo sau là lưu. Điều này sẽ đảm bảo rằng tài liệu HTML hiển thị phiên bản gần đây nhất của trang web của bạn khi bạn mở nó. To do so, click File in the menu bar at the top, followed by Save. This will ensure that the HTML document shows the most recent version of your web page when you open it.

2. 2

   Nhấp chuột phải vào tài liệu HTML của bạn. Điều hướng đến nơi bạn đã lưu tài liệu HTML của bạn và nhấp chuột phải vào nó. Một menu thả xuống sẽ xuất hiện. Navigate to where you saved your HTML document, and right-click it. A drop-down menu will appear.

3. 3

   Chọn Mở với. Nó nằm trong menu thả xuống. Làm như vậy sẽ mở một menu bật ra với danh sách các ứng dụng bạn có thể mở tệp.Open with. It's in the drop-down menu. Doing so opens a pop-out menu with a list of apps you can open the file with.

4. 4

   Chọn trình duyệt web ưa thích của bạn. Tất cả các trình duyệt web có thể mở các tài liệu HTML, vì vậy hãy nhấp vào bất kỳ trình duyệt web nào bạn muốn sử dụng trong menu bật ra. Tài liệu HTML của bạn sẽ mở trong trình duyệt web đã chọn của bạn. All web browsers can open HTML documents, so click any web browser you want to use in the pop-out menu. Your HTML document will open in your selected web browser.

5. 5

Quảng cáo

Lưu tài liệu của bạn. Để làm như vậy, nhấp vào Tệp trong thanh menu ở đầu, theo sau là lưu. Điều này sẽ đảm bảo rằng tài liệu HTML hiển thị phiên bản gần đây nhất của trang web của bạn khi bạn mở nó.

Nhấp chuột phải vào tài liệu HTML của bạn. Điều hướng đến nơi bạn đã lưu tài liệu HTML của bạn và nhấp chuột phải vào nó. Một menu thả xuống sẽ xuất hiện.

• Chọn Mở với. Nó nằm trong menu thả xuống. Làm như vậy sẽ mở một menu bật ra với danh sách các ứng dụng bạn có thể mở tệp.

  Chọn trình duyệt web ưa thích của bạn. Tất cả các trình duyệt web có thể mở các tài liệu HTML, vì vậy hãy nhấp vào bất kỳ trình duyệt web nào bạn muốn sử dụng trong menu bật ra. Tài liệu HTML của bạn sẽ mở trong trình duyệt web đã chọn của bạn.

  Mẫu tài liệu HTML

• Chọn Mở với. Nó nằm trong menu thả xuống. Làm như vậy sẽ mở một menu bật ra với danh sách các ứng dụng bạn có thể mở tệp.

  Chọn trình duyệt web ưa thích của bạn. Tất cả các trình duyệt web có thể mở các tài liệu HTML, vì vậy hãy nhấp vào bất kỳ trình duyệt web nào bạn muốn sử dụng trong menu bật ra. Tài liệu HTML của bạn sẽ mở trong trình duyệt web đã chọn của bạn.

  Mẫu tài liệu HTML

• Chọn Mở với. Nó nằm trong menu thả xuống. Làm như vậy sẽ mở một menu bật ra với danh sách các ứng dụng bạn có thể mở tệp.

  Chọn trình duyệt web ưa thích của bạn. Tất cả các trình duyệt web có thể mở các tài liệu HTML, vì vậy hãy nhấp vào bất kỳ trình duyệt web nào bạn muốn sử dụng trong menu bật ra. Tài liệu HTML của bạn sẽ mở trong trình duyệt web đã chọn của bạn.

  Mẫu tài liệu HTML

Thêm câu hỏi mới

Câu hỏi

Tôi có phải sử dụng Notepad để tạo các trang web không?

Không. Có nhiều ứng dụng khác có thể chỉnh sửa tài liệu HTML. Thậm chí có một số được thực hiện cho mục đích tạo HTML.

Giới hạn tuổi để lưu trữ một trang web là gì?

Không có giới hạn độ tuổi để lưu trữ một trang web. Miễn là bạn biết cách tạo ra một, nó sẽ ổn.

Ý bạn là gì khi bạn nói "Mở tệp .html ..."?

Mở tệp HTML = Mở tệp với tiện ích mở rộng .html trong Notepad cho mã hoặc trong trình duyệt cho đầu ra.

Xem thêm câu trả lời

Bài viết này có được cập nhật không?

Làm cách nào để tạo một tệp HTML trong Notepad?

Notepad ở đâu cho HTML?

Chúng ta có thể làm html trong notepad không?

Làm cách nào để mã HTML CSS cho Notepad?