Hướng dẫn how do you code html in notepad? - làm thế nào để bạn viết mã html trong notepad?

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: ________ 8
Open Start > Programs > Accessories > Notepad

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

Chuyển đến menu Notepad: ________ 9

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

Truy cập 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 cẩn thận với tiện ích mở rộng

<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ự:

1. 1

   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.

   
   Xem lại trang web của bạn. Nếu định dạng có vẻ tốt với bạn, bạn có thể tiếp tục và đóng Notepad. Click the Windows logo in the bottom-left corner of the screen. The Start menu will pop up.

2. 2

   Nếu bạn muốn tiếp tục chỉnh sửa tài liệu HTML của mình, hãy quay lại Notepad và thực hiện các chỉnh sửa cần thiết, đảm bảo lưu các thay đổi của bạn thường xuyên. 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 kết quả. Làm như vậy nhắc nhở Notepad để mở.Notepad. It's a blue notepad icon at the top of the list of results. Doing so prompts Notepad to open.

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. Click the "File name" text box, then type in whatever you want to name your file followed by .html.

   • 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 webpage'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 sẽ cần thêm vào Notepad cho phần còn lại của tài liệu sử dụng HTML. Nhập những thứ sau vào Notepad: The first tag you'll need to add to Notepad tells the rest of the document to use HTML. Type the following into Notepad:

2. 2

   Thêm thẻ "Đầu". Các thẻ này đánh dấu đầu và cuối của tiêu đề trang, mà bạn sẽ tạo trong bước tiếp theo. Hiện tại, chỉ cần nhập sau thẻ "", nhấn ↵ enter hai lần để để lại một khoảng trống và nhập. These tags mark the beginning and end of the page title, which you'll create in the next step. For now, just type after the "" tag, press ↵ Enter twice to leave a space, and type in .

3. 3

   Thêm tiêu đề trang vào trang web của bạn. Tiêu đề, được đặt giữa các thẻ "", đi vào khoảng trống giữa các thẻ "đầu". Tiêu đề này chỉ ra tên của trang web khi nó xuất hiện trên tab Trình duyệt. Ví dụ: để nhập tiêu đề để đặt tên cho trang web của bạn "Trang web của tôi", ví dụ, bạn sẽ nhập thông tin sau: The title, which is placed between "" tags, goes in the space between the "head" tags. This title dictates the website's name as it appears on the browser tab. To enter a header to name your website "My Website", for example, you'd enter the following:

   <title>My Websitetitle>
   

4. 4

   Thêm thẻ "cơ thể". Tất cả mã trang web của bạn sẽ đi giữa các thẻ này, sẽ nằm dưới thẻ "" ": All of your webpage's code will go between these tags, which should go below the "" tag:

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 bên dưới thẻ "" để đóng thẻ HTML. The last tag to go in your document will be a closing HTML tag to signify the end of the page. Type below the "" tag to close the HTML 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 như thế này: At this point, your document should look like this:

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

7. 7

   Lưu tài liệu của bạn. Nhấn Ctrl+s để làm như vậy. Bây giờ bạn có thể tiến hành thêm các yếu tố trang, chẳng hạn như đoạn văn và tiêu đề, vào tài liệu của bạn. Press Ctrl+S to do so. You can now proceed with adding page elements, such as paragraphs and headings, to your document.

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

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 đ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 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 lần đầu tiên thêm một lần ngắt dòng khác, do đó tạo ra một khoảng trống giữa đoạn đầu tiên của bạn và thanh thứ hai của bạn.

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) cho bất kỳ từ, câu hoặc khối văn bản nào miễn là giữa các thẻ đoạn vă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 it is between paragraph tags:

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

6. 6

   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ư thế này: While the webpage's elements may vary, your document should look something like this:

   
   <html>
   
   <head>
   <title>My Websitetitle>
   head>
   
   <body>
   
   <h2>Welcome!h2>
   <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. Nhấn Ctrl+s để làm như vậy. Đ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ó. Press Ctrl+S to do so. This will ensure that the HTML document shows the most recent version of your webpage when you open it.

2. 2

   Nhấp chuột phải vào tài liệu HTML của bạn. Một menu thả xuống sẽ xuất hiện. 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 mở ra một menu bật ra.Open with. It's in the drop-down menu. Doing so opens a pop-out menu.

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

   Xem lại trang web của bạn. Nếu định dạng có vẻ tốt với bạn, bạn có thể tiếp tục và đóng Notepad. If the formatting looks good to you, you can go ahead and close Notepad.

   • Nếu bạn muốn tiếp tục chỉnh sửa tài liệu HTML của mình, hãy quay lại Notepad và thực hiện các chỉnh sửa cần thiết, đảm bảo lưu các thay đổi của bạn thường xuyên.

Quảng cáo

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.

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

• 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

Quảng cáo

Mẫu tài liệu HTML

Quảng cáo

Mẫu tài liệu HTML

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

Câu hỏi

HTML có hoạt động trong notepad không?

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

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

Notepad ở đâu cho HTML?