728x90 반응형 비주얼스튜디오코드22 비주얼 스튜디오 코드③ 테이블 01 테이블 테이블 - 반응형에서 제약이 있지만, 편리하고 넓이값 높이값을 퍼센트로 줄 수 있기 때문에 용이 td td td td tr 한 줄씩을 tr 한 칸씩을 td 라고 부른다 tr을 이루는 것이 table. h태그는 1번부터 6번까지 사용할 수 있다. h1 태그는 로고에만 사용함 가장 큰 제목이 로고 align = 가로정렬 valign(vertical align) = 세로정렬 1-1 테이블 병합 colspan: 칸을 합친다. rowspan: 줄을 합친다. border: 가장자리 cellspaceing="0": 테두리 두줄로 되어있는 걸 한줄로 합쳐줌 수치가 들어갈 경우 테이블보더와 tr/td 간 두께가 생김 body란? 바디 백그라운드 컬러 변경 2가지 방법 1. 안에 생성하여 body 백그라운드 .. 2023. 5. 17. 비주얼 스튜디오 코드②_이미지넣기_백그라운드 이용 크롬설정하기 manage > settings > extensions > live server config > custom browser > chrome 변경 화면 셋팅하기 _ 글자 한문단에 계속 이어지는 것 방지하기 manage > settings > search settings에서 word 검색 > word wrap 찾아서 wordwrapColumn 설정 하기 배너 이미지 적용 이미지 넣을 부분에 주석처리 해주어 이미지를 대체한다. 주석처리: ctrl+/ [배너 이미지 넣기] #banner 안에 background: url( . /폴더/파일이름) . 은 자기자신: index.html 안에 있는 폴더 .. 은 상위폴더(부모폴더) margin: 바깥여백, 컬러값을 넣으면 박스의 여백이 늘어남 padding.. 2023. 5. 16. 웹 디자인 header.html 포토샵 새로만들기 > 문서설정 w1200 * h700 rgb컬러 설정 [레이어추가] -header -banner -contents -footer style > fixed size 변경 후 height 100 / 300 / 200 눈금자 표시 style > normal 변경 포토샵 보다 피그마가 더 유용하게 사용함 영역 지정후 레이어 별 alt+delet 연한색으로 칠하기 비주얼스튜디오에서 넘어와서 포토샵에서 디자인한 정보를 토대로 스타일을 변경해줌 div 기본적으로 마진값이 적용되어있다. div 마진값 설정 마진값 0을 주고싶다면 margin: 0px; * : 모든영역에 적용 > 모든 영역에 디폴트로 적용 padding: 글자에 여백이 들어감 여백 치수는 시계방향으로 적용된다. 모든 모니터에 적용하기 위.. 2023. 5. 15. 비주얼스튜디오코드 기초 ① [텍스트 관련 요소 태그] [글자크기 변경] 확대 ctrl+ + 축소 ctrl+ - [새로만들기] 파일 > 폴더열기 > 오른쪽마우스 > NEW FILE > index.html 작성 > 오른쪽창에 ! 엔터 html lang- " en" > english viewport : display > 1:1 로 들어가겠다 안들어가면 반응형이 안됨 코딩: ~ div : 블럭 사각형이라고 생각하기 인라인 구조 : 텍스트구조 div 구조: 사각형구조 body 안에 div를 넣어줘야함 4개의 div 가 필요함 : 헤더 / 베너 / 컨텐츠 / 푸터 내부스타일 div 이름정해주기 > 선택자 아이디로 설정 html > id id = " 000 " > 000 더블클릭에서 복사 붙여넣기 div > # header / w , h , .. 2023. 5. 15. 이전 1 2 3 4 다음 728x90
