TIL 2. HTML 기본 문법 2. TAG의 구성

🎈 저번 </>의 설명에 이어서 조금 더 다양한 구성을 가진 TAG들을 보며 알아보겠습니다.

🔍 <a> 속성&값

<a>는 웹과 다른 웹 문서, 사이트 등으로 연결해주는 링크의 효과를 줄 수 있는 TAG입니다.
일반적으로 <a>는 <a>https://velog.io/</a>로 쓰이는 것이 아니라
<a href="">https://velog.io/</a>와 같이 href가 추가된 것을 볼 수 있습니다.
이것을 attribute(속성)이라고 합니다.


또한 ""안에는 원하는 웹 문서나 사이트 등으로 이동할 수 있는 경로나 주소를 입력합니다.
이것을 value(값)이라고 합니다.

ex)
🖋 <a href="https://velog.io/">벨로그</a>
➡️ 벨로그

🔍 <blockquote> 속성&값

<blockquote>는 인용된 문단을 표현할 때 사용하는 TAG입니다.
그런데 <blockquote>는 함께쓰이는 TAG와 attribute가 있습니다.
바로 cite입니다.

cite는 인용된 문단의 출처를 알려줄 때 사용하는 TAG입니다.
또한, 출처의 주소를 함께 나타내기 위해 <blockquote>의 attribute로
함께 사용하기도 합니다.

ex)
🖋 <blockquote cite="https://dasforyou.tistory.com/entry/%EC%9C%A0%EB%AA%85%EC%9D%B8%EB%AA%85%EC%96%B8-%EC%97%98%EB%A1%A0-%EB%A8%B8%EC%8A%A4%ED%81%AC%EC%9D%98-10%EA%B0%80%EC%A7%80-%EC%A1%B0%EC%96%B8> On iteration: "You want to be extra rigorous about making the best possible thing you can. Find everything that's wrong with it and fix it. Seek negative feedback, particularly from friends."
<cite>Elon Reeve Musk</cite>
</blockquote>


➡️ On iteration: "You want to be extra rigorous about making the best possible thing you can. Find everything that's wrong with it and fix it. Seek negative feedback, particularly from friends."
Elon Reeve Musk

🎈 보기에 출처의 기울임을 제외하고 아무런 변화가 없어보이지만,
blockquote tag를 사용함으로, 위의 인용문단은 저 주소를 출처로 한다는 것을 알리는 구체적인 정보를 가지게 되었습니다.

🔍 정리

➡️ <a href="주소">내용</a>를 분석하면

TAG의 구성 전체 : 요소(element)

<a (시작태그)

href (속성, attribute)

주소 (값, value)

</a> (종료태그)

로 이루어져있습니다.