Hướng dẫn how do i create a website using notepad in html? - Làm cách nào để tạo một trang web bằng notepad trong html?

Một trang web chỉ đơn giản là một tập hợp các trang web. Một trang web hoặc tài liệu web được viết trong HTML (HyperText Markup Language). Các trang web này có thể được xem bằng cách sử dụng bất kỳ trình duyệt web và internet nào.

Ngôn ngữ HTML được sử dụng để viết mã và chương trình để tạo trang web. Thật dễ dàng để tạo một trang web và bạn có thể tìm hiểu nó với một vài bước cơ bản được đề cập dưới đây:

Chương trình hoặc trang HTML có thể được tạo bởi nhiều trình soạn thảo HTML hoặc văn bản. Các trình chỉnh sửa này là phần mềm giúp chúng tôi viết mã của chúng tôi với giao diện người dùng dễ dàng. Hôm nay, chúng ta sẽ xem cách tạo HTML hoặc trang web bằng trình chỉnh sửa Notepad.

Trình chỉnh sửa Notepad là trình soạn thảo văn bản tích hợp trong máy tính Windows. Bạn cũng có thể tìm thấy các biên tập viên tương tự trong hệ điều hành MAC và Linux.

Có nhiều trình soạn thảo hoặc phần mềm HTML nâng cao cũng có sẵn. Tuy nhiên, chúng tôi sẽ khuyên bạn nên sử dụng trình soạn thảo mặc định và đơn giản như Notepad cho người mới bắt đầu. Đó luôn là một cách tốt để bắt đầu học HTML.

Tạo một trang HTML đơn giản bằng trình soạn thảo Notepad

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

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

Windows 8 trở lên: Mở màn hình bắt đầu và tìm kiếm (Nhập Notepad)
Open the Start Screen and Search (Type Notepad)

Windows 7 hoặc Windows trước: ________ 10

<title>My Websitetitle>

Bước 2: Tạo một tài liệu mới

Chuyển đến menu Notepad: ________ 11

Một tài liệu trống mới sẽ được mở và bạn có thể bắt đầu viết chương trình HTML đầu tiên của mình tại đây.

Bước 3: Viết một số mã hoặc chương trình HTML

Viết một số mã HTML. Nếu bạn chưa biết về HTML, hãy đọc một vài chương trong phần Hướng dẫn HTML.

Viết mã HTML của riêng bạn hoặc chỉ cần sao chép chương trình HTML đơn giản sau vào tài liệu Notepad.

 
My First Heading
 
My first paragraph.
 

Bước 4: Lưu trang HTML

Chuyển đến menu Notepad:

<title>My Websitetitle>

Nó sẽ yêu cầu bạn lưu tệp trên máy tính của bạn. Đặt tên cho phần mở rộng .html và lưu nó (ví dụ: chương trình.html)

Lưu ý: Trang HTML nên được lưu với

<title>My Websitetitle>

<title>My Websitetitle>

Bước 5: Xem trang HTML bằng trình duyệt

Trình duyệt web là các chương trình hoặc phần mềm được sử dụng để xem các trang web/trang web. Bạn có thể tìm thấy internet được khám phá theo mặc định nếu sử dụng máy tính Windows. Bạn cũng có thể tải xuống các trình duyệt web phổ biến khác như Google Chrome hoặc Firefox. Sử dụng bất kỳ trong số họ.

Bây giờ chỉ cần, hãy mở tệp HTML đã lưu trong bất kỳ trình duyệt nào: Nhấp đúp chuột vào tệp hoặc nhấp chuột phải vào tệp và chọn Mở mở với tùy chọn để chọn trình duyệt khác.
Double click on the file or right-click on the file and choose “Open with” option to select other browser.

Tệp HTML của bạn sẽ được mở trong trình duyệt web và nó sẽ hiển thị đầu ra dựa trên chương trình HTML của bạn.

Xin chúc mừng nếu bạn có thể chạy chương trình HTML đầu tiên của mình.

Bây giờ bạn có thể tìm hiểu thêm về các thẻ HTML và tạo thêm các trang web HTML. Sử dụng các trang HTML này, bạn cũng có thể dễ dàng tạo trang web của riêng mình.

Tìm hiểu thêm về các chủ đề tương tự:

Tải xuống bài viết

Dễ dàng tạo một trang web với phần mềm đã được cài đặt trên máy tính của bạn

Tải xuống bài viết

• Dễ dàng tạo một trang web với phần mềm đã được cài đặt trên máy tính của bạn
Tạo một tài liệu
• |
Tạo một tài liệu
• |
Tạo một tài liệu
• |
Tạo một tài liệu
• |

Thêm mã cấu trúc

Chèn các yếu tố trang

