본문 바로가기
  • 개발 / 공부 / 일상

HTML&CSS15

(HTML) Input 태그 Input 태그 사용자가 데이터를 입력하는 영역, type 종류는 정말 많다 그중 text는 글을 적을 수 있는 텍스트 창을 제공해주는 type 속성 값 name 속성은 서버에 보내는 데이터의 이름을 설정하고, 그 이름을 같이 부른다 id속성은 label 태그와 연결하기 위해 사용 label 태그 입력값에 대한 제목을 사용자에게 보여준다. (ex. 성명, 이름, 번호, 메일 등) for 속성은 input 태그와 연결하기 위해 사용한다. 클릭 시 for속성에 알맞은 input id선택자를 찾아서 입력할 수 있게 해 준다. (focus 이동) 아무거나 입력해 보세요 password 속성 input type 속성에 password 속성 설정을 하면 input 태그에 입력한 데이터가 출력하면에는 "*****"로.. 2023. 1. 9.
(HTML) form Tag form 태그 사용자가 입력하는 데이터를 서버에 보내주는 태그 table, ol, ul과 같이 부모태그로써 사용 action 속성은 입력한 데이터를 보낼 주소를 입력하는 속성 action ="#"은 권장사항이라고 생각하면 좋다. W3C에서 주소가 없을 때는 넣도록 권장 (ex. method 속성은 데이터를 어떤 방식으로 보낼지 설정하는 속성 해당 속성의 값으로는 GET, POST, .... 등등이 존재하며 넣을 수 있다. 그중 GET은 주소에 입력 데이터가 나온다 2023. 1. 9.
(HTML) Table Tag - Tabe 태그 : 표를 출력하는 부모 태그 ※ border(경계선)은 겹치면 합치고, 그 안의 텍스트들은 가운데 정렬 하겠다는 style 속성 설정 thead 태그 table head, 테이블의 제일 위 목록에 관한 태그, Table 태그 안에서 사용할 수 있는 자식 태그 tr 태그 table row, 행, 가로 줄을 뜻 한다. th 태그 table head의 하나의 cell. 번호 이름 나이 성별 국적 출석 마스크 tbody 태그 table body, 테이블의 목록에 관한 태그, Table 태그 안에서 사용할 수 있는 자식 태그 td 태그 table body, 테이블의 body의 하나 cell tfoot 태그 table foot, 테이블의 목록에 제일 아래 끝 영역을 표시하는 태그, Table 태그.. 2023. 1. 9.
(HTML) Tags(2) del / ins 태그 del 태그 : delete 한 내용, 삭제한 내용을 보여주는 태그. 대표적으로 게시판에서 관리자가 글을 삭제해서 해당 글이 가운데에 줄이 가있는 효과 ins 태그 : insert 새로 작성한 글, 늘어난 내용, 추가로 입력한 내용 삭제한 내용을 보여준다 새로 입력한 내용, 추가적으로 입력한 내용 sup / sub 태그 sup : 윗첨자를 출력할 때 사용한다. 대표적으로 제곱수를 나타날 때를 의미한다. sub : 아래첨자를 출력할 때 사용한다. 22 윗첨자 1one 아래첨자 영어단어 i / em 태그 i : 이름이나 제목, 인용된 말 등에 사용하여 기울어진 텍스트를 출력할 때 사용하는 태그 em : 텍스트를 강조하기 위해 기울임 태그 이름이나 제목 같은거에 사용하거나 가져온 말(인.. 2023. 1. 9.