본문 바로가기

HTML/HTML 기초

[HTML] 이미지 태그 실습 - 1

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>이미지태그 실습</title>
</head>

<body>
    <h3>광마우스</h3>
    <img src="../images/mouse.jpg" alt="mouse" title="mouse" width="200" height="200">
    <div style="width : 50%;">
        <p><h3>1. 개요[편집]</h3><br>
            2차원 평면에서의 움직임을 컴퓨터에 전송해 주는 입력장치. 키보드와 함께 컴퓨터를 다루는 데에 있어 대표적인 입력장치 중 하나다.
            약간 세로로 길고 높이가 낮고 둥근게 생쥐를 닮았기 때문에 '마우스'라는 이름이 붙었다.
            1990년대 후반부터 위치 센서(광 센서)에 3개 이상의 마우스 버튼, 그리고 스크롤 휠을 갖춘 마우스가 가장 일반적인 형태의 마우스이다.<br>
            <h3>2. 특징[편집]</h3><br>
            클릭할 때 특유의 딸깍 거리는 소리가 난다. 때문에 정숙이 요구되는 공공장소에선 쓰기 힘든데,
            이런 곳에서 쓰기 위해 저소음 스위치를 적용한 모델도 있다. 비교적 간단하게 마우스 소음을 없애는 방법도 있는데,
            고무판을 버튼 아래 깔아놓은 듯한 저소음 마우스를 사거나 대체로 마우스보다 키보드가 소음이 덜 발생하므로[1]
            마우스의 기능을 키보드로 하는 것이다. '마우스키'라는 기능을 사용하면 커서의 이동과 클릭, 드래그를
            키보드의 키패드로 할 수 있다. 원래 마우스 대체용 기능이지만 마우스 연결 상태에서도 쓸 수 있기에 커서 이동은
            마우스로 하고 클릭이나 드래그만을 키보드로 할 수도 있다.
            보급형이나 사무용 마우스는 대개 휠 버튼을 포함해서 3버튼 형태가 보편적이며,
            대다수의 컴퓨터 프로그램은 이 3버튼을 쓰는 것을 기본으로 설계된다. 한편 게이밍용으로 출시되는
            중고급형 마우스는 6버튼 이상의 것도 많다. 이들 중에는 DPI[2]를 조절 가능한 것도 제법 많으며, 중량 조절을 위해 탈착 가능한 무게추가 동봉되어 오는 경우도 있다. 2010년대부터는
            LED
            백라이트가 장착된 모델이 생겨나기 시작했으며[3], 제조사에서 제공하는 프로그램으로 좌클릭과 우클릭 버튼 외 다른 버튼들에 키보드의 특정 키나 매크로 지정이 가능한 제품들도 많이 볼 수 있게
            되었다.
            게임을 즐겨 하는 사람에게는 게임패드와 더불어 최적의 기기. 특히 조작 속도와 정밀도가 패드보다 우월하기에 FPS 게임과 RTS 게임 분야에서는 없어서는 안 될 기기다. 그 덕택인지 해당 장르의
            게임들은 게임기보다는 PC용이 더 잘 발달했다. 그나마 FPS 게임은 헤일로 시리즈처럼 게임 패드에 최적화된 게임도 많으나, RTS는 사실상 마우스 없으면 하기가 힘들다. 실제로 블리자드가
            콘솔용으로
            출시했던 디아블로 1(장르는 RPG이나 엔진이 RTS용에 맞춰진 엔진이라 RTS 조작에 더 가깝다)이나 스타크래프트는 PC용 원작과 비교해 처참할 만큼 실패했다.

            비쌀수록 기능과 내구성이 높아지지만 싸다고 해서 내구성이 크게 떨어지지는 않는다. 저가형 마우스가 내구성이 떨어지는 건 오래 전 이야기다. 9900원짜리 등의 마트 판매 저가형 마우스를 2,
            3년 이상
            오래 쓰는 경우도 많다. 어차피 비싼 물건이나 싼 물건이나 고장나는 건 마우스 버튼 문제가 보통인데, 버튼은 고가품이라고 해도 내구성이 딱히 좋은 게 아니기 때문이다. 물론 진짜 저가형 마우스는
            내구성이 형편없는 경우도 있지만, 옴론 스위치 쓴다고 광고 때리는 제품이면 10만 원짜리나 3만 원짜리나 버튼 고장나는 시점은 별 차이 없다.</p>
    </div>

</body>

</html>

기본적으로 이미지를 삽입하기 위해서는

<img src="이미지 주소">를 사용한다.

<img src="이미지 주소" alt="대체 텍스트" title="이미지 제목" width="가로 길이" height="세로 길이">

728x90
반응형

'HTML > HTML 기초' 카테고리의 다른 글

[HTML] 링크삽입 태그 (<a> 태그)  (0) 2020.07.27
[HTML] 이미지 태그 실습 - 2  (0) 2020.07.27
[HTML] dl 실습  (0) 2020.07.27
[HTML] 리스트 실습  (0) 2020.07.23
[HTML] 리스트 작성하기 (ul, ol 태그)  (0) 2020.07.23