반응형 Study with Yedol/HTML10 CSS 문법 Pesudo-class(가상클래스) 이어서 오늘은 가상클래스, 의사클래스에 대해 배워보겠다. (Pesudo class = 가상클래스 = 의사클래스) 가상클래스란? 요소의 특수 상태를 정의하는 데 사용된다. 예를 들어서 마우스를 특정 부분으로 위치 시켰을 때 색이 변경 방문한 링크와 방문하지 않은 링크의 스타일을 다르게 지정 등 이런 특별한 상황에서 쓰인다. 동적 가상 클래스, 상태 가상 클래스, 구조 가상 클래스 등 가상 클래스의 종류는 다양하지만 종류별로 외워서 사용할 필요가 없으므로 자주 쓰이는 가상 클래스에 대해서만 알아도 충분하다. 공통 HTML 코드 Pesudo-class(가상클래스, 의사클래스) (클릭하세요)가상 클래스 연습중입니다. 안유진 장원영 가을 레이 박명수 리즈 이서 1. link 관련 가상 클래스 선택자 (1) lin.. 2023. 12. 22. HTML 사용자로부터 입력받기 input type 속성 앞선 포스팅에서 태그에 대해 배워보았다. 하지만 앞선 포스팅에서는 type = "text"에 대해서만 다뤄보았지만 아래 사이트만 보아도 정말 많은 input type들이 존재한다. 오늘 포스팅에서는 다양한 input type 속성들에 대해 공부해 보겠다.!!! 1. 텍스트 관련 input type : HTML의 텍스트 관련 input 타입에는 여러 가지가 있다. 이들은 사용자로부터 텍스트를 입력받는 데 사용되며, 가장 일반적인 것들은 아래 표와 같다. 이러한 텍스트 관련 input 타입들은 각각의 목적에 따라 다양한 형태로 사용된다. Type 설명 text 기본값으로 한 줄 텍스트를 입력한다. 줄 바꿈은 입력값에서 자동으로 제거된다. password 값이 가려진 한 줄짜리 텍스트 필드이다. 사이트가 안전.. 2023. 12. 18. HTML 사용자로부터 입력 받기 form input 속성 우리가 회원가입을 하려면 나의 이름부터 주민등록번호 등등 개인정보들을 입력하게 되어있다. HTML에서 이러한 기능을 하는 요소를 이라 하는데 input 태그를 정의하기 위해서는 안에 하위 태그로 들어가야 한다 오늘도 말로하니 어렵다..ㅇㅅㅇ 어쨌든 오늘은 input 태그와 관련된 태그와 요소들에 대해 알아보겠따! 1. : 정보를 제출하기 위한 태그들을 포함하는 태그이다. 한마디로 정보를 넣으려면 form 태그 안에서 정의해야 한다는 것 form 태그의 요소들은 다음과 같다. (1) action : 양식 제출을 처리하는 URL로 공백의 값을 가질 수 있다. (2) method : 양식을 제출하는 데 사용할 HTTP 메서드이다. ① get 방식 : (default 방식) ex) URL?name=value&n.. 2023. 12. 18. HTML <a>태그 링크 연결하기 태그란? 태그는 웹페이지, 파일, 이메일 주소, 위치에 대한 하이퍼링크를 생성한다. 즉, URL이 처리할 수 있는 다른 모든 것을 뜻한다. a 태그의 활용 외부 URL : 다른 웹 사이트로 이동할 때 사용된다. 내부 링크 : 동일한 웹 사이트 내의 다른 페이지로 이동할 때 사용된다. 내부 링크는 해당 페이지의 URL 끝에 '#'과 해당 요소의 ID를 추가하여 작성된다. 이메일 링크 : 사용자의 이메일 클라이언트를 열고 새 이메일을 작성할 수 있도록 한다. 전화 링크 : 사용자가 클릭하면 전화를 걸 수 있도록 한다. 기타 : 태그 링크는 텍스트 뿐만 아니라 이미지나 다른 요소를 포함할 수 있어서 이미지를 클릭했을 때 지정된 URL로 이동하는 등의 기능할 수 있다. 태그에는 여러 속성값이 있는데 지금부터 태.. 2023. 12. 18. 이전 1 2 3 다음 반응형
