본문 바로가기
Programming/Website

[Website] HTML 태그 (3)

by goatlab 2023. 5. 25.
728x90
반응형
SMALL

동영상 및 오디오

 

<video> src 속성으로 동영상 파일 경로 지정
<audio> src 속성으로 오디오 파일 경로 지정
controls 재생, 일시정지 등의 컨트롤러 표시
<video src="example.mp4" controls></video>
<audio src="example.mp3" controls></audio>

 

 

<form> 사용자의 입력을 받는 폼 생성
<input> 사용자의 입력을 받는 다양한 유형의 입력 요소 생성 (ex: 텍스트, 체크박스, 라디오 버튼 등)
<label> 입력 요소에 대한 설명 텍스트 제공
<button> 버튼 생성 (ex: 제출 버튼)
<!DOCTYPE html>
<html>
<head>
    <title>Webpage</title>
</head>
<body>
    <h1>Form</h1>
    <br />

    <fieldset>
        <legend>Account</legend>
        <label>Name</label><br />
        <input type="text" name="name" required />
        <br /><br />
        
        <label>Email</label><br />
        <input type="email" name="email" />
        <br /><br />

        <label>Password</label><br />
        <input type="password" name="password" />
        <br /><br />

    </fieldset>

    <input type="submit" value="Submit" />
</body>
</html>

<fieldset>
        <legend>User Info</legend>
        <label>Location</label>
        <select name="location">
            <option value="Seoul">Seoul</option>
            <option value="Busan">Busan</option>
        </select>
        <br /><br />

        <label>Gender</label>
        <input type="radio" name="gender" value="Male" /> Male
        <input type="radio" name="gender" value="Female" /> Female
        <br /><br />

        <label>Interests</label>
        <input type="checkbox" name="interests" value="Movies" checked /> Movies
        <input type="checkbox" name="interests" value="Art" /> Art
        <input type="checkbox" name="interests" value="Sports" checked /> Sports
        <input type="checkbox" name="interests" value="Game" /> Game

</fieldset>

728x90
반응형
LIST