• Kiểm tra trang của bạn
• Mẫu tài liệu HTML
• Bạn có muốn học thiết kế web? Bạn không cần phần mềm chỉnh sửa ưa thích để bắt đầu tạo một trang web. Bạn có thể tạo các trang web bằng Notepad, được cài đặt sẵn trên máy tính Windows của bạn. 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. Sau đó, tất cả những gì bạn cần làm là lưu tệp dưới dạng tài liệu HTML. HTML rất dễ học, ngay cả khi bạn không có kỹ năng lập trình. Bài viết Wikihow này dạy bạn cách tạo một trang web đơn giản bằng Notepad.

1. 1

   Những điều bạn nên biết

   
   HTML là ngôn ngữ chính được sử dụng trong thiết kế web. Click the Windows logo in the bottom-left corner of the screen. The Start menu will pop up.

2. 2

   Bạn có thể dễ dàng 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. Type in notepad to do so. You should see a list of matching results appear near the top of the Start menu.

   Đừng quên lưu tệp dưới dạng tài liệu HTML (.html).

3. 3

   Mở bắt đầuNotepad. 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 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.File. This is in the top-left corner of the Notepad window. Clicking it prompts a drop-down menu.

5. 5

   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.Save As…. It's in the drop-down menu. The Save As window will open.

6. 6

   Quảng cáo 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 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.All Files. It's in the drop-down menu. This will allow you to save your file as an HTML document.

8. 8

   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. Click the name of the folder in which you want to save your document on the left side of the window.

   • 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ở.Desktop in the left-hand sidebar.

9. 9

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

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

10. 10

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

    • 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.Edit in the resulting drop-down menu.

Đừng quên lưu tệp dưới dạng tài liệu HTML (.html).

1. 1

   Mở bắt đầu 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 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. 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 .

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

3. 3

   Quảng cáo 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 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. 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

   Biết rằng tất cả các yếu tố trang web của bạn đi giữa các thẻ "cơ thể". Bất kỳ yếu tố nào, đó là một tiêu đề hoặc một đoạn văn có thể được viết sau thẻ "" và trước thẻ "". Any element—be it a heading or a paragraph—needs to be written after the "" tag and before the "" tag.

2. 2

   Thêm tiêu đề chính của trang web của bạn. Nhập vào giữa các thẻ "cơ thể", sau đó nhập bất cứ điều gì bạn muốn tiêu đề chính của trang web của bạn nằm ở giữa các thẻ "". Ví dụ: để tạo một trang với tiêu đề "Chào mừng", bạn sẽ thêm những điều sau: 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:
   • Bạn có thể sử dụng thẻ "" thông qua "" để tạo văn bản tiêu đề nhỏ hơn. "" là văn bản tiêu đề lớn nhất và "" là văn bản tiêu đề nhỏ nhất.

3. 3

   Thêm văn bản đoạn vào trang. Nhập vào các thẻ đoạn văn, là "", và sau đó nhập bất cứ thứ gì bạn muốn sử dụng làm văn bản đoạn văn của bạn ở giữa các thẻ. Kết quả cuối cùng của bạn sẽ trông giống như thế này: 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

   Buộc một đoạn văn phá vỡ. Nếu bạn muốn thêm khoảng trắng bổ sung giữa các đoạn văn hoặc tiêu đề, hãy nhập sau thẻ đóng của dòng. Ví dụ: để tạo một đường ngắt sau một đoạn văn, bạn nên kết thúc với một cái gì đó như thế này: 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

   7

   Thêm một liên kết đến trang web của bạn. Liên kết là một khía cạnh quan trọng của phát triển web. Họ cho phép người dùng điều hướng từ trang web này sang trang khác. Để thêm một liên kết, bạn cần có địa chỉ web cho trang web bạn muốn liên kết đến. Loại khung ở cuối. Sau đó, ngay sau đó, nhập văn bản bạn muốn liên kết nói theo sau là thẻ đóng, đó là. Sau đây là một ví dụ về cách thêm liên kết vào trang web của bạn: Links are a crucial aspect of web development. They allow users to navigate from one web page to another. To add a link, you need to have the web address for the web page you want to link to. Type bracket at the end. Then immediately after, type the text you want the link to say followed by the closing tag, which is . The following is an example of how to add a link to your web page:

   <a href="https://www.mywebsite.me/ipage2">Next Pagea>
   

   • Bạn cũng có thể thêm một liên kết vào một địa chỉ email hoặc sử dụng hình ảnh làm liên kết, thay vì văn bản.

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

   Biết rằng tất cả các yếu tố trang web của bạn đi giữa các thẻ "cơ thể". Bất kỳ yếu tố nào, đó là một tiêu đề hoặc một đoạn văn có thể được viết sau thẻ "" và trước thẻ "". 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

   Thêm tiêu đề chính của trang web của bạn. Nhập vào giữa các thẻ "cơ thể", sau đó nhập bất cứ điều gì bạn muốn tiêu đề chính của trang web của bạn nằm ở giữa các thẻ "". Ví dụ: để tạo một trang với tiêu đề "Chào mừng", bạn sẽ thêm những điều sau: Navigate to where you saved your HTML document, and right-click it. A drop-down menu will appear.

