우리의 관심사/평생 직업으로 행복하기 (3) 썸네일형 리스트형 <패스트캠퍼스>외부 이미지 불러오기 다른 날보다 내용이 더 쉬웠던 날. 강사님 설명도 귀에 쏙쏙 들어온다. 오늘은 정적 자원(static resource) 사용하기에 대해 배웠다. 정적 자원과 동적 자원, 절대 경로와 상대 경로, 정적 페이지와 동적 페이지의 개념을 익히고, 외부 이미지를 불러오는 연습을 해 보았다. img 태그의 src 속성으로 파일 경로를 설정해 보았다. 파일 경로를 절대 경로 방법 한 가지와 상대 경로 방법 세 가지로 설정해 보았다. 이미지 파일 4개가 잘 올라왔다. 내일은 html 데이터 전송 방식에 대해 배울 예정이다. <패스트캠퍼스>성적 테이블 만들어 보기 table 태그와 ul, ol 태그에 대해 배워 보았다. 강의 들을 때마다 html 템플릿을 반복해서 필기하고, 비주얼 스튜디오 코드로 작성해 보았더니 이제 어느 정도 눈에 익은 코드들도 보인다. table 태그를 이용해 가상 성적표를 내 마음대로 만들어 보고, ul 태그와 ol 태그를 이용해 하버드 도서관에 써 있다는 명언도 써 보았다. 태그 종류가 늘어나면서 머리가 복잡해지기는 했는데, 간만에 느껴보는, 새로운 언어를 배우는 재미가 있다. <패스트캠퍼스>이미지 태그에 a 태그 속성 적용하기 html이라는 마크업 언어를 이용해 웹페이지를 만드는 방법을 배우고 있다. 이번 과제는 "이미지 태그에 a 태그 속성 적용하기"인데, 강의에서 img 태그는 src라는 속성을 갖고, a 태그는 href 속성을 갖는다는 것을 배운 뒤라 어렵지 않게 코드를 작성할 수 있었다. 비주얼 스튜디오 코드를 사용해 html 템플릿을 작성해 보았다. body 태그를 작성할 때에는 구글에서 "도경수"라고 검색하고, 이미지 주소 복사하기를 이용해 value를 넣어 준 뒤 a 태그를 이용해 하이퍼링크를 구글 사이트로 지정해 주었다. 도경수 사진을 클릭해 주면 구글 페이지로 이동을 한다. 아직 과제가 쉬우니 해 볼 맛난다. 이전 1 다음
