속성

1. 속성

열리는 태그는 특별한 서비스 정보 — 속성을 포함할 수 있어. 닫히는 태그는 속성을 포함할 수 없어. 속성의 일반적인 모습은 이렇게 돼:

<tag name1="value1" name2="value2">  

속성이 있는 태그 예시 — 링크:

      
<a href="http://codegym.cc/about" target="_blank">
    뭔가 재미있는 링크
</a>
      
    

각 속성은 이름과 값 쌍으로 구성돼 있어. 속성은 얼마든지 추가할 수 있어.

프로그래밍에 꼼꼼한 사람이라면 질문할 거야: 만약 속성 값에 «<», «>» 또는 따옴표 같은 문자를 포함해야 한다면 어떻게 해야 하지?

HTML 문서 내에서는 사용할 수 없어. 대신 특별한 형태로 작성해야 해:

이런 교체를 문자 이스케이프라고 불러. 나중에 이 주제에 대해 더 이야기해볼 거야.

2. 이미지

<img> 태그는 웹페이지에 이미지를 추가하는데 사용돼. 이 태그는 단독 태그로 닫히는 태그가 없어. 중요한 속성들:

• src — 이미지의 경로를 지정해.
• alt — 이미지를 설명해줘. 검색 엔진에 유용하고 이미지 로드가 실패할 때 도움을 줘.

예시:

      
<img src="image.jpg" alt="이미지 설명">
      
    

3. 링크

<a> 태그는 하이퍼링크를 만드는 데 사용돼. 주요 속성:

• href — 링크가 연결된 페이지나 리소스의 URL(주소)을 지정해.
• target — 링크가 어디에 열릴지 결정해 (예: _blank는 새 탭에 열림).

      
<a href="https://www.example.com">Example.com으로 이동</a>