이젠아카데미5 DAY5- Visual studio에서 html 파일 바로 열기, HTML•CSS 표 만들기 및 응용 담주면 자바랑 제이쿼리 개강인데 게을러서 이제야 다시 복습을 시작한다…😂😂😂 🌟목표: 복습& 일주일에 세개 이상씩 포스팅🌟나의 자존감을 지켜주는 고마운 친구 👭 1. Visual Studio Code 에서 html 파일 열기 -좌측 extensions 선택 -open in browser 검색& 설치 -link real~에서 마우스 오른쪽 눌러서 Open in Default Browser 선택 or 단축키 Alt+B 2. 표만들기1) 바디 시간표 이름 -제목행 제목 행 안에 들어가는 요소 제목 행 안에 들어가는 요소 제목 행 안에 들어가는 요소 -본문 본문 안에 들어가는 요소 본문 안에 들어가는 요소 본문 안에 들어가는 요소 -요약된 행 본문과 같은 방법으로 요소 넣기 2)스타일 table{ border:.. 2023. 8. 25. DAY4- HTML,CSS 내부하이퍼링크, 이미지맵, 리스트목록 1. 내부 하이퍼링크책갈피 기능 링크내용책갈피 걸어 놓은 곳으로 하이퍼링크***책갈피기능 자체에는 #붙이면 안됨 !!2. 이미지 맵1) tag 눈금자 사용하여 좌표 위치 찾기 이미지맵상품을 선택하세요 결합을 하시면 더더욱 저렴하게 구입하실 수 있습니다chu03125.dothome.co.kr 3. 리스트 목록1) 순서 없는 목록(요즘은 다 순서 없는 목록 사용) 안에 들어가는 목차들은 2) 순서 있는 목록 안에 들어가는 목차들은 3) 스타일 스타일 적용할 목록 {list-style:______; color:_______}lower-alpha소문자upper-alpha대문자lower-alpha로마글자decimal숫자none없앰square사각형circle뚫린 원disc닫힌 원*** 순서 잘 생각하면서 코드 입력.. 2023. 6. 18. DAY3- HTML,CSS 이미지 삽입과 하이퍼링크 태그 이미지 삽입1. images 라는 폴더 따로 만들기(다른 이름으로 저장하는 사진들 그 안에 저장할 것) 2. 사진 마우스 오른쪽 클릭 검사- Open in new tab- 다른 이름으로 저장 3. 2023. 5. 31. DAY2-피그마, HTML,CSS 구분선과 class 이름 선택자, 글꼴 관련 태그 피그마 Figma: the collaborative interface design tool. Build better products as a team. Design, prototype, and gather feedback all in one place with Figma. www.figma.com *new design file-ㅁ-place image/video 사진 선택 *rectangle 사용하여 가로, 세로 길이 측정 *단축키 i 사용해 색상 뽑기 HTML, CSS 1. html 홈페이지 제작 규칙 단추기 html5 누르면 한번에 완성 ! 더 빠르게 완성 2. 수평선 그리기 body에 사용, 닫는 태그 없음 3. class 이름 선택자 문단마다 스타일 다르게 적용해야 할 때 별명 붙여줄 것 .p1{.. 2023. 5. 29. DAY1- HTML,CSS 기본 환경 setting, 제목과 문단태그 기본환경 setting 1. 웬 브라우저 설치 1) 구글크롬 2) 사파리 => 두 브라우저에서 모두 잘 열리는지 확인하기 위함 2. 홈페이지 주소 만들기 닷홈 호스팅 닷홈은 도메인, 무료 웹호스팅, 웹빌더, 메일호스팅, SSL보안인증서, 서버호스팅, 코로케이션 등 다양한 호스팅 서비스를 제공하고 있습니다. www.dothome.co.kr 3. 웹ftp (파일질리아) 다운로드 Download FileZilla Client for Windows (64bit x86) (filezilla-project.org)d => 나말고 다른 사람들도 웹페이지 열어보기 위함 4. 비주얼 스튜디오 다운로드 Visual Studio 2022의 새로운 기능 | 무료 다운로드 - Visual Studio Visual Studio .. 2023. 5. 29. 이전 1 다음
