> 웹 프론트엔드 > HTML 튜토리얼 > HTML 학습(3) - 이미지 태그

HTML 학습(3) - 이미지 태그

黄舟
풀어 주다: 2016-12-29 15:30:32
원래의
1187명이 탐색했습니다.

이미지 태그:

<img  alt="HTML 학습(3) - 이미지 태그" >
로그인 후 복사

속성:

align: 이미지 배열 정의

border: 이미지의 테두리를 설정하는 데 사용됩니다.

src : 파일연결

[code]<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

<html >
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>image</title>
        <meta name="author" content="sync" />

    </head>
    <body>

        <!--
        演示图片标签
        -->

        <img src="http://2d.zol-img.com.cn/product/95_940x705/893/ce14aSRNzVhz2.jpg"
        height="350" width="500" border="10"
        alt="美丽的风景" />

    </body>
</html>
로그인 후 복사

HTML 학습(3) - 이미지 태그

이미지맵 :

<map>
로그인 후 복사
응용프로그램 : 선택하고 싶을 때 그것의 이미지 부분에 뭔가가 연결되어 있습니다. map 태그는 img 태그와 함께 사용해야 합니다. Href는 하이퍼링크
[code]<img src="1.jpg" alt="图片说明文字" usemap="#Map">
    <map >
        <area shape="rect" coords="50,59,116,104" href="a.html">
        <area shape="circle" coords="118,203,40" href="b.html">
    </map>
로그인 후 복사

위는 Html 학습(3) - 이미지 태그 내용입니다. 더 많은 관련 내용은 PHP 중국어 홈페이지(www.php.cn)를 주목해주세요!


관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