1. 비주얼 스튜디오 설치 2. 프로그램 실행 3. extension(확장) 단추 클릭 4. korean language 검색 - 첫번째 뜨는거 설치 5. extension 단추 클릭 6. live server(코딩하는대로 바로 볼수있는) 검색 - 첫번째 뜨는거 설치 *반응형 웹디자인 : 모바일이면 모바일,피씨면 피씨에 맞게 화면이 바뀌는것 1. 파일 - 새파일(컨트롤+N) 2. 파일 - 저장(컨트롤+S) -파일명.html 3. 기본 구조 코드 입력 본문내용 ▶제목(heading): 숫자가 작을수록 큰 글자 글자입력 ▶본문(patagraph) 글자입력 ▶글자를 입력한 그대로 표시(preformat:띄어쓰기,줄바꿈을 그대로 표시해줌) -잘 안씀. 접근성 기능 낮음 글자입력 ▶글자 중간에서 줄바꿈 ▶가로줄 ..

https://ofcourse.kr/ ofcourse Learn Simply. 꼭 필요한 정보만 모아놓았어요 간단하게 배우세요 ofcourse.kr *확장자 이름은 바꾸면 안된다. (ex; 1.html 에서 앞에 1.은 바꿔도 되는데 뒤에 확장자인 html은 바꾸면 안됨) stong 글자 진하게 u 언더라인 br 줄바꿈 (이 태그는 굳이 / 이렇게 닫지 않아도 된다) p 단락나눔 (어디부터 어디까지 나눌껀지 설정해야하기 때문에 이 태그는 꼭 닫아줘야한다) li 목차 (ul 태그의 자식태그) ul li 태그의 부모태그 ol 자동으로 넘버링 되는 태그 meta charset="utf-8" utf-8로 문서를 열겠다 (설정해줘야 한글같은게 안깨짐) a 링크거는 태그 , 태그의 target 속성은 링크된 문서를..

혼자서 생활코딩 공부를 시작한지도 벌써 한달이 다 되어 간다. 공부라고 해봤자 내가 지치지 않는 선에서 강의 한두개 듣는게 다긴 하지만 ㅎㅎ 가만히 있지 않고 뭐라도 해보는게 어디냐! 각설하고, 그동안 강의 들으면서 필기했던걸 티스토리에 한꺼번에 정리하려고 한다. 앞으로도 웹퍼블 공부에 관련된 모든 것들은 이곳에 모아두어야 겠다. 후에 멋진 포폴들이 생기면 블로그를 새로 파서 따로 정리할까도 생각중..(N성향 나타나네 ㅎ 벌써부터 망상) h1 강조하는 대제목 / h2 = 소제목 oi,li 리스트 nav 네비게이션(링크걸기) header 간판(대문) article 본문 a href 링크이동 float 태그이동 (플로트가 태깅 되어있는 태그는 오른쪽,왼쪽 이동 가능) *메인페이지로 링크 이동을 하려면 각각의..