Hướng dẫn how do i code html in notepad? - làm cách nào để viết mã html trong notepad?

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:

Làm thế nào để bạn bắt đầu mã HTML?

Tất cả các tài liệu HTML phải bắt đầu với khai báo loại tài liệu:. Bản thân tài liệu HTML bắt đầu và kết thúc bằng. Phần có thể nhìn thấy của tài liệu HTML nằm giữa và.

Làm thế nào để bạn bắt đầu mã HTML?

• Tất cả các tài liệu HTML phải bắt đầu với khai báo loại tài liệu:. Bản thân tài liệu HTML bắt đầu và kết thúc bằng. Phần có thể nhìn thấy của tài liệu HTML nằm giữa và.
Làm thế nào để bạn viết mã HTML?
• Mã HTML bắt đầu với giá đỡ thiên thần trái và kết thúc bằng khung góc phải. Thẻ HTML thường có theo cặp, có nghĩa là bạn sẽ phải viết các thẻ HTML hai lần. Đầu tiên, bạn sẽ mở thẻ sau đó bạn sẽ đóng thẻ. Tài liệu HTML có hai phần phần đầu và phần cơ thể.
Làm thế nào để bạn viết mã HTML?
• Mã HTML bắt đầu với giá đỡ thiên thần trái và kết thúc bằng khung góc phải. Thẻ HTML thường có theo cặp, có nghĩa là bạn sẽ phải viết các thẻ HTML hai lần. Đầu tiên, bạn sẽ mở thẻ sau đó bạn sẽ đóng thẻ. Tài liệu HTML có hai phần phần đầu và phần cơ thể.
Làm thế nào để bạn viết mã HTML?
• Mã HTML bắt đầu với giá đỡ thiên thần trái và kết thúc bằng khung góc phải. Thẻ HTML thường có theo cặp, có nghĩa là bạn sẽ phải viết các thẻ HTML hai lần. Đầu tiên, bạn sẽ mở thẻ sau đó bạn sẽ đóng thẻ. Tài liệu HTML có hai phần phần đầu và phần cơ thể.
Làm thế nào để bạn viết mã HTML?
• 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
• Thêm câu hỏi mới

1. 1

   Câu hỏi

   
   Tôi có phải sử dụng Notepad để tạo các trang web không? Click the Windows logo in the bottom-left corner of the screen. The Start menu will pop up.

2. 2

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

   Giới hạn tuổi để lưu trữ một trang web là gì?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

   Thêm thẻ ngôn ngữ của trang web của bạn. Thẻ đầu tiên bạn cần thêm là thẻ ngôn ngữ. Điều này nói với trình duyệt web rằng đây là một tài liệu HTML và ngôn ngữ đang được sử dụng là HTML. Nhập phần sau vào Notepad ở đầu trang: 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

   Thêm thẻ "Đầu". Phần "Đầu" của tài liệu HTML chứa siêu dữ liệu cho trang web. Thông tin này không được hiển thị trong trình duyệt web của bạn. Nó có thể chứa thông tin như tiêu đề trang, bảng kiểu (CSS), tập lệnh, v.v. Hiện tại, chỉ cần gõ bên dưới thẻ "", nhấn ENTER hai lần để để lại khoảng trống. Sau đó nhập vào. 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 .

   • Mỗi phần tử HTML có thẻ mở và đóng. Khi chúng ta thêm một phần tử mới, chẳng hạn như thẻ "" để mở đầu, chúng ta cũng cần thêm thẻ đóng. Đối với đầu, đây là thẻ "".

