Java/UI구현18 2023.03.17 클래스 선택자는 보통 미리 만들어놓고 html에 적용하는 편이다. id 선택자는 따로 수정할때 많이 사용한다. background-color는 상속불가. 함수이름() -> 함수호출(함수사용) ex> url() -> url을 지정하는 함수라고 생각하면 됨. 배경을 꾸며주는 CSS속성들 background-color속성 : 웹 문서(HTML)의 요소(태그) 배경색을 지정할때 사용. background-image속성 : 배경 이미지를 파일로 지정 background-repeat속성 : background-image속성과 함께 사용. 배경 이미지 반복 여부 및 반복 방향 지정 background-size속성 : background-image속성과 함께 사용. 배경 이미지 사이즈를 조절 background-pos.. 2023. 3. 17. 2023.03.16 이미지 파일 src = 거의 대부분 상대경로 href는 절대경로.상대경로 다씀... 자기소개 : 첨부파일 : *2MB까지 가능 사용자가 웹사이트로 정보를 보내게 해주는 태그 : form태그 네트워크상에서 주고받는 데이터 : 파라미터(매개변수) 파라미터는 url의 끝부분에 ?뒤에 위치하게된다. 파라미터가 여러개일때는 &로 구분이 된다. 파라미터는 name값과 실제값(데이터) 의 쌍으로 이루어져있다. 서버상에서 발생하는 응답코드들 200 : 네트워크 상태가 성공적으로 이루어졌을때 400 : 파일이 없거나 주소가 없는경우(오타일 가능성이 크다.) 500 : 서버상에서 발생에러(오타일 가능성이 크다.) 첨부파일 : 서버 과부하 피해서 용량 제한함. 보통 게시판글 20~30메가. 아이디 : 비밀번호 : name:.. 2023. 3. 16. 2023.03.15 상대경로 : 파일이 어떤 폴더에 위치해있는지 생각잘하고 사용하기~ 비디오 video 태그는 src는 따로 source태그 , 속성은 video옆에 내부 스타일 시트 적용 : style태그 특정 태그를 선택할때는 태그이름 그대로 사용하면 된다. 단, 태그이름을 사용하여 style적용할때는 본 페이지에서 같은 태그를 사용할 때 전부다 같은 스타일이 적용된다. 활용 방법 : 태그이름{ 스타일1:값; 스타일2:값; } table,tr,td{ /* table, tr, td 태그에 스타일을 적용하겠다. */ border: solid 1px black; border-collapse: collapse; padding: 8px; } /* border : html요소에 테두리 설정하는 속성 border에서 주로 사용하는 .. 2023. 3. 15. vsCode에서 자주 사용하는 단축키 ------ 거의 대부분의 프로그래밍 에디터에서 지원하는 단축키 ------ 주석 : ctrl + / 들여쓰기 : tab키 혹은 스페이스 역들여쓰기 : shift + tab ------ vsCode에서만 사용되는 단축키 ------ 한줄 복사 : alt + shift + 화살표 아래(혹은 위) 한줄 삭제 : ctrl + shift + k 한줄 이동 : alt + 화살표 아래(혹은 위) 소스코드 자동 정렬 : alt + shift + f 2023. 3. 15. 2023.03.14 ul태그와 ol태그를 혼용하여 사용가능 ol태그의 속성 type 속성 : 앞의 숫자 조정 start 속성 : 중간번호부터 시작 할 수 있도록 수정가능- reversed 속성 : 역순으로 표시 정의 목록 나타내기 : dl, dt, dd 태그 : 들여쓰기 표현시 많이 사용. dl태그 : 정의 목록을 감싸는 부모태그 dt태그 : 정의 대상을 나타내는 dd태그 : 정의할 문장을 작성하는 a태그의 형태 텍스트 혹은 태그 링크 : 다른사이트 혹은 다른 문서로 바로 연결해주는 기능 메뉴 뿐만 아니라 원하는 곳에 링크를 만들 수 있다. a태그랑 href는 항상 같이 씀.. 특정 파일로 링크를 할수도 있다. 리스트페이지로 이동 현재 페이지 파이리로 이동 . : 현재주소(현재폴더)를 의미 / : 주소(폴더)구분을 의미 #.. 2023. 3. 14. ui구현 2023.03.13 김영식 선생님 이메일 : kys7578@naver.com 수업자료 : http://naver.me/Fcg8W5KE UI구현 야광팔찌님이 공유한 폴더를 확인하세요. mybox.naver.com https://code.visualstudio.com/ 다운 c드라이브 workspace-html 폴더에서 저장 비주얼 스튜디오 live server 확장프로그램 추가 설치함 설정-> live server config -> custom browser -> 크롬 파일>자동저장 설정 !+tab키 : html 기본구조 자동완성 한줄 복사 : alt+shift+화살표 위,아래 ctrl+/ : 한줄주석 : 프로그래밍과 연관이 없고, 메모 용도로 많이 사용 live server 실행 단축키 : alt+l -> alt+o 브라우.. 2023. 3. 13. 이전 1 2 3 다음