HB의 개발 블로그

HTML Graphics : HTML에서 그림을 그릴때에 사용하는 도화지와 같은 컨테이너. 기본 구성 요소로는 id, width, heigh등이 있다. Canvas 생성 캔버스를 생성하고 나면 그 위에 구성요소들을 통해서 다양하게 그림들을 그려낼 수 있다.

HTML Form 이 태그는 일반적으로 사용자가 입력하거나 선택한 정보를 서버로 전송하기 위해서 사용한다. 아래와 같이 회원 정보나 로그인 정보 등을 입력 받을 때에 사용한다. [Form Tag] 1. Input 태그의 속성 type 태그의 형태 설정 name 태그의 이름 지정 readonly 수정 불가. 읽기 전용 maxlength 최대 글자 수 지정. required 반드시 입력해야하는 태그 지정. 입력하지 않을 시 에러 메시지 출력 autofocus 페이지가 로딩될 시에 지정된 포커스로 이동. placeholder 입력할 값에 대한 힌트 출력. type의 종류 text TEXT First name: Last name: password PASSWORD User ID Password radio RADI..

앞선 포스트에서 HTML 파일의 기본 형태와 태그에 대해서 소개하였다. 이번 포스트에서는 HTML에 쓰이는 여러 가지 종류의 태그들을 소개할 것이다. 1. 문서의 기본 구조 틀을 나타내는 태그 .... HTML 언어로 작성하기 위한 가장 기본적인 태그 .... heading 의 준말로 글의 머리말을 담당한다. .... 윈도우 타이틀 바에 나타나는 제목 주석을 남길때 사용 2. 문단 혹은 줄을 바꾸는 태그 문단을 바꾸는 태그. 연속적으로 사용할 수 없다. 문단을 바꾸는 태그. 연속적으로 사용이 가능하다. .... 여백이나 줄 간격 등을 고정시켜 주는 역할 *html 에서는 시작과 끝 태그가 짝을 이룬다고 했지만 위와 같이 예외인 경우도 있다. 3. 글자 조절하는 태그 .... 글자의 크기(n)를 조절하는 ..

HTML은 '태그'로 구성되어 있다. 1. 시작 태그(TAG) 2. 컨텐츠 3. 종료 태그 태그는 항상 으로 시작해서 로 끝을 맺어야 한다. (*예외, 처럼 contents가 없는 tag는 짝이 없다.) 실제 웹 페이지에 보여지는 부분은 당연히 '컨텐츠' 부분이다. 시작 태그와 종료 태그는 컨텐츠를 꾸며준다고 생각하면 된다. html의 가장 기본적인 형태라고 할 수 있다. 위 페이지를 열어보면 아무 내용이 없다. 왜 그럴까? 바로 컨텐츠가 없기 때문이다. 웹 페이지의 내용을 담는 부분은 바로 이 부분이다. head가 페이지의 제목을 담당한다면 body가 그 본체라고 할 수 있다. : 이 파일이 HTML5 문서라는 것을 명시. : HTML페이지의 root element. : HTML페이지의 meta inf..

HTML이란, Hypertext Markup Language 의 약자로 웹 문서를 만들기 위하여 사용하는 기본적인 웹 언어의 한 종류이다. 하이퍼텍스트를 작성하기 위해서 개발되었다. 실습을 진행하기 전 기본 준비 과정 먼저 설명하면, 실습할 환경을 만들어야 한다. Visual Studio를 먼저 설치한다. https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free a..