쉽고 빠른 초보자를 위한 HTML 태그 연습장: 웹 페이지 실습과 결과 미리보기 (MARQUEE)

HTML 태그 연습장 - 이 곳에서 연습하세요. 

태그 연습장과 다양한 예시를 제공하여 웹 개발을 시작하는 사용자들에게 유용한 정보를 제공합니다.

아래는  다양한 생성형 프로그램 로그인없이 사용가능한 무료 사이트 바로가기 입니다.

다양한 생성기 맛보기: 닉네임,비밀번호,QR코드,랜덤숫자,로고,이름,밈,슬로건,텍스트아트,음악플레이리스트 생성기

HEX, RGB 색상 코드 선택기 & 복사(RGB,HEX Color Picker & Copy – Free Online Tool)

무료 아이콘 생성기 – 다양한 이모지와 아이콘을 쉽게 선택하고 복사하기

HTML 태그 연습장

아래의 텍스트 박스에 HTML 코드를 작성해보세요:
태그 연습장이 작나요? 오른쪽 모서리를 누르고 드래그 하면 태그연습장의 크기를 조정할 수 있어요.

결과 미리보기:

미리 보기창이 너무 작나요? 태그 연습장 결과물의 크기에 따라 자동으로 변한답니다.

728x90

반응형

MARQUEE 태그

태그	속성	설명
MARQUEE	bgcolor	배경색상 정하기
	width	가로/세로크기 정하기
	height	세로크기 정하기
	direction	스크롤 움직임 방향 정하기
	behavior	움직임의 속성 정하기
	loop	움직임 반복횟수 정하기
	scrollamount	스크롤이 되는 거리간격 정하기
	scrolldelay	스크롤의 속도 정하기
	vspace	위 여백 정하기
	hspace	아래 여백 정하기

 

 

아래 예시를 복사해서 넣어 보고 실습해 보세요

예시1)

<marquee direction=left>............♡ ♡ ♡ ♡ ♡ ♡<br>..........♡<br>........♡<br>......┏┓<br>┏━┻┻━━━┑┍━━━━┑┍━━━━┑┍━━━━┑ ☆<br>┗▣▣▣▣▣▣││▣▣▣▣││▣▣▣▣││▣▣▣▣│ ∞<br>..●≒●≒●≒●≒●≒≒●≒≒●≒≒●≒≒●≒≒● ˚<br>복사해서 태그연습장에 넣어 보세요</marquee>

예시2)

<marquee scrollamount=30>숫자에 따라 속도가 달라져요</marquee>

예시3)

<marquee direction=right>위,아래,왼쪽,오른쪽 방향을 바꾸면 글자가 다르게 움직여요</marquee>

예시4)

<marquee behavior=alternate>좌우로 와리가리</marquee>

예시5)

<marquee bgcolor=blue>배경 색깔이 변해요</marquee>

예시6)

<button>버튼</button>

다양한 태그를 이 웹페이지에서 실습해 보세요.

텍스트 태그 생성 화면 예시

FAQ

태그 연습장 크기를 조정할 수 있나요?

네, 오른쪽 모서리를 눌러 드래그하면 태그 연습장의 크기를 조정할 수 있습니다.

태그 연습장의 미리 보기창이 너무 작아요. 어떻게 하나요?

태그 연습장 결과물의 크기에 따라 자동으로 미리 보기창의 크기가 조정됩니다.

결과 조회 버튼을 눌러도 반응이 없어요. 어떻게 해야 하나요?

입력한 HTML 코드에 오류가 있을 수 있습니다. 코드를 확인한 후 다시 시도해 보세요.

태그 연습장에서 어떤 태그들을 실습할 수 있나요?

많은 HTML 태그들을 실습할 수 있습니다. 예시로는 <marquee>, <button> 등이 포함됩니다.

태그 연습장 썸네일 이미지 입니다. 여기선 태그 연습 안되요!! 이미지니깐요.

초등 대세 엘리하이가 만든 유아학습지 '엘리하이 키즈'
꿈이 큰 아이를 위한 무료체험 특별 혜택 + 선착순 혜택

전 과목 스타 선생님+영수 심화+영재교육원까지! 초등 인강 '엘리하이'
유재석님이 광고하는 믿을수 있는 상위1%를 위한 무료체험 특별 혜택

공부 잘하는 중학생의 시작, 엠베스트를 지금 무료로 만나보세요!
전국 2641개 내신 최상위가 선택한 중등인강 1위 +무료체험 혜택