My footsteps
이미지 가져오기 *닫는 태그 없음 *사진을 가져올땐 html폴더 안에 무조건 사진이 있어야만 가져올수 있음 ↑ ../이미지폴더/이미지파일.확장자 웹페이지에서 사용 가능한 이미지 확장자 ▶jpg:압축형식 이미지파일,투명한 부분은 흰색으로 나옴 ▶png:투명한 부분을 그대로 살린 이미지 파일 ▶svg:확대해도 선명한 이미지(그림에 적합함) 파일 ▶gif:최대가 256색으로 움직이는 이미지 파일 이미지 크기 지정하기 *width만 입력하거나 height만 입력하면 가로세로 비율이 고정된 상태로 크기가 조절됨 *비율을 무시하려면 width,height 모두 지정해야된다 다른 웹페이지 이미지 가져오기 1. 가져올 이미지가 있는 웹페이지 열기 2. 가져올 이미지에서 우클릭 3. 이미지 링크나 주소 복사(그냥 주소 ..
색지정하기 ▶ 배경색 지정 ▶ 글자색 지정 ▶ 혼용 ※ 색이름 입력 방법(3가지) ▶ 영문으로 입력 : red, yellow, blue, lightgray.... ▶ RGB값으로 입력 : rgb(000,000,000) ▶ 16진수로 입력 : #00ff00 HTML 태그 정의 및 특징 태그는 테이블에서 서식 지정을 위해 하나 이상의 열을 그룹으로 묶을 때 사용합니다. 요소는 각 행(row)이나 셀(cell)의 스타일을 반복하지 않고, 열(column) 전체에 다른 스타일을 적용하고 싶을 때 유용하게 사용할 수 있습니다. 또한, 요소 내부에 요소를 포함하여 열마다 각각 다른 스타일을 적용할 수도 있습니다. 요소는 요소의 자식 요소로, 모든 요소보다 뒤에 위치해야 하며 모든 , , , 요소보다는 앞에 위치해야..
1. 닷홈가입 2. 상단메뉴 - 웹호스팅 - 무료호스팅 3. 무료호스팅 신청 - 아이디,비번설정,이메일 인증 4. 파일질라 설치 5. 호스트: 아이디.dothome.co.kr 6. 빠른연결 단추 클릭 7. html 폴더안에 작업한 html,css 파일 넣기 (왼쪽은 내컴퓨터 폴더,오른쪽은 웹폴더 / 왼쪽에서 파일을 찾아서 오른쪽으로 옮겨야함) 8. 인터넷에서 http://아이디.dothome.co.kr 접속 ▶순서가 없는 목록 (unorder list) 목록1 목록2 목록3 목록4 목록5 ▶순서가 있는 목록 (order list) .... ▶설명 목록 (definition list) 목록제목 설명 .... ▶구역 나누기:말그대로 구분을 위해서 만들어진 태그 내용 입력 ▶기본구조의 표만들기:table *t..
1. 비주얼 스튜디오 설치 2. 프로그램 실행 3. extension(확장) 단추 클릭 4. korean language 검색 - 첫번째 뜨는거 설치 5. extension 단추 클릭 6. live server(코딩하는대로 바로 볼수있는) 검색 - 첫번째 뜨는거 설치 *반응형 웹디자인 : 모바일이면 모바일,피씨면 피씨에 맞게 화면이 바뀌는것 1. 파일 - 새파일(컨트롤+N) 2. 파일 - 저장(컨트롤+S) -파일명.html 3. 기본 구조 코드 입력 본문내용 ▶제목(heading): 숫자가 작을수록 큰 글자 글자입력 ▶본문(patagraph) 글자입력 ▶글자를 입력한 그대로 표시(preformat:띄어쓰기,줄바꿈을 그대로 표시해줌) -잘 안씀. 접근성 기능 낮음 글자입력 ▶글자 중간에서 줄바꿈 ▶가로줄 ..