24_06_20 오늘의 실습내용

HTML 여러 태그 예제

태그명	설명	바로가기
제목태그	생략	바로가기
글씨체 관련 태그	HTML 문서에서 택스트를 강조하는데 사용되는 태그	바로가기
띄어쓰기 태그	HTML에서 공백은 여러 개를 입력하더라도 하나로 인식되고, 필요에 따라 줄 바꿈이 일어난다. 하지만 때로는 공백을 여러개 유지하면서 줄 바꿈을 방지해야 할 때가 있다 이때   를 사용하여 공백을 입력한다	바로가기
개행문자	새로운 줄을 시작하는데 사용되는 문자	바로가기
미디어 태그	미디어(이미지, 오디오, 비디오 등)를 표시하거나 재생하기 위해 사용되는 몇 가지 주요한 HTML 태그	바로가기
목록 태그	목록을 생성하는 데 사용되는 태그	바로가기
링크 태그	클릭하게 되면 연결된 곳으로 이동	바로가기
문단 태그	div : 레이아웃을 구성하거나 스타일을 적용하기 위해 일반적으로 사용되는 태그 span : 특정 부분을 감싸는 인라인 요소로, 텍스트 스타일링이나 특정 부분에 스크립트를 적용할 때 사용되는 태그	바로가기
테이블 태그	thead = 는 표 상단을 담당합니다. th = 표 상단 thead의 칸을 나타낼 때 사용합니다. 또한, td(데이터들)의 제목이 되는 부분에는 th를 사용할 수 있습니다. tbody = 는 표 본문을 담당합니다. tfoot은 tbody뒤에 위치합니다. 행(Row)을 지정하는 요소 : tr(Table Row). 한 줄 열(Column)을 지정하는 요소 : td(Table Data)는 한 칸의 cell data를 표현합니다. 한 줄 안에 들어가는 데이터 :전구: tr이 한 줄을 표현, td는 줄의 칸 수	바로가기
input 태그	웹 페이지에서 사용자로부터 정보를 입력받을 수 있는 요소 이 태그를 사용하여 텍스트, 숫자, 날짜, 이메일 등 다양한 형식의 데이터를 입력받을 수 있다. input 태그의 속성 type = 입력받을 데이터 유형 (text, number, email, date, time, hidden, file) required = 입력받는 데이터가 필수인 것들 placeholder = 작성 예시 문구 name = 프로그래밍 언어에서 데이터를 가져올때 사용되는 네임 readonly = 입력된 데이터의 값을 변경 못하게 방지 disabled = 요소를 비활성화 value = 입력된 데이터	바로가기
label 태그	입력 필드와 해당 필드의 설명을 제공하기 위해 사용되는 태그이며, 요소의 id와 label의 for 데이터가 일치해야함	바로가기
radio 태그	여러 개의 선택지 중에서 단 하나의 선택을 할 수 있는 요소, 주의할점은 name을 일치시켜야 중복 선택이 안됨	바로가기
check box 태그	여러 개의 선택지 중에서 다중 선택이 가능한 체크박스를 생성하는 태그, radio와 마찬가지로 name을 일치시켜야함	바로가기
textarea 태그	여러 줄의 텍스트를 입력할 수 있는 입력란을 생성하는 태그 rows = 입력란의 높이를 지정 cols = 입력란의 너비	바로가기
select 태그	선택 목록을 생성하는 태그, option 태그를 사용하여 선택 가능한 각 옵션을 정의	바로가기
form 태그	사용자 입력을 받는 부분을 정의하고, 해당 입력을 서버로 제출하는 역할 action = 데이터가 전송될 URL을 지정 method = 데이터를 서버로 전송하는 HTTP 메서드를 지정 - GET: 폼 데이터를 URL 매개변수로 첨부하여 전송, 주로 데이터를 조회하는 용도로 사용되며, URL에 데이터가 노출 - POST: 폼 데이터를 HTTP 요청 본문에 담아 전송, 주로 데이터를 생성하거나 수정하는 용도로 사용되며, URL에 데이터가 노출되지 않음 enctype = 데이터가 서버로 전송될 때 인코딩 방식을 지정, 파일 업로드와 같은 이진 데이터를 전송해야 할 경우 multipart/form-data로 설정	바로가기
button 태그	사용자와 상호작용할 수 있는 버튼을 생성하는 데 사용되며, 버튼을 클릭하거나 탭하면 정의된 동작이 실행 기본 button = 일반적인 버튼 submit = form태그 내에서 동작하며 클릭 시 데이터 전송 reset = form태그 내에서 동작하며 클릭 시 데이터 초기화	바로가기