HTML (3) 썸네일형 리스트형 HTML anchor 요소 a(anchor) 요소 란? 하이퍼 링크, 책갈피, javascript 등을 수행할때 사용한다. anchor 요소의 기본양식 a href= "" " "사이에 하이퍼 링크를 작성하면 해당 페이지로 이동 가능하다. 적용 예시) anchor 테스트 네이버 실제 결과) 네이버 텍스트 클릭 시 https://www.naver.com 페이지로 이동됨. 활용 예시 1. 이미지를 클릭하여 해당 링크로 이동하기 anchor 테스트 anchor innertext 입력칸에 img 요소를 작성한다. 실제 결과) 해당 NAVER 로고를 클릭하면 링크에 작성 된 https://www.naver.com 페이지로 이동된다. 2. 동일한 페이지 내에서 이동(책갈피 기능) anchor 테스트 하나 둘 셋 one two three 실제 .. HTML form 요소 form 요소란? form은 클라이언트가 입력하거나 선택한 정보를 서버에 전송할 양식이다. form 요소의 기본 양식 2가지 축구 이메일 비밀번호 로그인 action : form이 submit 되었을 경우 데이터가 전송되는 주소, 경로를 의미함. label : for 속성의 값과 input 의 id 속성의 값과 동일하게 작성이 되어야 한다. input : 사용자가 입력할 수 있는 공간을 만들어주는 인라인 요소이다. input에 사용할 수 있는 다양한 속성이 존재한다. 1-1 type 이 속성을 통해 해당 input이 어떠한 기능을 갖는 태그인지 명시 할 수있다. -input type (text, password, file, color, range, date, time, datetime-local, num.. HTML 기초 (2023.04.05) HTML 기초 웹 브라우저가 해석하는 문자열 3가지 1. html 형식 => data를 나열한다 (나타냄) 2. css 형식 => design 을 결정 3. javascript => language 적인 요소를 결정함 사용자와 상호 반응하는 UI를 만든다. 특정 시점에 어떠한 동작을 할때 사용한다. 웹브라우저의 동작을 프로그래밍 html 영역의 주석처리 : css 영역의 주석처리 : /* */ (javascript 영역의 여러 줄 주석기능과 똑같음) javascript 영역의 주석처리 : // 프로그래밍 언어의 코드를 작성하는 방법의 종류 ex) 배경색을 의미하는 background color 작성할때 1. backgroundcolor > 가독성이 좋지 않음 2. backgroundColor > came.. 이전 1 다음
