이미지 삽입

⌨️ 문법

<img src="" alt="" width="" height="" 
align="" vspace="" hspace="" border="">

• src : 경로
  • 절대경로
    • 디렉토리 : local
    • 서비스 : server root
  • 상대경로
    • 현재 파일(html)을 기준으로 경로 설정
      ../ 상위폴더로 이동
• height, width : 높이, 너비 (px, %)
  • 한쪽만 변경시킬 경우 종횡비가 같게 크기 조정
  • 둘다 변경시 종횡비도 같이 변경
• alt : 이미지 설명 , 이미지가 로드되지 않을 경우 나타남
• align : 문자와의 정렬 left, right, center, top, bottom(기본값)
• vspace : 위아래 간격
• hspace : 좌우 간격
• border : 테두리 (px) - 테두리색 검정
  • 아래의 형태로도 사용 가능
    ⌨️ 문법

    style="border: 선두께 타입 색상;

배경

⌨️ 문법

<p style="background: 배경색;">
<p style="background-image: url(경로);">

• background : 배경색 넣음
• backgorund-image: 배경이미지 넣음