HTML ( 이미지 태그 , <a> 태그(링크) )

 <!--

        웹에서 사용할 수 있는 이미지 형식

        gif : 움직이는 이미지 , 색상 256개만 사용

        jpg : 사진 저장 , 다양한 색상, 명암 표현 가능

        png : 최근 가장 많이 사용

        이외 여러가지

    -->

<!-- 로컬에 이미지 가지고 있는 경우 -->

    <!-- src = 이미지 경로 ,  alt = 이미지가 안보일 때 대체할 텍스트 -->

    <!-- width , height : 이미지 크기 지정이 가능하나 css 로 처리하는걸 권장 -->

    <img src="img/1.jpg" alt="귀여운 다솜이" />

<!--

    이미지 경로 : 상대경로 : . or ../img/ 특정파일 => 주로 사용

                절대경로 : c:\windows\img\특정파일

    -->

 

<!--

        링크 : <a> 태그

            <a href= "링크할 주소"></a>

        속성 : target = _blank(새탭) , _self(default 현재창)

        text에 링크 연결

        기본색상 : 파란색 , 방문한 사이트 : 보라색 , 링크활성화 : 빨간색

     -->

    <a href="https://www.naver.com">네이버</a>

    <a href="https://www.google.com">

      <img src="img/2.jpg" alt="귀염둥이" />

    </a>

    <a href="image.html">이미지 삽입</a>

    <a href="https://www.naver.com" target="_blank">네이버</a>

    <a href="https://www.11st.co.kr">11번가</a>

<!--

        # = > 특정 id 값을 사용

        id 값이 부여된 특정 위치로 이동 할 수 있다.

    -->

    <ul>

      <li>

        <a href="#title1">제목1</a>

      </li>

      <li>

        <a href="#title2">제목2</a>

      </li>

    </ul>

    <h2 id="title1">제목1</h2>

    <h2 id="title2">제목2</h2>

제목1 클릭시 > id = title1 이 부여된 텍스트 제목1 위치로 이동

제목2 클릭시 > id = title2 이 부여된 텍스트 제목1 위치로 이동

<p>

      <a href="exam.txt">exam</a>

    </p>

브라우저가 해석가능한 경우 파일 오픈도 가능

 <a href="exam.txt" download>exam</a>

download 속성을 넣을 경우 열지 않고 다운로드 할 수 있음.

<a href="mailto:address@gmail.com">메일보내기</a>

메일 보내기 (outlook 등 메일앱 설정이 되어있어야함)