HTML을 사용하여 컴퓨터를 만드는 방법 : 9 단계 (사진 포함) - 팁

동영상: Visual Studio 2017을 사용하여 HTML 문서 만들고 실행하기

콘텐츠

단계
조언

수많은 내장 계산기 외에도 HTML 코드를 사용하여 데스크탑에서 수학을 수행하여 자신을 구축 할 수도 있습니다. HTML에서 컴퓨터를 만들려면이 프로그래밍 언어에 대한 몇 가지 기본 지식을 배운 다음 필요한 코드를 텍스트 편집기에 복사하고 HTML로 저장해야합니다. 이제 선호하는 브라우저에서 HTML 문서를 열고 컴퓨터 사용을 시작할 수 있습니다. 그렇게하면 브라우저에서 수학을 할 수있을뿐만 아니라 프로그래밍 예술의 기본도 배울 수 있습니다!

단계

4 단계 중 1 : 코드 이해

각 HTML의 기능을 배우십시오. 컴퓨터를 빌드하는 데 사용하는 코드는 많은 구문 조각으로 구성됩니다. 문서의 다양한 요소를 만들기 위해 결합됩니다. 여기를 클릭하여 프로세스에 익숙해지는 방법을 알아 보거나 사용할 코드에서 각 텍스트 줄이 수행하는 작업을 계속 읽으십시오.
- HTML: 구문의이 부분은 사용할 언어를 문서의 나머지 부분에 알려줍니다. 프로그래밍에는 많은 언어가 사용되며 문서의 나머지 부분에-예, 맞습니다-html로 작성되었음을 알리십시오!
- 머리: 아래의 내용이 "메타 데이터"(메타 데이터)라고도하는 데이터에 대한 데이터임을 문서에 알립니다. Comeinand 표제, 표제 등과 같은 문서의 스타일 요소를 정의하는 데 자주 사용됩니다. 나머지 코드를 덮는 우산으로 생각할 수 있습니다.
- 표제: 여기에서 문서의 이름을 지정할 수 있습니다. 이 속성은 html 브라우저에서 열 때 문서의 제목을 결정합니다.
- body bgcolor = "#":이 속성은 코드의 배경 및 본문 색상을 지정합니다. # 기호 뒤의 따옴표 안의 숫자는 html에서 지정된 색상에 해당합니다.
- 텍스트 = "": 따옴표로 묶인 단어는 문서의 텍스트 색상을 지정합니다.
- 양식 이름 = "":이 속성은 양식의 이름을 지정합니다. 덕분에 Javascript는 문제의 양식이 무엇인지 식별하고 양식에서 작성된 구조를 적용합니다. 예를 들어 여기에서는 계산기 양식을 사용하고 문서에 대해 별도의 구조를 만듭니다.
- 입력 유형 = "": 액션이 일어나는 곳입니다. "입력 유형"속성은 나머지 괄호에있는 값이 어떤 유형의 입력에 있는지 문서에 알려줍니다. 텍스트, 암호, 버튼 (컴퓨터 용) 등이 될 수 있습니다.
- 값 = "":이 명령은 위에 지정된 입력 유형에 포함 된 내용을 문서에 알려줍니다. 계산기를 사용하면 숫자 (1-9)와 수학 (+,-, *, /, =)이됩니다.
- onClick = "":이 구문은 이벤트를 설명합니다. 누군가 버튼을 눌렀을 때 어떤 일이 발생하는지 문서에 알려줍니다. 컴퓨터에서는 각 버튼이 표시되기를 원합니다. 예를 들어 "6"버튼을 사용하면 따옴표 사이에 document.calculator.ans.value + = '6'을 넣습니다.
- br:이 태그는 문서의 한 줄을 반환하는 데 도움이됩니다. 그 뒤에 오는 모든 콘텐츠는 그 앞의 콘텐츠 아래 줄에 나타납니다.
- / 양식, / 본문 및 / html:이 명령은이 시점에서 문서에 알리고 초기화 된 해당 명령이 종료됩니다.
광고

Part 2/4 : 기본 HTML 컴퓨터 프로그래밍

다음 코드를 복사하십시오. 상자의 왼쪽 상단 모서리에서 오른쪽 하단 모서리로 길게 드래그하여 아래 상자에서 텍스트를 선택합니다. 전체 텍스트가 녹색으로 바뀝니다. Mac에서는 "Command + C"를, PC에서는 "Ctrl + C"를 눌러 코드를 클립 보드에 복사합니다. 광고

4 단계 중 3 : 컴퓨터 만들기

컴퓨터 기반 텍스트 편집기를 엽니 다. 많은 옵션이 있지만 편리함과 품질을 위해 TextEdit와 Notepad는 사용할 두 가지 응용 프로그램입니다.
- Mac의 경우 화면 오른쪽 상단 모서리에있는 돋보기를 클릭하여 Spotlight를 엽니 다. Spotlight에서 TextEdit를 입력하고 프로그램을 클릭하십시오. 녹색으로 강조 표시되어야합니다.
- PC에서 화면 왼쪽 하단의 시작 메뉴를 엽니 다. 검색 창에 메모장을 입력하고 오른쪽 결과 표시 줄에 나타나는 메모장 앱을 클릭합니다.
컴퓨터에서 생성 한 HTML 코드를 문서에 붙여 넣습니다.
- Mac에서는 문서 본문을 클릭하고 "Command + V". 다음으로 항목을 클릭해야합니다. "체재" (형식) 화면 상단에 "일반 텍스트 만들기" (빈 텍스트 만들기) 붙여 넣기 후.
- PC에서 문서 본문을 클릭하고 "Ctrl + V"를 누릅니다.
파일을 저장하십시오. 창의 왼쪽 상단에있는 "파일"버튼을 클릭하고 드롭 다운 메뉴에서 "다른 이름으로 저장 ..." (다른 이름으로 저장)-PC 또는 "저장 ..." (저장)-Mac에서
파일 이름에 HTML 확장자를 추가하십시오. "다른 이름으로 저장 ..."메뉴에서 ".html"확장자로 파일 이름을 입력 한 다음 "저장"을 클릭합니다. 예를 들어 First Computer 파일을 호출하려면 "MayTinhDauTien.html"로 저장합니다.

4/4 부 : 컴퓨터 사용

방금 만든 파일을 찾습니다. 이전 단계에 표시된대로 Spotlight 또는 시작 메뉴 검색 막대에 파일 이름을 입력합니다. "html"확장자를 입력 할 필요가 없습니다.
파일을 열려면 클릭하십시오. 기본 브라우저는 새 웹 사이트에서 컴퓨터를 엽니 다.
사용하려면 컴퓨터의 버튼을 클릭하십시오. 계산 결과가 결과 표시 줄에 나타납니다. 광고