[HTML] 입력 필드 태그 - <input>

태그 - 사용자의 데이터를 받을 수 있는 대화형 컨트롤 생성 - 자체적으로 닫는 태그 type : 입력받는 데이터 형식 지정. 기본값은 text 더보기 - text : 텍스트 입력 - button : 버튼 - password : 비밀번호 입력. 실제값을 숨기고 *같은 특수문자로 표시 - number : 숫자 입력. step으로 증가 카운트 설정 - range : 범위 값 입력. 최솟값(min)과 최댓값(max) 설정 - checkbox : 체크 박스 생성. value로 값 할당하고 name과 동일한 값 가짐 - radio : 라디오 버튼 생성. 주로 여러 옵션 중 하나를 선택할 때 사용 - submit : 제출 버튼 생성 name : 폼 데이터가 서버에 제출될 때 사용되는 이름 value : 디폴트 글자..

• format_list_bulleted Front-end/HTML
• · 2023. 4. 8.
• textsms

[JavaScript] 경고창 메소드 - alert()

경고창 메소드 - 확인 버튼을 가지며 메시지를 지정할 수 있는 경고창을 띄움 alert(메세지); alert("Hello");

• format_list_bulleted Front-end/JavaScript
• · 2023. 4. 8.
• textsms

[JavaScript] 자바스크립트란?, <script> 태그

자바스크립트 - 사용자와 상호작용하는 프로그래밍 언어 - HTML 위에서 동작하며 HTML을 제어하는 언어 - 문장 맨 마지막에 ;(세미콜론) 넣어야 함 - 동적인 언어

• format_list_bulleted Front-end/JavaScript
• · 2023. 4. 8.
• textsms

[CSS] 선택자(Selector) - class, id, 우선순위

모든 요소(*) : 모든 유형의 요소 css - * { 효과; } * { color: red; } 태그(tag) 이름 : html에서 사용하는 태그의 이름 html - css - 태그이름 { 효과; } h1 { font-family: cursive; } 속성(attribute) 이름 : 특정 속성이 포함된 요소를 지정 css - [속성이름] { 효과; } [href]{ color: magenta; } 특정 요소에서 특정 값을 가진 요소들에게 각각 다른 효과를 주고 싶다면, css - 요소이름[속성이름*=값] { 효과; } img[src*='winter'] { height: 50px; } img[src*='summer'] { height: 100px; } class (클래스) : 특정 요소만 선택하고 싶을..

• format_list_bulleted Front-end/CSS
• · 2023. 3. 25.
• textsms

[CSS] 글자 크기 변경 속성 - font-size

글자 크기 변경 속성 - 글자 크기 바꾸고 싶을 때 사용 - px 단위, % 단위, 상대적인 크기 전부 사용 가능 font-size: 크기; CSS JavaScript HTML 삽입 미리보기할 수 없는 소스

• format_list_bulleted Front-end/CSS
• · 2023. 3. 25.
• textsms

[CSS] 글자 꾸밈 속성(꾸밈 제거, 밑줄 긋기) - text-decoration

글자 꾸밈 속성 - 글자를 꾸미는 장식을 넣을 때 사용 - 글자 꾸밈을 제거하고 싶을 때는 none; 넣기 text-decoration:효과; CSS HTML 삽입 미리보기할 수 없는 소스

• format_list_bulleted Front-end/CSS
• · 2023. 3. 25.
• textsms

[CSS] 글자 색 변경 속성 - color

글자 색 변경 속성(color) - 글자 색 변경할 때 사용 color:색; CSS HTML 삽입 미리보기할 수 없는 소스

• format_list_bulleted Front-end/CSS
• · 2023. 3. 25.
• textsms