Cách để Dựng máy tính bằng HTML

Tải về bản PDF
Tải về bản PDF

Bên cạnh vô số máy tính dựng sẵn, bạn còn có thể làm toán trên máy vi tính để bàn bằng cách dùng code (mã lập trình) HTML để tự dựng. Để tạo máy tính từ HTML, bạn cần học một số kiến thức cơ bản về ngôn ngữ lập trình này rồi chép code cần thiết vào trình soạn thảo văn bản và lưu nó dưới dạng HTML. Lúc này, bạn đã có thể mở tài liệu HTML trên trình duyệt yêu thích và bắt đầu sử dụng máy tính của mình. Cứ thế, bạn không chỉ làm được toán trên trình duyệt mà còn học được đôi nét cơ bản về nghệ thuật lập trình nữa đấy!

Phần 1
Phần 1 của 4:

Hiểu code của bạn

Tải về bản PDF
  1. How.com.vn Tiếng Việt: Step 1 Học chức năng của từng html.
    Code bạn dùng để tạo máy tính được cấu thành bởi nhiều mảnh cú pháp. Chúng kết hợp tạo ra nhiều yếu tố khác nhau của tài liệu. Hãy nhấp vào đây để học cách làm quen với quá trình này hoặc đọc tiếp để biết từng dòng văn bản làm gì trong phần code mà bạn sẽ dùng.
    • html: Phần cú pháp này cho phần còn lại của tài liệu biết ngôn ngữ được sử dụng là gì. Trong lập trình có rất nhiều ngôn ngữ được sử dụng và <html> cho phần tài liệu còn lại biết nó được viết bằng - chuẩn rồi đấy - html![1]
    • head: Cho tài liệu biết nội dung bên dưới chính là dữ liệu về dữ liệu, hay còn gọi là "metadata" (siêu dữ liệu). Lệnh <head> thường được dùng để định rõ yếu tố thuộc về phong cách của tài liệu, chẳng hạn như tiêu đề, đề mục, v.v. Có thể coi nó như chiếc ô bao quát toàn bộ phần còn lại của phần code. [2]
    • title: Đây là nơi mà bạn sẽ đặt tên cho tài liệu của mình. Thuộc tính này quyết định tiêu đề của tài liệu khi được mở bằng trình duyệt html.
    • body bgcolor= "#": Thuộc tính này quy định màu sắc phần nền và phần thân của đoạn code. Con số nằm trong dấu ngoặc kép, phía sau dấu # tương ứng với một màu đã định nào đó trong html
    • text= "": Từ nằm trong dấu ngoặc kép quy định màu văn bản trong tài liệu.
    • form name="": Thuộc tính này định rõ tên biểu mẫu. Nhờ có nó, Javascript sẽ xác định được biểu mẫu đang được đề cập đến là gì và áp dụng cấu trúc được dựng lên từ biểu mẫu đó. Chẳng hạn như ở đây, ta dùng biểu mẫu Calculator và nó sẽ tạo nên một cấu trúc riêng cho tài liệu. [3]
    • input type="": Đây là nơi hành động diễn ra. Thuộc tính "input type" cho tài liệu biết các giá trị trong phần còn lại của dấu ngoặc thuộc loại đầu vào nào. Đó có thể là văn bản, mật khẩu, nút bấm (dùng cho máy tính), v.v.[4]
    • value="": Lệnh này cho tài liệu biết nội dung chứa trong loại đầu vào được định rõ ở trên là gì. Với máy tính, đó sẽ là các chữ số (1-9) và phép toán (+,-,*,/,=).[5]
    • onClick="": Cú pháp này miêu tả một sự kiện – cho tài liệu biết điều gì đó sẽ xảy ra khi ai đó nhấn nút. Với máy tính, ta muốn từng nút được bấm sẽ được hiển thị. Chẳng hạn như với nút "6", ta sẽ để document.calculator.ans.value+='6' giữa dấu ngoặc kép.[6]
    • br: thẻ này giúp bạn xuống dòng trong tài liệu. Mọi nội dung nằm sau nó sẽ xuất hiện ở dòng bên dưới nội dung nằm trước nó.[7]
    • /form, /body, and /html: những lệnh này cho tài liệu biết đến lúc này, các lệnh tương ứng được khởi tạo trước đó sẽ kết thúc.[8]
    Quảng cáo
Phần 2
Phần 2 của 4:

Lập trình máy tính HTML cơ bản

