반응형
<html>
<head>
<title>타이틀</title>
</head>
<body>
Hello, World!!
ingoo
<h1>제목1</h1>
<h2>제목2</h2>
<h3>제목3</h3>
<h4>제목4</h4>
<h5>제목5</h5>
<h6>제목6</h6>
<ul>
<li>리스트1</li>
<li>리스트2</li>
<li>리스트3</li>
<li>리스트4</li>
</ul>
<a href="http://naver.com">링크</a>
<!--
a 엘리먼트가 시작하는 부분에 내용을 넣을 수가 있는데 이것을 주로 속성이라고 합니다.
-->
<!--
key="속성값" / queryString
볃교String
href는 링크를 거는 속성이고
그 안에 들어간 값이 링크 이동하는 값입니다.
-->
<a href="http://google.com">구글로이동</a>
<div>영역</div>
<span>작은영역</span>
<span>작은영역2</span>
<div>영역2</div>
<!--닫는 태그 없이 단일 태그만으로도 실행가능-->
<input type="text" value="값은 무엇인가?" placeholder="아이디를 입력해주세요"/>
<input type="password" placeholder="패스워드를 입력해주세요"/>
<input type="button" value="로그인" />
<button>로그인</button>
<input type="submit" value="로그인 제출" />
<input type="radio" name="gender" id="men" checked="checked" /> <label for="men">남자</label>
<input type="radio" name="gender" id="women" /> <label for="women">여자</label>
<input type="radio" name="gender" id="not human" /> <label for="not human">사람아님</label>
<!-- 연습방법은 다른 그룹으로 3가지 정도를 만들어 보면 알게된다.-->
<!--checkbox-->
<input type="checkbox" /> 컴퓨터
<input type="checkbox" /> 영화
<input type="checkbox" /> 독서
<input type="checkbox" /> 운동
<input type="checkbox" /> 잠
</body>
</html>
반응형
'HTML' 카테고리의 다른 글
| HTML의 기초(4) - <label> 엘리먼트 (0) | 2021.12.27 |
|---|---|
| HTML 응용(1) - element들 간의 관계, 이미지 삽입하기 (0) | 2021.12.22 |
| HTML의 기초(3) - table 생성하기 (0) | 2021.12.21 |
| HTML의 기초(2) - <a>, <input> element (0) | 2021.12.20 |
| HTML의 기초(1) - 기본 문법 <head>, <body> (0) | 2021.12.20 |