Viết chương trình HTML đầu tiên bài 2 Người đăng: Chiến Thần Ngày: 10052016 Mục đích của bài này là để bạn hiểu được nó là cái gì và nó chạy như thế nào. Chúng ta sẽ xây dựng chương trình HTML đầu tiên. Chương trình này hết sức đơn giản và dễ làm. Bắt đầu nhé. Học HTML – Viết chương trình HTML đầu tiên Bài toán đặt ra: Yêu cầu in ra màn hình dòng chữ Chào mừng bạn đến với HTML Tổng quan: Tạo ra 1 file .html rồi viết nội dung vào đó. Nội dung gì cũng được. Ví dụ Chào mừng bạn đến với HTML > Lưu lại > Mở file .html bằng trình duyệt bất kỳ 1. Các bước thực hiện chi tiết để bạn dễ hiểu hơn Bước 1: Ra màn hình tạo 1 thư mục bất kỳ. Ví dụ là thư mục web chẳng hạn Học HTML – Chương trình HTML đầu tiên Bước 2: vào thư mục web tạo 1 file .txt Để tạo file .txt thì bạn vào thư mục web > click chuột phải vào 1 vị trị bất kỳ > chọn New > Chọn tiếp Text document. Học HTML – Chương trình HTML đầu tiên Bước 3: Đổi tên file vừa tạo thành file xinchao.html Học HTML – Chương trình HTML đầu tiên Bước 4: Click chuột phải vào file xinchao.html rồi chọn Edit with Notepad++ Học HTML – Chương trình HTML đầu tiên Bước 5: Màn hình notepad++ hiện ra Viết dòng chữ : Chào mừng bạn đến với HTML. Rồi nhấn CRTL + S để lưu lại Học HTML – Chương trình HTML đầu tiên Trong trường hợp chữ bị lỗi font khi viết vào notepad ++ thì bạn xử lý như sau: Nhìn trên cùng thanh menu chỗ Encoding, Click chuột vào đó rồi chọn dòng thứ 3 Encode in UTF – 8 –BOM. Vậy là bạn viết chữ không bị lỗi nữa rồi Bước 6: Click chuột phải vào file xinchao.html > chọn Open with > Google Chrome. Bạn có thể chọn Chrome hoặc bất cứ trình duyệt web để chạy cũng được. Có thể là Internet Explorer, Firefox, Cốc Cốc Học HTML – Chương trình HTML đầu tiên Bước 7: Xem thành quả Học HTML – Chương trình HTML đầu tiên Vậy là bạn đã có chương trình đầu tiên với HTML rồi đấy. 2. Chúng ta rút ra được gì từ ví dụ này Để chỉnh sửa nội dung HTML in ra màn hình: bạn Click chuột phải vào file rồi chọn edit with notepad++ và tiến hành chỉnh chửa. Bạn hãy sửa lại dòng chữ Chào mừng bạn đến với HTML thành 1 dòng chữ bất kỳ. Sau đó lưu lại và chạy thử xem sao. Lưu lại thì nhấn CTRL + S nhé Để chạy xem kết quả: Click chuột phải vào file rồi chọn Open with > chọn tiếp 1 trình duyệt bất kỳ(có thể là Google Chrome hoặc Firefox hoặc cốc cốc..) Chúng ta chỉ cần lưu file dạng .html là có thể chạy được trình duyệt web. Chúng ta thường có các file kiểu như .jpg là file ảnh, .doc hoặc .docx là file word.... Còn file để chúng ta học HTML thì bạn nhớ lưu dạng .html
Viết chương trình HTML [bài 2] Người đăng: Chiến Thần - Ngày: 10/05/2016 Mục đích để bạn hiểu chạy Chúng ta xây dựng chương trình HTML Chương trình đơn giản dễ làm Bắt đầu Bài toán đặt ra: u cầu in hình dòng chữ - Chào mừng bạn đến với HTML Tổng quan: Tạo file html viết nội dung vào Nội dung Ví dụ Chào mừng bạn đến với HTML -> Lưu lại -> Mở file html trình duyệt Các bước thực chi tiết để bạn dễ hiểu Bước 1: Ra hình tạo thư mục Ví dụ thư mục web chẳng hạn Bước 2: vào thư mục web tạo file txt Để tạo file txt bạn vào thư mục web -> click chuột phải vào vị trị -> chọn New -> Chọn tiếp Text document Bước 3: Đổi tên file vừa tạo thành file xinchao.html Bước 4: Click chuột phải vào file xinchao.html chọn Edit with Notepad++ Bước 5: Màn hình notepad++ Viết dòng chữ : Chào mừng bạn đến với HTML Rồi nhấn CRTL + S để lưu lại Trong trường hợp chữ bị lỗi font viết vào notepad ++ bạn xử lý sau: Nhìn menu chỗ Encoding, Click chuột vào chọn dòng thứ Encode in UTF – –BOM Vậy bạn viết chữ không bị lỗi Bước 6: Click chuột phải vào file xinchao.html -> chọn Open with -> Google Chrome Bạn chọn Chrome trình duyệt web để chạy Có thể Internet Explorer, Firefox, Cốc Cốc Bước 7: Xem thành Vậy bạn có chương trình với HTML Chúng ta rút từ ví dụ Để chỉnh sửa nội dung HTML in hình: bạn Click chuột phải vào file chọn edit with notepad++ tiến hành chỉnh chửa Bạn sửa lại dòng chữ Chào mừng bạn đến với HTMLthành dòng chữ Sau lưu lại chạy thử xem Lưu lại nhấn CTRL + S Để chạy xem kết quả: Click chuột phải vào file chọn Open with -> chọn tiếp trình duyệt bất kỳ(có thể Google Chrome Firefox cốc cốc ) Chúng ta cần lưu file dạng html chạy trình duyệt web Chúng ta thường có file kiểu jpg file ảnh, doc docx file word Còn file để học HTML bạn nhớ lưu dạng html ... chọn Chrome trình duyệt web để chạy Có thể Internet Explorer, Firefox, Cốc Cốc Bước 7: Xem thành Vậy bạn có chương trình với HTML Chúng ta rút từ ví dụ Để chỉnh sửa nội dung HTML in hình:... tạo thành file xinchao .html Bước 4: Click chuột phải vào file xinchao .html chọn Edit with Notepad++ Bước 5: Màn hình notepad++ Viết dòng chữ : Chào mừng bạn đến với HTML Rồi nhấn CRTL + S... cốc ) Chúng ta cần lưu file dạng html chạy trình duyệt web Chúng ta thường có file kiểu jpg file ảnh, doc docx file word Còn file để học HTML bạn nhớ lưu dạng html