티스토리 뷰
패스트캠퍼스 프론트엔드 올인원 with React 강의 수강 17일차입니다!
오늘 5번째 커리큘럼인 HTML/요소 - 콘텐츠 구분 & 문자 콘텐츠 를 끝냈습니다.
지난 주말에 시작하면서 이번 주 중반쯤에 끝날 것 같다고 예상했는데 정말 그렇군요. 🙆🏻♀️
주로, 종종 쓰거나 알고 있는 태그들도 있었고 처음 보는 (의미를 가진) 태그들도 있었는데요.
오늘 학습한 두 개 클립 내용은 모두 처음 알게된 태그였습니다.
오늘 학습한 내용은 16~17. 문자 콘텐츠 - PRE, BLOCKQUOTE 입니다.
<blockquote> 태그에 대해서는 이 블로그에서 더 많은 정보를 얻을 수 있었어요.
인용문은 어떻게 나타내는지 궁금했는데, 오늘 패캠 강의로 학습할 수 있어서 좋았습니다. 😊
<pre>
https://developer.mozilla.org/ko/docs/Web/HTML/Element/pre
HTML pre 요소는 미리 서식을 지정한 텍스트를 나타내며, HTML에 작성한 내용 그대로 표현합니다.
developer.mozilla.org
◾ Preformatted Text: 서식이 미리 지정된 텍스트 설정
◾ <pre> 태그 안의 내용에 띄어쓰기나 줄바꿈이 있을 때, 결과창에 모두 적용되어 보임.
= 텍스트의 공백과 줄바꿈을 유지하여 표시함
◾ monospace(가로너비가 같은 글자) 글꼴 계열로 보임. (ex) San Serif
<blockquote>
https://developer.mozilla.org/ko/docs/Web/HTML/Element/blockquote
: 인용 블록 요소
HTML blockquote 요소는 안쪽의 텍스트가 긴 인용문임을 나타냅니다. 주로 들여쓰기를 한 것으로 그려집니다. (외형을 바꾸는 법은 사용 일람을 참고하세요) 인용문의 출처 URL은 cite 특성으로, 출처
developer.mozilla.org
🔸 일반적인 인용문을 나타냄
🔸 <blockquote cite="주소"> 내용 </blockquote> 형태로 쓰임
학습 내용 출처: https://heropy.blog/2019/05/26/html-elements/
강의 링크: https://bit.ly/3m0t8GM
'[패캠] 프론트엔드 패키지 > HTML' 카테고리의 다른 글
| [패스트캠퍼스 수강 후기] 프론트엔드 인강 100% 환급 챌린지 19회차 미션 (0) | 2020.11.06 |
|---|---|
| [패스트캠퍼스 수강 후기] 프론트엔드 인강 100% 환급 챌린지 18회차 미션 (0) | 2020.11.05 |
| [패스트캠퍼스 수강 후기] 프론트엔드 인강 100% 환급 챌린지 16회차 미션 (0) | 2020.11.03 |
| [패스트캠퍼스 수강 후기] 프론트엔드 인강 100% 환급 챌린지 15회차 미션 (0) | 2020.11.02 |
| [패스트캠퍼스 수강 후기] 프론트엔드 인강 100% 환급 챌린지 14회차 미션 (0) | 2020.11.01 |