본문 바로가기
SMALL

프론트엔드 개발자80

VsCode 비주얼스튜디오 환경 설정하기 vs코드 환경설정 설정 zoom -> 첫번재꺼 체크 설정메뉴 단축키 ctrl + ' word wrap -> on explorer.com -> 체크 끄기 workbench.tree -> 20 px font family Monaco,Consolas, 'Courier New', monospace 코드자동완성기능 zen coding emmet https://emmet.io/download/ 확장프로그램 Live Server 설정 -> user -> extensions -> live server -> custom browser -> chrome (브라우저 크롬으로 바꾸기) prettier (코드정리프로그램) Material Icon Theme indent-rainbow 2023. 3. 7.
html 이미지 불러오기 태그 이미지와 링크태그 이미지 불러오기 이미지 출처 입력 웹 이미지 포맷 비트맵 gif (현재는 사용안하는 추세) jpg , png 벡터 svg jpg와 png 차이 출처 입력 jpg : 압축 png : 무압축 배경투명저장 기능 ./img/cat1.jpg 현재 내 폴더에서 img폴더를 찾아간후 cat1.jpg를 찾아라 . = 자신의 폴더 (생략가능) .. = 부모 폴더 / 경로표시 2023. 3. 6.
html 링크태그 만들기 (누르면 이동하는 사이트 만들기) HTML 삽입 미리보기할 수 없는 소스 컨텐츠 a tag = 하이퍼링크를 구현하는 태그 href = hyper Reference 주소값 = URL 작성 URL (Uniform Resource Locator) 2023. 3. 6.
Html 태그 공부하기 html기본구조 1)제목태그 heading tag 2)문단태그 paragraph tag 3)목록태그 list tag 4)멀티미디어 태그 image, video -> 이미지,비디오 5)표태그 table tag 6)양식태그 form tag 7)링크태그 link tag 1) Semantic markup (의미론적 마크업) -> 컨텐츠 작성시 구조에 맞게 태그를 사용해야됨 2)Web Accessbility (웹접근성) -> Anybody, Any Device (웹을 차별받지 않고 사용할 조건) 스크린 리더 --> 소리 책 -> 언어 HTML 삽입 미리보기할 수 없는 소스 2023. 3. 6.
LIST