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. Show
Tìm hiểu HTML bằng Notepad hoặc TexteditCá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ố HTMLViế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 HTMLLư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ạnMở 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 SpacesBước 3: Lưu trang HTMLfree website builder, called W3schools Spaces: HTML là xương sống của tất cả các trang web trên web. & NBSP; HTML được sử dụng để tạo cấu trúc cơ bản của một trang web và hiển thị UI mong muốn của trang. Vì đây là nền tảng của bất kỳ trang web nào, nên việc kiểm tra mã HTML trở nên quan trọng trong trình duyệt thông thường cùng với các kịch bản kiểm tra trình duyệt chéo. Cách nhanh nhất là kiểm tra nó trên trình duyệt, vì vậy, hãy để xem xét cách thực hiện điều này và cũng cách kiểm tra mã HTML trên các kết hợp trình duyệt thiết bị thực. Tầm quan trọng của việc kiểm tra mã HTML trong trình duyệtNgười ta có thể tự hỏi tại sao nó sẽ được yêu cầu kiểm tra mã trong trình duyệt. Để làm rõ, việc kiểm tra mã HTML trong trình duyệt đề cập đến việc kiểm tra các thay đổi nhỏ trong mã. Ví dụ: kiểm tra xem CSS cho khả năng tương thích của trình duyệt chéo có được áp dụng một cách thích hợp hoặc thao tác một phần tử trong HTML để kiểm tra hành vi của nó.CSS for cross browser compatibility is being appropriately applied or manipulating an element in HTML to check its behavior. Dev Tools cho phép các nhà phát triển kiểm tra mã HTML, kiểm tra thời gian tải của tài sản, lưu trữ dữ liệu và nhiều hơn nữa.
Các công cụ Dev có sẵn trong mọi trình duyệt và có các tính năng tương tự. Nó thậm chí sẽ bị sưng lên nếu có một nền tảng để thực hiện thử nghiệm trình duyệt chéo. Browserstack là cơ sở hạ tầng đám mây hàng đầu trong ngành cho phép người dùng kiểm tra các ứng dụng của họ trên các thiết bị, trình duyệt và hệ điều hành. Nó cũng có các công cụ Dev tích hợp, nơi người dùng có thể kiểm tra mã HTML của họ trên một thiết bị thực trong bất kỳ trình duyệt nào để phát hiện bất kỳ sự cố tương thích trình duyệt chéo nào.cross-browser testing. BrowserStack is the industry-leading cloud infrastructure that allows users to test their applications across devices, browsers, and operating systems. It also has built-in Dev tools where users can test their HTML code on a real device in any browser for detecting any cross browser compatibility issues. Bạn cũng có thể thực hiện kiểm tra ngọn hải đăng trên trang web của mình bằng Công cụ Dev, mang lại cho trang web của bạn điểm tổng thể về hiệu suất, khả năng truy cập, SEO, v.v ... Đây là một chuẩn mực cho tất cả các trang web và là một công cụ rất hữu ích. Cách kiểm tra mã HTML trong trình duyệtMỗi trình duyệt đều có một tính năng tiện dụng trong đó các nhà phát triển có thể kiểm tra mã HTML trên trang trình duyệt. Hãy để xem cách
Như đã thấy ở trên, nền đã được thay đổi trong CSS và nút bây giờ có màu đen. Đây là một cách nhanh chóng để các nhà phát triển trực quan hóa và kiểm tra một số tính năng trang đơn giản nếu cần. Nó làm cho nó rất thuận tiện cho các nhà phát triển, những người sẽ phải phát triển các tính năng và sau đó triển khai chúng mỗi lần để xem nhiều thay đổi nhất. & NBSP; Với các công cụ Dev, nó nhanh hơn rất nhiều, dễ dàng hơn và có thể truy cập để kiểm tra các tính năng đó. Nếu các nhà phát triển hài lòng với các thay đổi, họ có thể phát triển chúng và cuối cùng triển khai tất cả chúng cùng một lúc. & NBSP; Đây chỉ là một trong nhiều ứng dụng của các công cụ Dev. Các nhà phát triển có thể thấy bố cục của trang, kiểm tra khả năng truy cập của trang, sửa đổi các thuộc tính và lớp cụ thể trong HTML và nhiều tính năng khác đáng để khám phá trong các công cụ Dev. Kiểm tra mã HTML bằng cách sử dụng Browerserstack LiveBrowserstack Live cho phép kiểm tra trình duyệt chéo trên các thiết bị, trình duyệt và hệ điều hành khác nhau. DEVS, QAS và người thử nghiệm có thể truy cập hơn 3000 thiết bị thực để kiểm tra. Ngoài ra, nó cũng cho phép thử nghiệm trong trình duyệt bằng cách sử dụng các công cụ Dev hợp lý hóa trang web tương thích trình duyệt chéo của bạn và các tệp HTML. & NBSP; allows cross browser testing across different devices, browsers, and operating systems. Devs, QAs, and testers can access 3000+ real devices to test on. Apart from this it also allows in-browser testing using dev tools that streamline your cross browser compatible website and HTML files. Hãy cùng tìm hiểu cách kiểm tra mã HTML trên các trang web bằng các công cụ Dev trong BrowSerstack Live.
& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; Thiết bị: Một cộng 7t One Plus 7T & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; Trình duyệt: Google Chrome: Google Chrome & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; HĐH: Android: Android Như đã thấy trong bảng điều khiển bên, có một tùy chọn gọi là Dev DevTools. & NBSP; Nó sẽ được sử dụng để kiểm tra trang và kiểm tra trang trên trình duyệt. Bây giờ các công cụ Dev đã mở, chúng tôi sẽ cố gắng sửa đổi màu nền của nút Bắt đầu nhận được mà bạn thấy trong hình dưới đây, từ màu xanh sang màu đen. Giống như bạn sẽ làm điều đó trong trình duyệt, hãy để tìm nút trong tab các phần tử và thay đổi màu nền thành màu đen, như trong hình dưới đây. Đây là cách chúng tôi có thể sửa đổi màu nút trong trình duyệt. Hãy để cố gắng làm điều tương tự trên Browserstack Live. Các bước theo sau sẽ giống hệt nhau và chúng ta có thể xem kết quả bên dưới. & NBSP; Thiết bị: Desktop (1280 × 642) Desktop(1280×642) Trình duyệt: Safari: Safari HĐH: MacOS (Big Sur) macOS(Big Sur) Các phần chỉnh sửa được thấy ở trên. Ngay cả các công cụ Safari Dev cũng có thể được sử dụng để thay đổi màu nền của nút. Có các trình duyệt khác như Edge, Firefox và Opera. Với rất nhiều lựa chọn, người dùng có thể nhanh chóng kiểm tra khả năng tương thích của trình duyệt.Safari dev tools can be used to change the background color of the button. There are other browsers like Edge, Firefox, and Opera. With so many choices, users can quickly test for cross-browser compatibility. Khi bạn đã kiểm tra xong mã của mình, bạn có thể dừng phiên của mình hoặc chọn cấu hình khác. Khi nhấp vào, STOP Session Phiên trên thanh công cụ, bạn sẽ được chuyển hướng đến bảng điều khiển để chọn và kiểm tra một kết hợp khác của mã tương thích trình duyệt chéo HTML. Tổng kết nó lên, & nbsp;
Hãy nhớ rằng trong khi bạn đang thử nghiệm mã HTML trong trình duyệt, & nbsp; Kiểm tra trình duyệt chéo là một điều tuyệt đối bắt buộc và nó phải được thực hiện trên các kết hợp trình duyệt thiết bị thực sự để kết quả chính xác. Nhóm của bạn có thể bắt đầu chạy thử nghiệm trên hơn 30 phiên bản của các trình duyệt mới nhất trên Windows và MacOS với BrowSerstack Live cho các nhóm.BrowserStack Live for Teams. Nhận kết quả nhanh hơn mà không ảnh hưởng đến độ chính xác và phát hiện các lỗi HTML và CSS trước khi người dùng thực hiện bằng cách kiểm tra phần mềm trong điều kiện người dùng thực.testing software in real user conditions. Sử dụng BrowSerstack Live |