● 웹 컨텐츠를 담는 태그
＊h1~h6, p, img (필수속성 src), video (필수속성 src (부가속성 autoplay, preload, controls, loop, muted)),
audio (필수속성 src (부가속성autoplay, preload, controls, loop, muted))
+ placeholder : 텍스트 입력란에 써주는 가이드 글씨이다.
<!DOCTYPE html>
<html lang="ko">
<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>연습 예제</title>
</head>
<body>
<h1>웹 컨텐츠를 담는 태그</h1>
<h6>중요한 내용일 수록 h1 순으로 작성한다.</h6>
<p>텍스트를 담는 태그</p>
<img src="joayong.png">
<video src="video/ive.mp4" autoplay preload controls loop muted>
<audio src="audio/Over_the_Horizon.mp3" autoplay preload controls loop muted>
</body>
</html>
● 시멘틱 태그
＊header, nav, section, article, aside, footer
● 테이블 태그
＊table , thead, tbody, tr, th, td
● 공간분할태그
＊블록형 (block)
＊인라인형 (inline) : a요소, span요소, input요소
● 입력양식태그
＊form(필수속성 name, action, method),
＊input 태그 종류
- text, password, button, file, checkbox, radio(name값이 같아야함), submit, reset
- radio 태그 또는 checkbox 태그에서는 텍스트를 label 태그에 담는데
label과 input이 한쌍을 이루며 label 태그의 for 값과 input 태그의 id 값이 같아야함
☆( id 를 사용할 때는 input type="radio" 또는 "checkbox" 인 경우에 label태그에서 사용한다.!!! )
● outgroup 태그 (속성 label) : 선택하는항목이 많을 경우에 사용자가 선택하기 편하도록 선택항목을 구분한다.
'국비지원 JAVA 풀스택 과정 > HTML+CSS3' 카테고리의 다른 글
| [HTML+CSS3] 위치 속성 (0) | 2022.09.29 |
|---|---|
| [HTML+CSS3] 글자 속성 (0) | 2022.09.28 |
| [HTML+CSS3] 박스속성 (2) (0) | 2022.09.27 |
| [HTML+CSS3] 박스속성 (0) | 2022.09.27 |
| [HTML+CSS3] 반응선택자 (0) | 2022.09.27 |