[실습 1] HTML 문서를 구성하는 태그

<meta charset="UTF-8">

• <meta> 태그의 charset 속성은 해당 HTML 문서의 문자 인코딩 방식을 명시합니다.
• 인코딩을 명확하게 알려주지 않으면 웹브라우저 설정 상황에 따라 자동으로 인코딩을 추정해서 처리해주는데, 처리가 정확할 경우도 있지만, 그렇지 못하는 경우도 많습니다. 다양한 경우에 한글이 깨지지 않고 잘 보이기를 기대한다면 위 태그는 꼭 적어주는 것이 좋습니다.

반드시 써야하나요? · Issue #107 · codingeverybody/codingyahac

의미와 필요성

: 문서 레벨 메타데이터 요소 - HTML: Hypertext Markup Language | MDN

[실습 2] 링크와 이미지 입력하기

<a> 태그

• HTML <a> 요소(앵커 요소)는 href 특성을 통해 다른 페이지나 같은 페이지의 어느 위치, 파일, 이메일 주소와 그 외 다른 URL로 연결할 수 있는 하이퍼링크를 만듭니다.
• <a> 안의 콘텐츠는 링크 목적지의 설명을 나타내야 합니다.
• target
  • _self: URL을 현재 브라우징 맥락에 표시합니다. 기본값.
  • _blank: URL을 새로운 브라우징 맥락에 표시합니다. 보통 새 탭이지만, 사용자가 브라우저 설정을 통해 새 창으로 바꿀 수 있습니다.

<img> 태그

• src 특성은 필수이며, 포함하고자 하는 이미지로의 경로를 지정합니다.
• alt 특성은 이미지의 텍스트 설명이며 필수는 아니지만, 스크린 리더가 alt의 값을 읽어 사용자에게 이미지를 설명하므로, 접근성 차원에서 매우 유용합니다. 또한 네트워크 오류, 콘텐츠 차단, 죽은 링크 등 이미지를 표시할 수 없는 경우에도 이 속성의 값을 대신 보여줍니다.