Tạo một tài liệu HTML. Làm cách nào để tạo tệp html và phải làm gì nếu văn bản được hiển thị thay vì trang HTML? tạo file html win 7
Để bắt đầu làm việc với công nghệ HTML và nghiên cứu các yếu tố cơ bản của ngôn ngữ này, chúng tôi sẽ cần một tệp đặc biệt để chúng tôi làm việc.
Hãy bắt tay vào thực tế và tạo tệp HTML đầu tiên của bạn ngay bây giờ.
Đây sẽ là “nơi thử nghiệm” mà chúng tôi sẽ lấp đầy nội dung, mở rộng và thử nghiệm.
Dành cho những ai thích video:
Phương pháp đầu tiên chúng ta xem xét để tạo tệp HTML là cách tạo tệp trong trình soạn thảo văn bản đơn giản.
Cách 1. Tạo file html trong Notepad.
Mở bất kỳ trình soạn thảo văn bản nào, chẳng hạn như trình soạn thảo Notepad đi kèm với hệ điều hành Windows. Bạn có thể tìm thấy chương trình này thông qua menu chính Start -> All Programs -> Accessories -> Notepad.
Và lưu file văn bản có đuôi *.txt.
Bây giờ bạn cần thay đổi phần mở rộng của tệp này từ *.txt thành *.html.
Nếu phần mở rộng tệp của bạn không được hiển thị, đây là một lưu ý:
Sau khi bạn làm theo hướng dẫn trong ghi chú này, phần mở rộng của tệp sẽ xuất hiện bên cạnh tên tệp.
Chúng tôi vừa tạo tệp HTML đầu tiên mà chúng tôi có thể điền nội dung vào.
Tương tự, một tệp html được tạo bằng chương trình Notepad++.
Tuy nhiên, sử dụng phương pháp này không phải lúc nào cũng thuận tiện và như bạn có thể thấy, đây không phải là cách nhanh nhất để tạo tệp html. Có những chương trình có thể giải quyết vấn đề này nhanh hơn nhiều.
Một trong những chương trình như vậy là trình soạn thảo mã phổ quát Dreamweaver (tôi đã viết về chương trình này).
Phương pháp 2: Tạo tệp HTML trong trình soạn thảo mã phổ quát Dreamweaver.
Sau khi tải chương trình, cửa sổ chào mừng sau sẽ xuất hiện:
Tất cả những gì bạn cần làm là chọn tệp HTML trong cửa sổ này, trong phần “Tạo”.
Sau đó, tập tin sẽ được tạo thành công. Hơn nữa, xin lưu ý rằng chương trình đã tự động thêm một số mã.
Đây là mã bắt buộc phải có trên trang web, chúng ta sẽ nói về nó sau. Dreamweaver tự động thêm mã này, giúp chúng tôi tiết kiệm thời gian.
Bây giờ, để tệp này xuất hiện trên ổ cứng, bạn cần lưu nó. Việc này được thực hiện thông qua menu “Tệp – Lưu dưới dạng…”
Hãy đảm bảo rằng khi lưu, bạn không vô tình xóa phần mở rộng html được gán cho tệp.
Tương tự, bạn có thể tạo một tệp HTML trong các chương trình khác, tôi chỉ muốn trình bày ý nghĩa chung về cách thực hiện việc này.
Bài tập về nhà
Ngay bây giờ, hãy tạo một tệp HTML bằng bất kỳ phương pháp nào được mô tả ở trên. Điều rất quan trọng là phải học cách làm điều này ngay bây giờ, bởi vì... Tất cả các bài học tiếp theo sẽ dựa trên thực tế là bạn đã có tập tin này.
Bạn đã nghe nói về html chưa? Hoặc có thể bạn đã nghe nói về các trang html trên Internet? Trên thực tế, nó đơn giản. Nói một cách đơn giản, HTML là một trong những ngôn ngữ lập trình và không phải là ngôn ngữ phức tạp nhất trong số đó.
HTML là viết tắt của HyperText Markup Language, tạm dịch là ngôn ngữ đánh dấu siêu văn bản.
Nội dung:
HTML được sử dụng để làm cho các trang trên Internet trông giống hệt như những gì bạn biết:
- văn bản được thiết kế đẹp mắt,
- in đậm hoặc in nghiêng,
- chỉ có màu đen hoặc nhiều màu,
- với các liên kết hoạt động đến các trang khác của trang web hoặc blog,
- với video, âm thanh và nhiều tính năng thú vị khác.
Về cơ bản, html là mặt sau của trang của nhiều trang web. Thường thì thiết kế đẹp mắt của họ được tạo ra bằng ngôn ngữ đánh dấu HTML. Mặt khác, điều này còn được gọi là tạo trang bằng cách sử dụng bố cục html.
Trang web cũng có thể được tạo bằng các ngôn ngữ lập trình khác, ví dụ: PHP.
Nhà khoa học người Anh Tim Berners Lee đã phát triển ngôn ngữ HTML vào năm 1986-1991 tại Thụy Sĩ. Về cơ bản, html cho phép bạn tạo các tài liệu đơn giản nhưng đẹp mắt. Sau đó, các khả năng đa phương tiện (video, v.v.) và hỗ trợ làm việc với siêu văn bản (để tạo siêu liên kết) đã được thêm vào html.
Các chương trình trình duyệt nổi tiếng được tạo ra để hoạt động với HTML, chẳng hạn như:
- Mozilla Firefox (Mozilla Firefox),
- Internet Explorer (Internet Explorer),
- Google Chrome (Google Chrome),
- Opera (Opera),
- trình duyệt Yandex,
- Safari và
- khác.
Ban đầu, chức năng chính của trình duyệt là giải thích chính xác mã HTML và hiển thị kết quả trực quan trên màn hình điều khiển của người dùng.
Trang html là gì?
Tài liệu, tập tin, trang tạo bằng ngôn ngữ html có phần mở rộng là .html hoặc .htm. Ví dụ: một trang html (hoặc tệp html hoặc tài liệu html) có thể có tên như:
- kiểm tra.html,
- html,
- html hoặc
- tiêu đề.html.
Nói đúng ra, test.html là tên tệp (hoặc tên trang), trong đó
- test là tên tệp và
- .html là phần mở rộng tên tệp (hoặc phần mở rộng tên trang) thường được gọi đơn giản là "phần mở rộng".
Ngày nay, từ “định dạng” đã trở thành một lựa chọn phổ biến hơn thay vì từ “phần mở rộng”. Do đó, cụm từ “định dạng html” có nghĩa là tệp (hoặc trang) được viết bằng ngôn ngữ html và tên của tệp đó có phần mở rộng là html. Có nghĩa,
tệp có tên test.html có định dạng html.
Hệ điều hành Windows ẩn phần mở rộng tệp (nghĩa là định dạng tệp) theo mặc định. Các lập trình viên đã làm điều này “không phải vì ác ý” mà để bảo vệ người dùng khỏi việc thay đổi phần mở rộng tệp một cách thiếu suy nghĩ. Bạn có thể mở phần mở rộng tệp theo mặc định. Trong Windows 7 để thực hiện việc này:
- bấm vào nút Bắt đầu,
- mở Bảng điều khiển,
- tìm Tùy chọn thư mục,
- mở tab Xem, cuộn xuống phía dưới cùng và
- bỏ chọn hộp bên cạnh tùy chọn “Ẩn phần mở rộng cho các loại tệp đã biết”,
- Nhấp vào "OK".
Cơm. 1. Mở tất cả các phần mở rộng tập tin Bây giờ nếu bạn nhìn lên và nhìn vào thanh địa chỉ của trình duyệt, bạn sẽ thấy ở đó tên của trang bạn đang đọc và ở cuối tên có .html. Đây là một ví dụ về một trang blog html được đăng trên Internet. Thông thường một blog (trang web) có nhiều trang html. Ví dụ: mỗi bài viết trên blog này là một trang html riêng biệt.
Ngoài ra còn có các trang một trang trên Internet, chỉ bao gồm một trang html. Ví dụ nó có thể là
- Danh thiếp Internet của một người hoặc công ty, hoặc
- một trang bán sản phẩm hoặc dịch vụ qua Internet.
Ngôn ngữ HTML không ngừng phát triển và ngày nay có một số phiên bản của nó, bắt đầu từ HTML 2.0 vào ngày 22 tháng 9 năm 1995 và kết thúc bằng phiên bản HTML 5 mới nhất vào ngày 28 tháng 10 năm 2014. HTML 5.1 dự kiến phát hành vào tháng 9 năm 2016.
Thẻ HTML là gì?
HTML là ngôn ngữ để đánh dấu tài liệu bằng thẻ. Thẻ được đặt trong dấu ngoặc tam giác “< >" Thẻ có thể được ghép nối hoặc không ghép nối.
- Ví dụ: thẻ “b” được đặt trong dấu ngoặc tam giác làm cho văn bản được in đậm
văn bản in đậm
Kết quả sẽ như thế này: văn bản in đậm
- Và thẻ “i” làm cho văn bản in nghiêng.
văn bản in nghiêng
Kết quả là chúng tôi nhận được: văn bản in nghiêng
- Ngoài ra còn có thẻ để ngắt chuỗi “br”.
- Sử dụng thẻ “a href”, siêu liên kết sẽ được đánh dấu.
- Thẻ cho tiêu đề tài liệu – . Đây là thẻ mở tài liệu. Nó được ghép nối theo nghĩa là nó yêu cầu thẻ đóng có dấu gạch chéo.
- Sau tiêu đề là phần chính, nằm giữa thẻ mở và thẻ đóng. Thẻ này cũng giống như thẻ head, là một cặp: bạn cần mở nó ra và nhớ đóng lại.
Trong các thẻ được ghép nối, thẻ đóng có dấu gạch chéo là cần thiết vì nó hủy (chính xác hơn là hoàn thành chính xác) hành động của thẻ mở.
Có rất nhiều thẻ HTML và bạn có thể dễ dàng tìm thấy các hướng dẫn HTML trên Internet.
Cách tạo một tập tin html
Rất dễ dàng để tạo một trang html (hoặc tệp html) trên máy tính của bạn và chạy tác phẩm của bạn trong trình duyệt.
1) Mở Notepad (trình soạn thảo văn bản đơn giản đi kèm với Windows). Bạn có thể tìm thấy nó trên máy tính bằng cách nhập truy vấn: Notepad vào thanh Tìm kiếm.
2) Sao chép và dán đoạn văn bản sau vào Notepad:
Xin chào! Đây là trang HTML đầu tiên của tôi.
Dòng thứ hai, hoan hô!
3) Một điểm quan trọng, nếu không có điểm này thì tệp html sẽ không hoạt động: trong Notepad, chúng tôi lưu tệp hoàn toàn (!) ở định dạng html, như trong ảnh chụp màn hình. Để đơn giản, bạn có thể lưu file vào Desktop trên máy tính.
Cơm. 2. Chú ý File Type và lưu file ở định dạng html 1 trong hình. 2 – Nhấp vào “Máy tính để bàn” để lưu tệp html ở đó.
2 trong hình. 3 – Mở menu thả xuống đối diện “Loại tệp”.
3 – Trong menu này, chọn “Tất cả các tập tin”.
4 – nhập bất kỳ tên nào (tôi có 001) và sau dấu chấm, hãy chắc chắn (!) nhập html.
5 trong hình. 2 – nhấp vào “Lưu”.
4) Trên Desktop chúng ta tìm thấy file 001.html:
Cơm. 3. File Html trên DesktopTrình duyệt mặc định của tôi là Google Chrome nên biểu tượng tệp trông giống biểu tượng của trình duyệt này. Nếu có trình duyệt mặc định khác, tệp 001.html sẽ có biểu tượng khác.
Chúng tôi nhấp chuột vào tệp (Hình 3) 2 lần và kết quả là chúng tôi thấy trang đầu tiên của mình bằng html trong trình duyệt:
Cơm. 4. Kiểm tra trang html trông như thế nào trên trình duyệt Vì vậy, chúng ta có một trang html cục bộ theo nghĩa là nó chỉ có thể truy cập được từ máy tính cục bộ của bạn. Để người khác có thể truy cập trang, nó phải được tải lên Internet. Chính xác hơn là đặt nó ở vị trí luôn sẵn sàng: 24/7/365 (24 giờ một ngày, 7 ngày một tuần, quanh năm). Sau đó, mọi người dùng Internet sẽ có thể xem một trang như vậy.
Vì vậy, html là một ngôn ngữ khá thú vị và nếu trong tương lai bạn nghĩ đến việc tạo và duy trì trang web hoặc blog của riêng mình, thì bạn nên biết ít nhất bộ thẻ tối thiểu được sử dụng trong ngôn ngữ html.
Chào hỏi những người bạn. Hôm nay chúng ta sẽ quay lại HTML, nhưng chúng ta sẽ không tiếp tục nghiên cứu nó mà sẽ quay lại từ đầu, để sau này không ai còn thắc mắc hay gặp khó khăn gì nữa. Cách tạo tệp HTML? Đây chính xác là câu hỏi phổ biến nhất của những người mới sử dụng. Và từ đây một câu hỏi khác thường được đặt ra: “ Phải làm gì nếu thay vì trang HTML, chỉ hiển thị văn bản? Và để giải quyết những câu hỏi như vậy ngay từ giai đoạn đầu, bài viết này đã được viết.
Những vấn đề này thường phát sinh không phải do bản thân người dùng mà do hệ điều hành được sử dụng trên máy tính. Hệ điều hành có liên quan gì đến nó? Vấn đề là theo mặc định, các hệ điều hành Windows, đặc biệt là XP và 7, ẩn các phần mở rộng tệp. Đây là nơi phát sinh vấn đề khi tạo tệp và gán cho chúng định dạng chính xác.
Tôi sẽ giải thích việc sử dụng Windows XP và Windows 7 làm ví dụ vì tôi chưa sử dụng các phiên bản khác và không biết có những gì và như thế nào.
Vì vậy, trước tiên, hãy kích hoạt hiển thị phần mở rộng của tệp.
Nếu sử dụng Windows XP:
Mở “Máy tính của tôi”
Đi tới “Công cụ” và chọn “Tùy chọn thư mục”.
Sau đó, trong cửa sổ mở ra, hãy chọn tab “Xem”.
Nhấp vào “Áp dụng” và “OK”.
Nếu sử dụng Windows 7:
Mở "Máy tính"
Nhấp vào “Sắp xếp” và chọn “Tùy chọn thư mục và tìm kiếm” từ danh sách
Trong cửa sổ mở ra, chọn tab “Xem”.
Tìm mục “Ẩn phần mở rộng cho các loại tệp đã đăng ký” và bỏ chọn hộp.
Nhấp vào “Áp dụng” và “OK”.
Bây giờ, nếu mọi thứ được thực hiện chính xác, phần mở rộng của tệp sẽ được thêm vào cuối tên tệp, chẳng hạn như: .txt, .html, v.v. Điều này sẽ giúp việc điều hướng định dạng tệp thuận tiện hơn nhiều.
Hãy chuyển sang giải quyết các câu hỏi được đặt ra.
Làm cách nào để tạo một tệp html?
Ở đây, mọi thứ thực sự đơn giản đến mức khó tin. Có một số tùy chọn, tùy thuộc vào công cụ chúng tôi sử dụng.
Nếu sử dụng NotePad++:
Đầu tiên, tôi muốn lưu ý rằng đây là tùy chọn tối ưu và thuận tiện nhất để viết html, css và php. Tôi đã nói với bạn nhiều hơn về chương trình.
Sau khi mở chương trình, tạo một tài liệu mới.
Chúng tôi chọn cú pháp thích hợp để đánh dấu mã, giúp việc viết mã trở nên rất dễ dàng.
Sau đó, chúng tôi lưu.
Vì vậy, bạn có thể tạo tệp html bằng cách sử dụng .
Nếu sử dụng notepad:
Tôi sẽ nói ngay rằng đây không phải là lựa chọn tốt nhất vào lúc này. Nhưng tôi vẫn không thể bỏ lỡ phương pháp này.
Tạo một tài liệu văn bản mới.
Chúng tôi viết mã HTML.
Chúng tôi lưu tài liệu như cũ. (Ở định dạng txt.)
Và đổi tên tài liệu. Trong trường hợp này, điều chính là thay đổi không phải tên của tài liệu mà là phần mở rộng của nó. Tức là thay thế txt bằng html. Sau đó, nhấn “Enter”. Một cảnh báo sẽ bật lên khi chúng ta nhấp vào nút “CÓ”.
Đây là cách chúng tôi tạo một tệp ở định dạng html bằng notepad.
Trong trường áp dụng một trong các tùy chọn tạo, hãy mở tệp trong trình duyệt web bằng cách nhấp đúp chuột. Và hãy xem chúng ta có gì.
Hơn nữa, nếu mọi thứ được thực hiện chính xác, tệp sẽ mở trong trình duyệt web chứ không phải trong Notepad.
Tôi nên làm gì nếu văn bản được hiển thị thay vì trang HTML?
Nếu vì lý do nào đó, thay vì mở trong trình duyệt, tệp sẽ mở trong Notepad dưới dạng văn bản, tức là mã mà chúng tôi đã viết. Trong trường hợp này, bạn cần quay lại phần đầu bài viết và tắt tính năng ẩn phần mở rộng tệp.
Ví dụ: có thể xảy ra trường hợp chúng tôi viết mã trong NotePad và lưu nó ở định dạng HTML, nhưng nó lại cố tình giả vờ là một tài liệu văn bản. Thực tế là nếu chúng ta không bỏ chọn hộp đã được thảo luận ở đầu bài viết, chúng ta sẽ không thấy phần mở rộng tệp của chúng ta không phải là (name.html), mà là (name.html.txt). Về bản chất, tệp vẫn là một tài liệu văn bản thông thường, do đó có vấn đề.
Nghĩa là, như bạn đã đoán, để giải quyết nó, bạn cần đổi tên tệp từ (file.html.txt) thành (file.html).
Sau thao tác này, tệp sẽ mở trong trình duyệt chứ không phải trong trình soạn thảo văn bản dưới dạng văn bản.
Đó là tất cả đối với tôi. Tôi hy vọng bài viết này sẽ giúp bạn thoát khỏi những câu hỏi có thể nảy sinh khi mới bắt đầu học html hoặc css.
Và điều gì sẽ xảy ra nếu thay vì một trang HTML, chỉ có văn bản được hiển thị?
Những vấn đề này thường phát sinh không phải do bản thân người dùng mà do hệ điều hành được sử dụng trên máy tính. Hệ điều hành có liên quan gì đến nó? Vấn đề là theo mặc định, các hệ điều hành Windows, đặc biệt là XP và 7, ẩn các phần mở rộng tệp. Đây là nơi phát sinh vấn đề khi tạo tệp và gán cho chúng định dạng chính xác.
Tôi sẽ giải thích việc sử dụng Windows XP và Windows 7 làm ví dụ vì tôi chưa sử dụng các phiên bản khác và không biết có những gì và như thế nào.
Vì vậy, trước tiên, hãy kích hoạt hiển thị phần mở rộng của tệp.
Nếu sử dụng Windows XP:
Nếu sử dụng Windows 7:
Bây giờ, nếu mọi thứ được thực hiện chính xác, phần mở rộng của tệp sẽ được thêm vào cuối tên tệp, chẳng hạn như: .txt, .html, v.v. Điều này sẽ giúp việc điều hướng định dạng tệp thuận tiện hơn nhiều. Hãy chuyển sang giải quyết các câu hỏi được đặt ra.
Làm cách nào để tạo một tệp html?
Ở đây, mọi thứ thực sự đơn giản đến mức khó tin. Có một số tùy chọn, tùy thuộc vào công cụ chúng tôi sử dụng.
Nếu sử dụng NotePad++:
Đầu tiên, tôi muốn lưu ý rằng đây là tùy chọn tối ưu và thuận tiện nhất để viết html, css và php.
Do đó, bạn có thể tạo tệp html bằng trình soạn thảo văn bản NotePad. Nếu sử dụng notepad:
Tôi sẽ nói ngay rằng đây không phải là lựa chọn tốt nhất vào lúc này. Nhưng tôi vẫn không thể bỏ lỡ phương pháp này.
Đây là cách chúng tôi tạo một tệp ở định dạng html bằng notepad.
Trong trường áp dụng một trong các tùy chọn tạo, hãy mở tệp trong trình duyệt web bằng cách nhấp đúp chuột. Và hãy xem chúng ta có gì.
Hơn nữa, nếu mọi thứ được thực hiện chính xác, tệp sẽ mở trong trình duyệt web chứ không phải trong Notepad.
Tôi nên làm gì nếu văn bản được hiển thị thay vì trang HTML?
Nếu vì lý do nào đó, thay vì mở trong trình duyệt, tệp sẽ mở trong Notepad dưới dạng văn bản, tức là mã mà chúng tôi đã viết. Trong trường hợp này, bạn cần quay lại phần đầu bài viết và tắt tính năng ẩn phần mở rộng tệp.
Ví dụ: có thể xảy ra trường hợp chúng tôi viết mã trong NotePad và lưu nó ở định dạng HTML, nhưng nó lại cố tình giả vờ là một tài liệu văn bản. Thực tế là nếu chúng ta không bỏ chọn hộp đã được thảo luận ở đầu bài viết, chúng ta sẽ không thấy phần mở rộng tệp của chúng ta không phải là (name.html), mà là (name.html.txt). Về bản chất, tệp vẫn là một tài liệu văn bản thông thường, do đó có vấn đề.
Nghĩa là, như bạn đã đoán, để giải quyết nó, bạn cần đổi tên tệp từ (file.html.txt) thành (file.html).
Sau thao tác này, tệp sẽ mở trong trình duyệt chứ không phải trong trình soạn thảo văn bản dưới dạng văn bản.
