금일강의내용정리 ========================================================================== 01_ex.html ------------------------------------------------------------------------------------------------ 그결과는? 02_ex.html ------------------------------------------------------------------------------------------------ 그결과는? 03_ex.html ---------------------------------------------------------------------------..

금일강의내용정리 ========================================================================== 02_ex.html 그결과는? - ! + tab 눌르고 en을 ko로 바꾸기 - fontawesome cdn 에서 링크복사 - fontawesome.com 에서 아이콘 가져오기 - fonts.google.com 에서 폰트 가져오기 * 웹 해상도 반응형 사이트 모, 탭, 노트, pc 320px, 1600px, 1920px 01_text.html ㄴ 엌ㅋ 이렇게 복사되노 강조임 그결과는? 02_blockInline.html - float, flex, display => 블록을 인라인으로 변환 - a, span, img, table... => 인라인 : 내용물만..

금일강의내용정리 ========================================================================== web(html) 1. 파일이름 : 04_ex.html 2. ! + tab : html 기본구조를 자동으로 생성 emmet 3. reset : html에서 기본으로 가지고 있는 여백 제거(모든 페이지) - 파일분리 4. 제목은 h1 ~ h6 문장 p태그 부분 or 특정 단어를 표시할 때 span태그 한 줄 바꿈 br태그 5. 글씨체, 아이콘 fonts.google.com fontawesome cdn fontawesome.com => 결과물.avi 01_hr.html => 결과물.avi 여기까지 금일강의내용 정리 =========================..

1. 개발 툴 : 확장자 .html - vscode - html 스크립트(웹언어는 규칙 정확히 지키지 않아도 실행되는 경우가 많기에 유연하다. * img, br ....외에는 열면 닫아줘야함 사진 jpg, jpeg - 원본용량의 1/50로 압축 : 배경 흰색 배경투명처리 : png - 사진 또는 로고 * 글씨체에 따라서 글자 크기가 다르기 때문에 제목 또는 중요한 내용이라 생각되면 h태그 사용 기본적으로 볼드체 적용 tut01.html tut02.html 01_heading.html 02_p.html 03_ex.html 여기까지 금일강의내용 정리 ========================================================================== 느낀점 : 술이 안깨노 =..