Tải về bản PDF
  1. How.com.vn Tiếng Việt: Step 1 Chép đoạn code sau.
    Chọn văn bản trong hộp bên dưới bằng cách nhấn giữ và kéo chuột từ góc trên bên trái của hộp xuống góc dưới bên phải. Toàn bộ văn bản sẽ chuyển sang màu xanh. Nhấn "Command+C" trên Mac hoặc "Ctrl+C" trên PC để chép đoạn code vào bảng tạm. 
<html><head><title>HTML Calculator</title></head><body bgcolor= "#000000" text= "gold"><form name="calculator" ><input type="button" value="1" onClick="document.calculator.ans.value+='1'"><input type="button" value="2" onClick="document.calculator.ans.value+='2'"><input type="button" value="3" onClick="document.calculator.ans.value+='3'"><input type="button" value="4" onClick="document.calculator.ans.value+='4'"><input type="button" value="5" onClick="document.calculator.ans.value+='5'"><input type="button" value="6" onClick="document.calculator.ans.value+='6'"><input type="button" value="7" onClick="document.calculator.ans.value+='7'"><input type="button" value="8" onClick="document.calculator.ans.value+='8'"><input type="button" value="9" onClick="document.calculator.ans.value+='9'"><input type="button" value="-" onClick="document.calculator.ans.value+='-'"><input type="button" value="+" onClick="document.calculator.ans.value+='+'"><input type="button" value="*" onClick="document.calculator.ans.value+='*'"><input type="button" value="/" onClick="document.calculator.ans.value+='/'"><input type="button" value="0" onClick="document.calculator.ans.value+='0'"><input type="reset" value="Reset"><input type="button" value="=" onClick="document.calculator.ans.value=eval(document.calculator.ans.value)"><br>Solution is <input type="textfield" name="ans" value=""></form></body></html>
Phần 3
Phần 3 của 4:

Tạo máy tính của bạn

Tải về bản PDF
  1. How.com.vn Tiếng Việt: Step 1 Mở chương trình soạn thảo văn bản trên máy vi tính.
    Có khá nhiều lựa chọn dành cho bạn, nhưng để thuận tiện và đảm bảo chất lượng, TextEdit và Notepad là hai ứng dụng nên dùng.[9][10]
    • Trên Mac, nhấp vào kính lúp ở góc trên bên phải của màn hình để mở Spotlight. Trong Spotlight, bạn hãy gõ TextEdit và nhấp vào chương trình này: hẳn là nó đang được đánh dấu màu xanh.
    • Trên PC, mở trình đơn Start ở góc dưới bên trái của màn hình. Nhập Notepad vào thanh tìm kiếm và nhấp vào ứng dụng Notepad xuất hiện trong thanh kết quả nằm về phía bên phải.
  2. How.com.vn Tiếng Việt: Step 2 Dán code HTML tạo máy tính vào tài liệu.
    • Trên Mac, nhấp vào phần thân của tài liệu và nhấn "Command+V". Tiếp đến, bạn cần nhấp vào mục "Format" (định dạng) ở đầu màn hình và "Make Plain Text" (Tạo văn bản trống) sau khi dán xong.[11]
    • Trên PC, nhấp vào thân tài liệu và nhấn "Ctrl+V".
  3. How.com.vn Tiếng Việt: Step 3 Lưu tập tin.
    Nhấp vào nút "File" ở góc trên bên trái của cửa sổ và trên trình đơn được thả xuống, nhấn "Save As..." (Lưu thành) - trên PC, hoặc "Save..." (Lưu) - trên Mac
  4. How.com.vn Tiếng Việt: Step 4 Thêm đuôi HTML cho tên tệp.
    Trong trình đơn "Save As...", gõ tên tệp cùng phần đuôi ".html", rồi nhấn "Save". Ví dụ, để gọi tệp là Máy tính đầu tiên, bạn sẽ lưu là "MayTinhDauTien.html"
    Quảng cáo
Phần 4
Phần 4 của 4:

Dùng máy tính của bạn

Tải về bản PDF
  1. How.com.vn Tiếng Việt: Step 1 Tìm tệp vừa tạo.
    Nhập tên tệp vào Spotlight hoặc thanh tìm kiếm của trình đơn Start như đã trình bày ở bước trước. Bạn không cần phải nhập đuôi "html".
  2. How.com.vn Tiếng Việt: Step 2 Nhấp vào để mở tệp.
    Trình duyệt mặc định sẽ mở máy tính trong một trang mạng mới.
  3. How.com.vn Tiếng Việt: Step 3 Nhấp vào các nút trên máy tính để sử dụng.
    Kết quả tính toán sẽ xuất hiện trên thanh kết quả.
    Quảng cáo