3. 3

   Bạn có thể sử dụng thẻ "" thông qua "" để tạo văn bản tiêu đề nhỏ hơn. "" là văn bản tiêu đề lớn nhất và "" là văn bản tiêu đề nhỏ nhất.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

   Thêm văn bản đoạn vào trang. Nhập vào các thẻ đoạn văn, là "", và sau đó nhập bất cứ thứ gì bạn muốn sử dụng làm văn bản đoạn văn của bạn ở giữa các thẻ. Kết quả cuối cùng của bạn sẽ trông giống như thế này: 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

Biết rằng tất cả các yếu tố trang web của bạn đi giữa các thẻ "cơ thể". Bất kỳ yếu tố nào, đó là một tiêu đề hoặc một đoạn văn có thể được viết sau thẻ "" và trước thẻ "".

Thêm tiêu đề chính của trang web của bạn. Nhập vào giữa các thẻ "cơ thể", sau đó nhập bất cứ điều gì bạn muốn tiêu đề chính của trang web của bạn nằm ở giữa các thẻ "". Ví dụ: để tạo một trang với tiêu đề "Chào mừng", bạn sẽ thêm những điều sau:

• Bạn có thể sử dụng thẻ "" thông qua "" để tạo văn bản tiêu đề nhỏ hơn. "" là văn bản tiêu đề lớn nhất và "" là văn bản tiêu đề nhỏ nhất.

  Thêm văn bản đoạn vào trang. Nhập vào các thẻ đoạn văn, là "", và sau đó nhập bất cứ thứ gì bạn muốn sử dụng làm văn bản đoạn văn của bạn ở giữa các thẻ. Kết quả cuối cùng của bạn sẽ trông giống như thế này:

  Buộc một đoạn văn phá vỡ. Nếu bạn muốn thêm khoảng trắng bổ sung giữa các đoạn văn hoặc tiêu đề, hãy nhập sau thẻ đóng của dòng. Ví dụ: để tạo một đường ngắt sau một đoạn văn, bạn nên kết thúc với một cái gì đó như thế này:

• Bạn có thể sử dụng thẻ "" thông qua "" để tạo văn bản tiêu đề nhỏ hơn. "" là văn bản tiêu đề lớn nhất và "" là văn bản tiêu đề nhỏ nhất.

  Thêm văn bản đoạn vào trang. Nhập vào các thẻ đoạn văn, là "", và sau đó nhập bất cứ thứ gì bạn muốn sử dụng làm văn bản đoạn văn của bạn ở giữa các thẻ. Kết quả cuối cùng của bạn sẽ trông giống như thế này:

  Buộc một đoạn văn phá vỡ. Nếu bạn muốn thêm khoảng trắng bổ sung giữa các đoạn văn hoặc tiêu đề, hãy nhập sau thẻ đóng của dòng. Ví dụ: để tạo một đường ngắt sau một đoạn văn, bạn nên kết thúc với một cái gì đó như thế này:

• Bạn có thể sử dụng thẻ "" thông qua "" để tạo văn bản tiêu đề nhỏ hơn. "" là văn bản tiêu đề lớn nhất và "" là văn bản tiêu đề nhỏ nhất.

  Thêm văn bản đoạn vào trang. Nhập vào các thẻ đoạn văn, là "", và sau đó nhập bất cứ thứ gì bạn muốn sử dụng làm văn bản đoạn văn của bạn ở giữa các thẻ. Kết quả cuối cùng của bạn sẽ trông giống như thế này:

  Buộc một đoạn văn phá vỡ. Nếu bạn muốn thêm khoảng trắng bổ sung giữa các đoạn văn hoặc tiêu đề, hãy nhập sau thẻ đóng của dòng. Ví dụ: để tạo một đường ngắt sau một đoạn văn, bạn nên kết thúc với một cái gì đó như thế này:

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.

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:

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:

Nếu hình ảnh không trực tuyến, nhưng được lưu vào máy tính của bạn, bạn có thể sử dụng vị trí được lưu vào thay vì địa chỉ web. Ví dụ,

Thêm một liên kết đến trang web của bạn. Liên kết là một khía cạnh quan trọng của phát triển web. Họ cho phép người dùng điều hướng từ trang web này sang trang khác. Để thêm một liên kết, bạn cần có địa chỉ web cho trang web bạn muốn liên kết đến. Loại khung ở cuối. Sau đó, ngay sau đó, nhập văn bản bạn muốn liên kết nói theo sau là thẻ đóng, đó là. Sau đây là một ví dụ về cách thêm liên kết vào trang web của bạn:

Bạn cũng có thể thêm một liên kết vào một địa chỉ email hoặc sử dụng hình ảnh làm liên kết, thay vì văn bản.

Về bài viết này

Cảm ơn tất cả các tác giả đã tạo ra một trang đã được đọc 1.415.339 lần.

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

Làm cách nào để mã hóa một trang web đơn giản bằng Notepad?

Làm thế nào để bạn mã HTML trong notepad?

Làm thế nào để bạn tạo một trang web bằng mã HTML?

Tôi có thể tạo một trang web bằng HTML không?