3. 3

   Thêm tiêu đề trang vào trang web của bạn. Tiêu đề nằm trong phần "Đầu" trong tài liệu HTML của bạn, vì vậy bạn sẽ cần nhập cái này ở giữa thẻ mở "" và đóng "" ". Để thêm một tiêu đề, hãy nhập thẻ tiêu đề mở, đó là ". Sau đó nhập văn bản tiêu đề của bạn. Thêm thẻ tiêu đề đóng ngay sau đó, ví dụ: nếu bạn muốn tiêu đề trang web của mình," Trang web của tôi " 'D nhập như sau: 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

   Thêm thẻ "cơ thể". Mọi thứ được hiển thị trong trình duyệt web của bạn sẽ đi trong phần "Body" trong tài liệu HTML của bạn. Các thẻ cơ thể mở và đóng đi bên dưới thẻ "" đóng. Thêm các thẻ cơ thể mở và đóng, như hiển thị bên dưới: [Hình ảnh: 533547 14.jpg | Trung tâm]]] 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

   Đóng thẻ ngôn ngữ HTML. Thẻ cuối cùng đi trong tài liệu của bạn sẽ là thẻ HTML đóng để biểu thị phần cuối của trang. Nhập ở dưới cùng của trang bên dưới thẻ "" đóng. 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

   Xem lại tài liệu HTML của bạn cho đến nay. Tại thời điểm này, tài liệu của bạn sẽ trông giống như sau: At this point, your document should look something like the following:

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

7. 7

   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. Ngoài ra, bạn có thể nhấn Ctrl + s để lưu tài liệu của bạn. Hãy chắc chắn để tiết kiệm thường xuyên. 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

   Thêm thẻ ngôn ngữ của trang web của bạn. Thẻ đầu tiên bạn cần thêm là thẻ ngôn ngữ. Điều này nói với trình duyệt web rằng đây là một tài liệu HTML và ngôn ngữ đang được sử dụng là HTML. Nhập phần sau vào Notepad ở đầu trang: Any element—be it a heading or a paragraph—needs to be written after the "" tag and before the "" tag.

2. 2

   Thêm thẻ "Đầu". Phần "Đầu" của tài liệu HTML chứa siêu dữ liệu cho trang web. Thông tin này không được hiển thị trong trình duyệt web của bạn. Nó có thể chứa thông tin như tiêu đề trang, bảng kiểu (CSS), tập lệnh, v.v. Hiện tại, chỉ cần gõ bên dưới thẻ "", nhấn ENTER hai lần để để lại khoảng trống. Sau đó nhập vào. 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:
   • Mỗi phần tử HTML có thẻ mở và đóng. Khi chúng ta thêm một phần tử mới, chẳng hạn như thẻ "" để mở đầu, chúng ta cũng cần thêm thẻ đóng. Đối với đầu, đây là thẻ "".

3. 3

   Thêm tiêu đề trang vào trang web của bạn. Tiêu đề nằm trong phần "Đầu" trong tài liệu HTML của bạn, vì vậy bạn sẽ cần nhập cái này ở giữa thẻ mở "" và đóng "" ". Để thêm một tiêu đề, hãy nhập thẻ tiêu đề mở, đó là ". Sau đó nhập văn bản tiêu đề của bạn. Thêm thẻ tiêu đề đóng ngay sau đó, ví dụ: nếu bạn muốn tiêu đề trang web của mình," Trang web của tôi " 'D nhập như sau: 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

   Thêm thẻ "cơ thể". Mọi thứ được hiển thị trong trình duyệt web của bạn sẽ đi trong phần "Body" trong tài liệu HTML của bạn. Các thẻ cơ thể mở và đóng đi bên dưới thẻ "" đóng. Thêm các thẻ cơ thể mở và đóng, như hiển thị bên dưới: [Hình ảnh: 533547 14.jpg | Trung tâm]]] 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>
   

   • Đóng thẻ ngôn ngữ HTML. Thẻ cuối cùng đi trong tài liệu của bạn sẽ là thẻ HTML đóng để biểu thị phần cuối của trang. Nhập ở dưới cùng của trang bên dưới thẻ "" đóng.
   • Xem lại tài liệu HTML của bạn cho đến nay. Tại thời điểm này, tài liệu của bạn sẽ trông giống như sau:

5. 5

   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. Ngoài ra, bạn có thể nhấn Ctrl + s để lưu tài liệu của bạn. Hãy chắc chắn để tiết kiệm thường xuyên. 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 thế nào để bạn bắt đầu mã HTML?

Làm thế nào để bạn viết mã HTML?

Bạn có thể viết mã trong notepad không?

Notepad ở đâu cho HTML?