Input 태그 사용자가 데이터를 입력하는 영역, type 종류는 정말 많다 그중 text는 글을 적을 수 있는 텍스트 창을 제공해주는 type 속성 값 name 속성은 서버에 보내는 데이터의 이름을 설정하고, 그 이름을 같이 부른다 id속성은 label 태그와 연결하기 위해 사용 label 태그 입력값에 대한 제목을 사용자에게 보여준다. (ex. 성명, 이름, 번호, 메일 등) for 속성은 input 태그와 연결하기 위해 사용한다. 클릭 시 for속성에 알맞은 input id선택자를 찾아서 입력할 수 있게 해 준다. (focus 이동) 아무거나 입력해 보세요 password 속성 input type 속성에 password 속성 설정을 하면 input 태그에 입력한 데이터가 출력하면에는 "*****"로..

form 태그 사용자가 입력하는 데이터를 서버에 보내주는 태그 table, ol, ul과 같이 부모태그로써 사용 action 속성은 입력한 데이터를 보낼 주소를 입력하는 속성 action ="#"은 권장사항이라고 생각하면 좋다. W3C에서 주소가 없을 때는 넣도록 권장 (ex. method 속성은 데이터를 어떤 방식으로 보낼지 설정하는 속성 해당 속성의 값으로는 GET, POST, .... 등등이 존재하며 넣을 수 있다. 그중 GET은 주소에 입력 데이터가 나온다

- 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 태그..

del / ins 태그 del 태그 : delete 한 내용, 삭제한 내용을 보여주는 태그. 대표적으로 게시판에서 관리자가 글을 삭제해서 해당 글이 가운데에 줄이 가있는 효과 ins 태그 : insert 새로 작성한 글, 늘어난 내용, 추가로 입력한 내용 삭제한 내용을 보여준다 새로 입력한 내용, 추가적으로 입력한 내용 sup / sub 태그 sup : 윗첨자를 출력할 때 사용한다. 대표적으로 제곱수를 나타날 때를 의미한다. sub : 아래첨자를 출력할 때 사용한다. 22 윗첨자 1one 아래첨자 영어단어 i / em 태그 i : 이름이나 제목, 인용된 말 등에 사용하여 기울어진 텍스트를 출력할 때 사용하는 태그 em : 텍스트를 강조하기 위해 기울임 태그 이름이나 제목 같은거에 사용하거나 가져온 말(인..

div 태그 가장 기본적인 영역 가장 기본적인 영역 p 태그 단락, paragraph 단어의 약자로서 블록의 성질을 가지고 있어서 블록화 되어 있다. 블록화된 텍스트 br 태그 줄 바꿈, 엔터 span 태그 p태그 안에 적기도 하는 태그. 거의 비슷하지만 블록화 된 p 태그 속성과는 다르게 inline 속성을 가지고 있다 인라인 형식의 텍스트 pre 태그 p나 span태그와 같다. 결정적인 차이는 작성한 그대로 연출이 되어서 나오게 된다 입력한 그대로 출력하는 텍스트 h 제목 태그 h1, h2, h3, h4, h5, h6 : h1이 제일 큰 제목 태그, 이후 숫자가 늘어가면서 점점 작아지는 제목을 만들 수 있다 (최대 6) h1 제목 태그 h2 제목 태그 h3 제목 태그 h4 제목 태그 h5 제목 태그 ..

태그 웹페이지의 내용물을 담는 페이지이다 태그 내 들어가는 요소들은 다음과 같으며 페이지에 표시되는 모든 콘텐츠들을 포함한다 텍스트(text) 이미지(img) 비디오(video) 게임(game) 재생이 가능한 오디오 트랙(audio) Tag 여는 태그가 존재한다면, 반드시 닫는 태그가 존재해야한다. 단, 자식태그를 가질 수 없는 몇몇 개의 태그들은 스스로 태그를 열면서 닫는 것도 가능하다(ex. , 등) 여는 태그와 닫는 태그 사이에는 자식태그들을 가질 수 있다