Lời khuyên

  • Bạn có thể nhúng máy tính này vào trang web nếu thích.
  • Bạn cũng có thể dùng thuộc tính phong cách để thay đổi diện mạo máy tính.

Bài viết How.com.vn có liên quan

How.com.vn Tiếng Việt: Chèn ảnh vào Excel sao cho tự động vừa với các ô
Cách để
Chèn ảnh vào Excel sao cho tự động vừa với các ô
How.com.vn Tiếng Việt: Căn giữa văn bản trên HTML
Cách để
Căn giữa văn bản trên HTML
How.com.vn Tiếng Việt: Tắt McAfee
Cách để
Tắt McAfee
How.com.vn Tiếng Việt: Tạo ra áo trong Roblox
Cách để
Tạo ra áo trong Roblox
How.com.vn Tiếng Việt: Trải nghiệm Bumble Premium miễn phí
Cách để
Trải nghiệm Bumble Premium miễn phí
How.com.vn Tiếng Việt: Khởi chạy tập tin Python bằng Windows Command Prompt
Cách để
Khởi chạy tập tin Python bằng Windows Command Prompt
How.com.vn Tiếng Việt: Chỉnh kích thước artboard trong Adobe Illustrator
Cách để
Chỉnh kích thước artboard trong Adobe Illustrator
How.com.vn Tiếng Việt: Viết mã giả
Cách để
Viết mã giả
How.com.vn Tiếng Việt: Chèn ảnh trong InDesign
Cách để
Chèn ảnh trong InDesign
How.com.vn Tiếng Việt: Mở tập tin EXE trên Macbook
Cách để
Mở tập tin EXE trên Macbook
How.com.vn Tiếng Việt: Mở tập tin DLL
Cách để
Mở tập tin DLL
How.com.vn Tiếng Việt: Khởi chạy tập tin EXE bằng Command Prompt
Cách để
Khởi chạy tập tin EXE bằng Command Prompt
Quảng cáo

Tham khảo

  1. ↑ http://www.w3schools.com/html/html_basic.asp
  2. ↑ http://www.w3schools.com/html/html_head.asp
  3. ↑ http://www.w3schools.com/html/html_formatting.asp
  4. ↑ http://www.w3schools.com/tags/att_input_type.asp
  5. ↑ http://www.w3schools.com/tags/att_input_value.asp
  6. ↑ http://www.w3schools.com/tags/ref_eventattributes.asp
  7. ↑ http://www.w3schools.com/tags/tag_br.asp
  8. ↑ http://www.w3schools.com/html/html_forms.asp
  9. ↑ http://computers.tutsplus.com/tutorials/quick-tip-configure-textedit-for-coding-html--mac-44786
  1. ↑ http://webdesign.about.com/od/notepad/a/aa040501a.htm
  2. ↑ http://www.askdavetaylor.com/how_do_i_save_html_files_from_textedit/

Về bài How.com.vn này

How.com.vn Tiếng Việt: Nhân viên của How.com.vn
Cùng viết bởi:
Nhân viên của How.com.vn
Người viết bài của How.com.vn
Bài viết này có đồng tác giả là đội ngũ biên tập viên và các nhà nghiên cứu đã qua đào tạo, những người xác nhận tính chính xác và toàn diện của bài viết.

Nhóm Quản lý Nội dung của How.com.vn luôn cẩn trọng giám sát công việc của các biên tập viên để đảm bảo rằng mọi bài viết đều đạt tiêu chuẩn chất lượng cao. Bài viết này đã được xem 4.983 lần.
Chuyên mục: Phần mềm
Ngôn ngữ khác
Trang này đã được đọc 4.983 lần.

Bài viết này đã giúp ích cho bạn?

⚠️ Disclaimer:

Content from Wiki How Tiếng Việt language website. Text is available under the Creative Commons Attribution-Share Alike License; additional terms may apply.
Wiki How does not encourage the violation of any laws, and cannot be responsible for any violations of such laws, should you link to this domain, or use, reproduce, or republish the information contained herein.

Notices:
  • - A few of these subjects are frequently censored by educational, governmental, corporate, parental and other filtering schemes.
  • - Some articles may contain names, images, artworks or descriptions of events that some cultures restrict access to
  • - Please note: Wiki How does not give you opinion about the law, or advice about medical. If you need specific advice (for example, medical, legal, financial or risk management), please seek a professional who is licensed or knowledgeable in that area.
  • - Readers should not judge the importance of topics based on their coverage on Wiki How, nor think a topic is important just because it is the subject of a Wiki article.

Quảng cáo