<video> 태그
audio와 사용 방법은 큰 차이가 없습니다.
<video controls="controls">
<source src = "" type="video/mp4" />
</video>출력해보면 아래처럼 나옵니다.
<form>
폼 태그 (아주 중요)
<form action="%" method="get">
form에는 두가지 속성이 존재합니다.
action =
method = 정보가 넘어가는 방식
(get = 정보가 붙어서 서버로 넘어가는 방식 (보안 취약) / post = 방식 전송되는 파일이 은닉화 되어서 서버로 전송됨)
입력안할시 default 는 get
웹사이트 로그인할때 아이디와 비밀번호를 쓰는 칸들을 만들때
<input>를 사용합니다.
이름 : <input type="text" name="uname" />
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<form action="%" method="get">
이름 : <input type="text" name="uname" /><br>
아이디 : <input type="text" name=""uid /> <br>
비밀번호 : <input type="password" name=""upw><br>
전화번호 : <input type="text" name="uphone1" size="5"/>
<input type="text" name="uphone2" size="5"/>
<input type="text" name="uphone3" size="5"/><br>
사진 : <input type="file" name="upic"><br>
성별구분 <input type="radio" name="gender" values="m">남
<input type="radio" name="gender" values="w">여<br>
사용언어 : <input type="checkbox" name="lan" value="kor" checked ="checked" />한글
<input type="checkbox" name="lan" value="eng" />영어
<input type="checkbox" name="lan" value="jpa" />일어
<input type="checkbox" name="lan" value="chi" />중국어<br/>
자기소개 : <textarea rows="4" cols="20">간단하게 입력해주세요</textarea><br>
국적 : <select>
<option>KOREA</option>
<option>AMERICAN</option>
<option>JAPAN</option>
<option>CHINESE</option>
</select>
좋아하는 음식 : <select sultiple="mutiple">
<option>감자</option>
<option>고구마</option>
<option>양상추</option>
<option>닭가슴살</option>
</select><br />
<input type = "submit">
</form>
</body>
</html>이 코드를 출력하면 이렇게 나옵니다.
<span><span>
줄 안에서 인라인으로 묶기
줄 바꿈이 되지 않습니다.
<div></div>
블록단위 기본 줄 바꿈이 됩니다.
줄 바꿔(단락)으로 묶기
블록 태그
<p>
<div>
<ul><ol> <li>
옆으로 나열되는 형태 (inline형태)
<span>
'HTML' 카테고리의 다른 글
| HTML form관련 태그 (0) | 2022.06.27 |
|---|---|
| HTML 기초테그 (1) | 2022.06.24 |
| HTML 01 (0) | 2022.06.23 |
| HTML, css, js 실습 용 vscode 다운로드, 플러그인 (0) | 2022.06.23 |
