Computer >> 컴퓨터 >  >> 프로그램 작성 >> HTML

HTML에 인라인 레이어를 추가하는 방법은 무엇입니까?


태그를 사용하여 인라인 레이어를 추가합니다. HTML 태그는 포함하는 텍스트 흐름에서 공간을 차지하는 레이어를 만드는 데 사용됩니다. 후속 콘텐츠는 가 차지하는 공간 뒤에 배치됩니다.

이는 포함하는 텍스트 흐름 위에 레이어를 생성하여 후속 콘텐츠가 방금 생성된 레이어 아래에 배치되도록 하는 태그와 대조됩니다.

HTML 태그는 다음 속성을 지원합니다 -

속성

설명

레이어
이름
z 순서에서 현재 레이어 바로 위에 배치될 인라인 레이어의 이름.
배경
URL
인라인 레이어의 텍스트와 이미지가 나타날 이미지의 파일 이름 또는 URL.
아래
레이어
이름
z 순서에서 현재 레이어 바로 아래에 배치될 인라인 레이어의 이름입니다.
bgcolor
rgb(x,x,x)
#xxxxxx
색상 이름
인라인 레이어 배경에 사용할 색상입니다.
클립
숫자
인라인 레이어의 가시 영역 좌표.
높이
픽셀
인라인 레이어의 높이(픽셀 단위).
왼쪽
숫자
인라인 레이어의 왼쪽 위치. 현재 인라인 레이어가 상위 레이어라고 하는 다른 레이어의 일부인 경우 위치는 상위 레이어를 기준으로 합니다.
이름
레이어
이름
인라인 레이어의 이름.
페이지x
숫자
브라우저 창을 기준으로 한 인라인 레이어의 왼쪽 위치.
페이지
숫자
브라우저 창을 기준으로 한 인라인 레이어 상단의 위치.
src
URL
인라인 레이어 내부에 표시될 페이지의 URL입니다.
상단
숫자
인라인 레이어의 상단 위치. 현재 인라인 레이어가 상위 레이어라고 하는 다른 레이어의 일부인 경우 위치는 상위 레이어를 기준으로 합니다.
가시성
표시
인라인 레이어가 표시되는지 여부를 결정합니다.

숨기기
상속하다


픽셀
인라인 레이어의 너비(픽셀)입니다.
z-색인
숫자
z 순서 내에서 인라인 레이어의 위치입니다. Z-INDEX 값이 높은 인라인 레이어는 Z-INDEX 값이 낮은 인라인 레이어 위에 배치됩니다.

예시

다음 코드를 실행하여 태그 −

를 구현할 수 있습니다.
  HTML ilayer 태그단어는 아래로 이동하는 반면 이 하나가 이동됩니다. 음수 값을 사용하면 단어를 왼쪽으로 이동할 수 있습니다.