LIGHTIXXX

이미지를 넣어주는 <img />태그

<img src="경로" alt="대체 텍스트" />

src (source) - 이미지와 파일 경로 지정하기 (필수)

html 문서에서 이미지 파일까지 찾아가기 위한 경로를 지정해야 한다.

<!-- 절대 경로 -->
<img src="http://https://lightixxx.tistory.com/html.jpg" alt="라이틱스의 html 공부" />

<!-- 상대 경로 -->
<img src="../images/html.jpg" alt="라이틱스의 html 공부" />

alt (alternative text) - 이미지를 설명해 주는 대체 텍스트 (필수)

이미지가 불러들여지지 않을 때, 이미지를 설명해주는 대체 텍스트.

혹은 시각 장애인을 위한 화면 리더기가 이미지에 대해 설명해줘야 하기 때문에 반드시 입력해야 한다.

title - 툴팁 표시하기

<a>태그와 마찬가지로 마우스 호버시 툴팁이 노출되게 할 수 있다.

srcset - 다른 환경에서 사용될 이미지 소스를 명시

<img srcset="../images/image1.jpg 1x,
	     ../images/image2.jpg 2x" alt="예시 이미지"/>

width - 이미지의 가로 너비

height - 이미지의 세로 너비

<strong> - 중요한 내용에 사용하는 태그

<strong> 강조 </strong>

사용 시 default로 font-style: bold; 이 적용된다.

문장 내의 특정 텍스트를 더욱 강하게 강조하고자 할 때 사용한다.

<b> 태그는 강조의 의미가 없다.

<em> - 강조할 때 사용하는 태그

<em> 강조 </em>

사용 시 default로 font-style: italic; 이 적용된다.

문단 내에서 일부 텍스트를 다른 텍스트와 구분하여 강조하고자 할 때 사용한다.

<i> 태그는 강조의 의미가 없다.