-
[삼쾌한 IT강의] HTML을 이용한 온라인 프로필 만들기 3탄HTML5 CSS3/HTML5 2019. 6. 9. 17:27
안녕하세요! 삼쾌한 IT강의 백소라강사입니다.
HTML 을 이용해서 온라인 프로필을 만들어보세요 !
온라인 프로필 만들기 1-2탄을 완료하지 않으신분들!! 먼저 아래 포스팅을 완성해보고 다시 와주세요
2019/05/30 - [HTML5 CSS3/HTML5] - [삼쾌한 IT강의] HTML을 이용한 온라인 프로필 만들기 1탄
2019/06/09 - [HTML5 CSS3/HTML5] - [삼쾌한 IT강의] HTML을 이용한 온라인 프로필 만들기 2탄
온라인 프로필 만들기 3탄은 앞 버전에서 이미지를 추가합니다.
프로필에 넣고 싶은 이미지를 찾아서 직접 추가 해 보시기 바랍니다!
실행 결과 예시
태그 작성 방법
1. <body>태그 바로 아래에 이미지 삽입
<img src = "이미지 경로" alt="대체 설명"> 2. 이미지에 설명 달기 : <figure> 와 <figcaption> 태그 사용
<figure>
<img src = "이미지 경로" alt="대체 설명">
<figcaption> 이미지 설명 </figcaption>
</figure>
포스팅이 도움이 됐다면 공감버튼 클릭! 댓글은 센스! 감사합니다 :-)
'HTML5 CSS3 > HTML5' 카테고리의 다른 글
[삼쾌한 IT강의] HTML 2장 연습문제 답안! (0) 2019.06.10 [삼쾌한 IT강의] HTML을 이용한 온라인 프로필 만들기 마지막 (2) 2019.06.09 [삼쾌한 IT강의] HTML을 이용한 온라인 프로필 만들기 2탄 (0) 2019.06.09 [삼쾌한 IT강의] html 컬러 코드 확인하기 (0) 2019.06.09 [삼쾌한 IT강의] HTML을 이용한 온라인 프로필 만들기 1탄 (2) 2019.05.30 댓글