HTML (8) 썸네일형 리스트형 8. form태그/ input태그/select/textarea 1.form 태그는 html 웹 문서에서 사용자가 입력하는 특정 양식의 데이터들을 지정한 페이지로 전송할 수 있는 요소(태그)들을 말한다. 정해진 form안에 input태그로 데이터를 받을 형태를 구성하여 해당 input의 값(value)들을 서버로 전달한다. 여러개를 한꺼번에 보내고 싶으면 한 폼으로 감싸면된다. 속성 action : 작성한 데이터를 어떤 서버에게 전달할 것인지 웹사이트의 경로를 적는다. method : 전달할 전송 방식을 GET/POST와 같은 HTTP통신의 전송방식을 설정할 때 사용하는 속성 전송방식 1)겟방식 주소?키=값&키=값&키=값 (?뒤는 쿼리 스트링) -> 값이 보여 보안에 취약함. -> 주소가 너무 길면 짤려서 페이지가 안뜰 수 있음 (256 자 ) 2)포스트방식 주소만 .. 7.하이퍼링크 페이지의 구성(설명및 소스포함) a로 이동 b로 이동 c로 이동 a입니다 하이퍼 링크 : 특정 문자열을 연하이퍼 링크 : 특정 문자열을 연관된 페이지나 주소와 연결시켜 둘 사이를 이동시키는 문서간 이동 기술 클릭을 통해 다른 페이지 혹은 같은 페이지의 특정 영역으로 이동할 수 있고. 이미지 클릭으로도 가능하다. (보통 a태그와 많이 쓰이나 , img 태그나 다른 곳에서도 많이 쓰인다.) herf ="주소" 주소에 해당하는 url로 이동(이미지의 걸고 싶은 경우 안에 img 태그를 넣으면 된다. 속성 target ="" 현재 페이지에서 이동시키는 형식 _self : 누른 페이지가 바뀜 _blank : 새 탭/새 창 _top : _parents : b입니다. 다른사이트에 연결링크 (티스토리에서는 target.. 6. 이미지 / 오디오 / 비디오 태그 경로(path, 위치) 절대 경로: 최상위 폴더부터 현재 위치까지 전부 표시하는 경로 C:, D: EX)D:\dev\VsCode.exe 상대 경로: 프로잭트 가 저장된 곳을 기준 상위 폴더로 갈 경우엔 ../ 1.temp.html이 현재 같은 폴더에 있을 경우 "temp.html","./temp.html" 2.만약 temp.html이 현재 파일보다 한단계 위에 있을 경우 "../temp.html" 3.만약 temp.html이 다른 폴더에 있을 경우 3-1)현재 파일과 같은 위치 폴더 안에 있을 경우 "./폴더명/temp.html" 3-2)현재 파일보다 높은 위치의 폴더 안에 있을 경우 "../폴더명/temp.html" 이미지 img : 웹문서에서 이미지를 추가하는 태그 src = "주소(절대/상대 경로).. 5.시멘틱태그 태그 작성후 출력 작성된 태그 4.영역태그 span 실제적용 div 실제적용 p 실제적용 pre 실제적용 iframe 실제적용 페이지 전체 3.테이블태그 2.목록태그 실제적용 실제적용 실제적용 실제적용 실제적용 1.글자 관련태그 HTML의 머릿글:headline 글자 관련 태그 연습 글자 관련 태그 연습 글자 관련 태그 연습 글자 관련 태그 연습 글자 관련 태그 연습 글자 관련 태그 연습 숫자가 작아질 수록 글자도 작아진다. 또한 다음줄로 자동 줄바꿈되어 나타난다. br: 줄바꿈. 또는 hr: 선긋기 또는 위와같이 시작하는 태그만으로 이루어진 태그를 단일 태그 라한다. 기타 글자 관련 태그들 굵은 글꼴 굵은글꼴2 기울임 글꼴 굵은 기울임 글꼴 형광펜 효과를 나타내는 태그 글자에 밑줄 표시하는 태그 글자에 가운데 줄 (취소선)을 표시하는 태그 글자를 작게 표시하는 태그 아래첨자기본위첨자 표현태그 인용 문구를 나타내는 태그 인용 문구를 나타내는 태그 "http://www.naver.com" 속성값 과 본문의 cite는 선택사항이다(.. 이전 1 다음
