>  기사  >  웹 프론트엔드  >  HTML5 태그 사용법에 대해 얼마나 알고 계시나요? HTML5 태그 속성에 대한 자세한 설명

HTML5 태그 사용법에 대해 얼마나 알고 계시나요? HTML5 태그 속성에 대한 자세한 설명

寻∝梦
寻∝梦원래의
2018-08-16 14:09:313897검색

HTML5 태그 사용법에 대해 얼마나 알고 계시나요? 다음 문서에서는 HTML5 태그를 사용하는 7가지 방법과 HTML5 태그 속성의 사용법을 주로 설명합니다.

HTML5 태그 정의 및 사용법:

태그는 플러그인과 같은 삽입된 콘텐츠를 정의합니다. 아래 예가 있습니다.

HTML5 태그 속성: #🎜🎜 ## 🎜🎜#

HTML5 <embed> 태그 사용법에 대해 얼마나 알고 계시나요? HTML5<embed> 태그 속성에 대한 자세한 설명

HTML5 삽입 태그 사용법 및 속성에 대한 자세한 설명:

기본 구문# 🎜🎜#

코드는 다음과 같습니다:

embed src=url

설명: embed를 사용하여 다양한 멀티미디어를 삽입할 수 있습니다. 형식은 Midi, Wav, AIFF, AU, MP3 등이 될 수 있습니다. IE의 새 버전도 이를 지원합니다. URL은 오디오 또는 비디오 파일과 해당 경로이며 상대 경로 또는 절대 경로일 수 있습니다.

예, 코드는 다음과 같습니다:

 <embed src="your.mid">

1. 태그 컨테이너 속성:

#🎜🎜 # 구문: height=# width=# 설명: 값은 양의 정수 또는 백분율이며 단위는 픽셀입니다. 이 속성은 제어판의 높이와 너비를 지정합니다.

높이: 제어판의 높이

너비: 제어판의 너비.

예, 코드는 다음과 같습니다:

<embed src="your.mid" height=200 width=200>

2.전경 및 배경 색상 태그:

# 🎜🎜 # 구문: palete=color|color

설명: 이 속성은 포함된 오디오 또는 비디오 파일의 전경색과 배경색을 나타냅니다. 첫 번째 값은 전경색이고 두 번째 값은 다음과 같습니다. 배경색을 |로 구분하세요. 색상은 RGB 색상(RRGGBB), 색상 이름 또는 투명일 수 있습니다.

예시 코드는 다음과 같습니다:

 <embed src="your.mid" palette="red|black">

3. 태그 정렬:

구문: align=top,bottom,center,baseline,left,right,texttop,middle,absmiddle,absbottom

설명: 이 속성은 제어판과 현재 행에 있는 개체의 정렬을 지정합니다.

중앙: 제어판이 중앙에 있습니다.

왼쪽: 제어판이 왼쪽에 있습니다.

오른쪽: 제어판이 중앙에 있습니다. # top: 제어판의 상단이 현재 행의 가장 높은 개체의 상단에 정렬됩니다.

하단: 제어판의 하단이 해당 행의 기준선에 정렬됩니다.

기준선: 제어판의 하단이 텍스트의 기준선에 맞춰집니다.

texttop: 제어판의 상단이 텍스트의 기준선에 맞춰집니다. 현재 줄의 가장 높은 텍스트의 상단

중간: 제어판 중앙은 현재 줄의 기준선과 정렬됩니다.

absmiddle: 제어판 제어판이 현재 텍스트 또는 개체의 가운데에 정렬됩니다.

absbottom: 제어판의 하단이 텍스트의 하단에 정렬됩니다.

예시 코드는 다음과 같습니다:

<embed src="your.mid" align=top>
 <embed src="your.mid" align=center>

4.태그 설명 텍스트:

#🎜🎜 # 구문: title=#

설명: #은 설명 텍스트입니다. 이 속성은 오디오 또는 비디오 파일의 설명 텍스트를 지정합니다.

예시 코드는 다음과 같습니다:

 <embed src="your.mid" title="第一首歌">

5. 라벨 모양 설정:

#🎜🎜 # 구문: Controls=console, smallconsole, playbutton, Pausebutton, StopButton, VolumeLever 설명: 이 속성은 제어판의 모양을 지정합니다. 기본값은 콘솔입니다.

콘솔: 일반 패널;

smallconsole: 작은 패널

재생 버튼만 표시됩니다. #🎜 🎜 #pausebutton: 일시정지 버튼만 표시됩니다.

stopbutton: 중지 버튼만 표시됩니다.

Volumelever: 볼륨 조절 버튼만 표시됩니다.

예, 코드는 다음과 같습니다.

 <embed src="your.mid" controls=smallconsole>
 <embed src="your.mid" controls=volumelever>

6. autostart=true, false

설명: 이 속성은 다음을 지정합니다. 오디오 또는 비디오 파일은 다운로드 후 자동으로 재생됩니다.

true: 다운로드 후 음악 파일이 자동으로 재생됩니다.

false: 다운로드 후 음악 파일이 자동으로 재생되지 않습니다.

예, 코드는 다음과 같습니다:

<embed src="your.mid" autostart=true>
 <embed src="your.mid" autostart=false>
7.태그 루프 재생:

#🎜🎜 # 구문: loop=양의 정수, true, false

설명: 이 속성은 오디오 또는 비디오 파일의 루프 여부와 루프 수를 지정합니다.

속성 값이 양의 정수 값인 경우 오디오 또는 비디오 파일의 루프 수는 양의 정수 값과 동일합니다.

속성 값이 다음과 같은 경우 true이면 오디오 또는 비디오 파일이 반복됩니다.# 🎜🎜#

속성 값이 false이면 오디오 또는 비디오 파일이 반복되지 않습니다.

예, 코드는 다음과 같습니다:

<embed src="your.mid" autostart=true loop=2>
 <embed src="your.mid" autostart=true loop=true>
 <embed src="your.mid" autostart=true loop=false>
HTML5 태그에 대한 팁 및 설명:

#🎜🎜 #Comments: 태그에는 src 속성이 있어야 합니다.

팁: 이전 브라우저가

HTML 4.01과 HTML 5의 차이점:

태그는 HTML 5의 새로운 태그입니다.

【관련 추천】

HTML5의 새로운 구조 요소는 무엇인가요? HTML5의 새로운 구조 요소 사용(권장)

HTML5의 기사 태그란 무엇인가요? HTML5에서 기사 요소는 어디에 사용됩니까?

위 내용은 HTML5 태그 사용법에 대해 얼마나 알고 계시나요? HTML5 태그 속성에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.