🌎 Web/HTML

[HTML] form, input 태그의 모든 것

form 요소 태그 사용자로부터 입력받고, 입력받은 데이터를 서버로 보낼 수 있다. action 속성은 입력받은 데이터를 처리할 url, 파일위치, 특정 주소값등을 명시한다. method 속성은 데이터 전송 방식을 명시한다. GET방식과 POST 방식이 있다. method 속성이 생략되거나 빈 값이면 GET 방식으로 설정된다. 요소 요소 설명 다양한 타입의 input 요소를 활용하여 사용자로부터 입력을 받을 수 있다. 여러 form 요소에 대한 타이틀 역할로 label을 정의한다. 드롭다운 목록 여러 줄 입력 클릭 가능한 버튼 input 요소 유형(type) 유형(type) 설명 한 줄 텍스트 입력 비밀번호

[HTML] HTML에서 공간을 나누는 요소들

블록(block)과 인라인(inline) HTML에는 2가지의 display 속성이 있다. 블록(block) 인라인(inline) 블록(block) 타입의 요소 언제나 새로운 라인에서 시작하며, 해당 라인의 모든 너비를 차지한다. ex) , , 인라인(inline) 타입의 요소 새로운 라인에서 시작하지 않고, 해당 내용(content)만큼만 차지한다. ex) , , 요소 영역을 분리하여 담아주는 컨테이너 역할의 태그 요소 텍스트의 특정 부분을 컨트롤하기 위한 태그 레이아웃(Layout)과 시멘틱(Semantic) Header 영역 Nav 영역 Section 영역 Footer 영역 태그에 class값을 부여해서 레이아웃을 작성할 수도 있지만, HTML5에는 레이아웃만을 위한 의미론적(semantic) 요소..

[HTML] 태그(tag)의 역할과 사용방법

제목(Heading) - Heading 1 Heading 2 Heading 3 Heading 4 Heading 5 Heading 6 제목을 나타내는 태그이다. ~ 숫자는 크기와 우선순위를 나타낸다. block 속성을 가지므로 단독적인 강조 표현이 가능하다. 컨텐츠들의 영역을 구분하는 기준점으로 사용할 수 있다. 검색엔진에 의해 수집되기 때문에 제목은 꼭 태그를 사용해 주는 것이 좋다. 서식(Text Formatting) - 굵은 텍스트 - 중요한 텍스트 - 기울임꼴 텍스트 - 강조된 텍스트 - 표시된 텍스트 - 더 작은 텍스트 - 삭제된 텍스트 - 삽입된 텍스트 - 아래 첨자 텍스트 - 위 첨자 텍스트 Inline 속성을 갖는 문자 포맷 관련 태그들은 고유의 기능을 부여하기 위해 자주 사용되기도 하지만 ..

[HTML] HTML이란?

HTML이란? HTML (Hypertext Markup Language, 하이퍼텍스트 마크업 언어) 하이퍼텍스트 : 연결된 문서 마크업 : 표기, 표현, 작성, 제작 웹페이지를 만들기 위한 표준 마크업 언어이다. 연산을 할 수 없기 때문에 프로그래밍 언어라고는 볼 수 없다. HTML 태그 // 시작 태그 // 종료 태그 HTML 태그는 태그 이름은 꺽쇠 괄호()로 감싸서 표현한다. 보통 시작 태그(start tag)와 종료 태그(end tag)의 한 쌍으로 구성된다. 태그에 따라 시작 태그만 있고 종료 태그가 없는 태그도 있다. 태그는 반드시 자기 영역을 가지고 있다. 태그를 사용하지 않고 띄어쓰기나 줄 나누기를 하면 웹 브라우저를 통해 나타나는 화면에는 아무 영향을 주지 못한다. 모든 태그는 미리 정의..