Sujin's Dlog

HTML 태그에 바로 적용하기 : html 태그에 style 속성을 추가하는 방식 속성1 : 속성값; 속성2 : 속성값; 속성3 : 속성값; Pink & Grey ▶ 제목은 'This is a Test File.'이며 글씨는 'Pink & Grey'임 ▶ 글씨 색상은 pink, 배경 색상은 grey로 설정 내부 스타일 시트 적용하기 : head 안의 style 태그를 작성하는 방식 Pink & Grey 외부 스타일 시트 적용하기 : css 속성을 별도의 파일로 저장하고 태그로 불러오기 → 다른 사람의 라이브러리 파일을 불러오거나 css 파일을 여러개로 분리하여 관리하기 편함 1. html 파일과 같은 폴더 내에 style.css 파일 생성 2. style.css 파일 내에 css 속성 작성 h1{ col..

1. 파일을 저장할 빈 폴더 생성 → web_development로 생성하였음 2. Visual Stuido Code 프로그램에서 폴더 열기 클릭 3. 미리 생성해둔 폴더에서 파일 -> 새 파일을 클릭해 test.html 파일 생성 4. 제대로 출력되는지 확인하기 위해 Hello World 입력 5. 생성해두었던 폴더에 들어가보면 크롬 html이 생성되어 있음 6. 위 test를 클릭해 입력하면 제대로 출력되는 모습을 확인할 수 있음

1. Visual Studio Code 사이트 접속 https://code.visualstudio.com/download 2. Windows 버튼 클릭 (Mac의 경우는 Mac 버튼 클릭) 3. 약관 허용 버튼 클릭 후 다음으로 이동 4. 다운 받을 경로 선택 후 다음으로 이동 5. 바로가기를 만들 폴더 경로 선택 후 다음으로 이동 6. PATH에 추가 선택 후 다음으로 이동 7. 설치가 완료되면 종료