html&css4 <css> 탭메뉴만들기(input태그/label태그의 활용) input태그는 사용자에게서 데이터를 받기 위해 사용되는 주태그이다. 이에 따라 다양한 속성을 가지고 있어서 상황에 맞게 사용할 필요가 있다. label태그는 input에 이름을 붙여주는 태그라고 생각하면 된다. label의 for속성을 통해 input의 id와 연결하는 작업이 필수적이다. 오늘 CSS작업을 통해 탭메뉴만들기는 input의 radio속성을 활용해서 진행될 예정이다. 우선 input태그에 대해 간단히 알아보고 시작해볼까 한다. 이외에도 input태그에 여러 속성이 있으니 참고만 하시길!😉 1. input태그 속성 text 텍스트입력 email 이메일입력 tel 전화번호입력 password 비밀번호입력 color 색상컨트롤 time 사용자지역시간 date 년,월,일 표시달력 month 월 달.. 2024. 4. 12. <CSS> border-gradient 그라디언트 테두리 오늘은 CSS로 테두리에 그라디언트를 삽입하는 방법을 기록하고자 한다.(포트폴리오 작업하다가 추가 공부하게 된 내용) 일반적인 CSS 테두리 속성은 border: 두께 스타일 색상; (border : 1px solid black;)과 같이 입력하여 사용하지만 테두리에 그라디언트가 들어가는 경우 border-image/background-image속성을 사용하게 된다. 1. border-image : gradient 속성 적용/ 다만, border-radius 속성 적용이 안됨 · border : border속성 설정 · border-image : gradient속성 설정 · border-image-slice (필수로 함께 사용 ★) .square{ border: 10px solid; border-imag.. 2024. 4. 10. <html> HTML5 문서의 구조 HTML5 문서의 구조는 과 , : 웹페이지의 정보를 정의 ▶ 태그 내에는 다음과 같은 태그를 작성할 수 있음 ~ : 태그 내 작성한 내용이 웹 브라우저의 제목 표시줄에 표시 : 문서를 만든 이, 검색 시 키워드, 웹 페이지 정보 등 작성 : 문서 내 모든 링크의 기준이 되는 URL 지정 : CSS3와 같은 문서장식 프로그램이 위치하는 공간 : 외부 문서 혹은 사이트 자원의 연결 : 자바스크립트 등 다양한 프로그램이 위치 ~ : HTML5문서의 본문을 작성하는 공간 -~: 헤드라인 태그(태그의 경우 로고삽입시 주로 사용) - 스페이스 키(공백) - 줄바꿈 태그 - 기호 > - 문단 구분 태그 - 태그 (본문 내용텍스트 중 일부 강조, 변경을 위해 사용) - HTML5문서의 주석은 의 구조 2024. 4. 1. <vscode> visual studio code 프로그램 코딩작업에는 수많은 언어, 작업프로그램들이 있지만 UI/UX 디자이너들이 html, css, javascript 작업을 위해 사용하는 대표적인 프로그램은 Visual Studio Code! https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows.. 2024. 4. 1. 이전 1 다음
