개발 공부

학습 파일 1)input 태그 -사용자에게 값을 입력받을 수 있는 텍스트상자 또는 체크박스 등등을 만들 수 있다 -input유형은 닫는 태그가 없으며 type, value, name 속성등이 있다. - 정리 보단 다른 공부를 해야하기 때문에 input 관련 태그의 자세한 내용은 첨부파일 확인 type 설명 text 텍스트로 입력받을 수 있다. password 비밀번호를 입력받을 수 있다. raido 단일 선택 체크박스 checkbox 다중 선택 체크박스 submit 폼 양식을 서버에 전송 Button 버튼 file 파일업로 2)폼 관련 태그 form 태그 내에 submit 버튼 클릭시 해당 form 안에 작성된 사용자가 입력한 값들을 서버로 넘기면서 요청하는 역할을 수행한다. [표현법] form acti..

하이퍼링크 하이퍼링크 기능은 웹 문서의 가장 핵심적인 기능이다 클릭을 통해 연결된 곳으로 이동하여 사용을 편리하게 해주는 기능이다. 텍스트를 클릭해 링크를 이동하는 방법과 이미지를 클릭해서 넘어가는 방법 페이지 내에서의 링크를 통한 이동 방법 (상위로 올라가는 탑버튼) 이 존재한다. 사용태그 기본적으로 a태그의 href속성으로 링크를 만들 수 있다. 1)텍스트 클릭 > 링크 이동 방식 글자관련태그 목록관련태그 네이버 *target 속성 ㅣ 연결된 페이지를 어떤 탭에서 열껀지 지정 (기본값) _self - 해당 페이지에서 바로 연결되어 링크 호출 _blank - 해당 페이지가 아닌 새로운 탭을 열어 링크 호출 2)이미지 클릭 > 링크 이동 방식 a 태그 사용 하여 링크 추가 후 > img 태그로 경로 이미..

영역관련태그 - div / span / iframe div 태그와 span 태그 차이점 1) 줄바꿈 적용 div - 블럭요소로 한줄 단위로 영역 차지 (이미 존재하는 태그 다음줄에 영역이 잡힘) 첫번째 영역 두번째 영역 세번째 영역 span - 인라인 요소로 content 영역만 차지 첫번째 영역 두번째 영역 세번째 영역 2) 영역지정 방식 하나의 태그에 문장 입력시 iframe - 웹 문서 안에 다른 웹 페이지를 추가하는 태그 (인라인 요소) 이미지 및 영상도 첨부 가능하다

학습에 사용한 html 파일

학습에 사용한 html 파일 표관련태그 표만들기 구현할 표 사용한 코드 표의 행과 열을 합치는 속성 colspan - 2개의 열 합치기 rowspan - 2개의 행 합치기 ex) tr = 표의 한 행을 나타내는 태그 td = 표의 한 행에 몇칸으로 나눌것인지라고 이해하면 쉽다. 1) colspan > 위와 같은 코드 작성시 아래와 같은 표가 만들어지는데 ( 2열3행) 1행의 2칸을 묶고 싶다면 colspan = "2"을 사용하여 td를 묶으면 되고 묶은뒤 해당 행에 포함된 td갯수를 지워주면 된다. 2)rowspan td td td td td td > 위와 같은 코드 작성시 아래와 같은 표가 만들어지는데 ( 2열3행) 아래와 같이 행마다 첫번째 위치하는 td들을 병합하고 싶을 땐 rowspan="3" 을..

학습한 html파일 ul 순서 없는 목록태그 ol - 순서 있는 목록태그 dl 설명과 관련된 목록 태그