<aside>
💡 웹사이트에서 눈에 보이는 정보나 특정 구역을 설정할 때 사용하는 언어
</aside>
태그
HTML 태그 구성 요소
- 태그명 - HTML이 갖고 있는 고유의 기능 <열린태그></닫힌태그>
- 컨텐츠 - 열린 태그와 닫힌 태그 사이에 있는 내용물
- 속성 - HTML 태그가 갖고 있는 추가 정보
- 속성값 - 어떤 역할을 수행할지 구체적인 명령을 진행하는 것
HTML 문서의 기본 구조
- <!DOCTYPE html> HTML5라는 신조어로 문서를 선언하는 태그
- <html> HTML문서의 시작과 끝을 의미
모든 HTML 태그들은 <html> 태그 안쪽에 입력
- <head> 웹사이트의 간단한 요약 정보를 담는 영역
웹사이트에서 노출되지 않는 정보
- <body> 웹사이트에서 눈에 보이는 정보를 담는 영역
이미지나 텍스트처럼 출력되는 정보
- <meta charset=”UTF-8”> character setting의 약자를 나타내는 문자 코드
모든 문자를 웹 브라우저에서 깨짐 없이 표시하겠다는 의미
- <title> 웹사이트 탭에 나타나는 제목을 적는 태그
- <a> 글자나 이미지 클릭시 다른 사이트로 이동시키는 태그
- href → HTML 연결할 페이지의 주소 지정
- target → 어떤 방식으로 페이지 이동할지 결정
- ”_blank” 새 탭을 띄워서 웹사이트를 전환
- ”_self” 현재 탭에서 웹사이트를 전환 (디폴트 값)
- <img> 정보성을 갖고 있는 이미지를 삽입
닫힌 태그 없음
- src → 삽입할 이미지 파일 경로
- alt → 웹사이트가 이미지를 출력하지 못했을 경우, 텍스트 정보로 대체