링크
- 현재 문서에서 다른 문서로 이동할 수 있는 수단
anchor
<a href="https://www.링크주소.com"> 링크 주소 </a>- 인라인 요소
- 콘텐츠에는 링크의 목적지 표시
프로퍼티
- href : 다른 url로 연결할 수 있는 링크 생성
- 전화번호나 메일 주소 등도 지정 가능
- "tel:010-xxxx-xxxx"
- "someone@some.com"
- target : "_self"의 경우 현재 탭, "_blank"의 경우 새로운 탭
예시
목록
- 연관 있는 항목들을 나열한 것
- 순서 없는 목록과 순서 있는 목록으로 구분
- 순서 없는 목록
<ul></ul> - 순서 있는 목록
<ol></ol>
- 순서 없는 목록
- 목록 안에 들어가는 항목을 표시할 때는 li 태그 사용
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<p>목록 연습</p>
</head>
<body>
<h1>기술스택</h1>
<ul>
<li>C++</li>
<li>Lua</li>
<li>Unity</li>
<li>C#</li>
</ul>
<hr>
<h1>공부순서</h1>
<ol>
<li>프로그래밍 언어</li>
<li>자료구조</li>
<li>운영체제</li>
<li>네트워크</li>
</ol>
</body>
</html>예시
입력
- 사용자로부터 값을 입력받을 수 있는 대화형 필드
- 인라인요소이며, 단일 태그
프로퍼티
- type : 해당 값에 따라 입력 요소의 형태나 입력 데이터 유형 등이 달라진다
- "text" : 텍스트를 입력받는 형태
- maxlength : 입력 받을 수 있는 최대 개수 지정하는 프로퍼티
- placeholder : 비어있을 때 표시해줄 텍스트를 지정하는 프로퍼티
- "button" : 버튼 형태
- value : 버튼 내부 텍스트를 지정하는 프로퍼티
- "color" : 팔레트로 색상 선택
- "range" : 슬라이드 형식으로 입력받는 형태
- max : 최대값 지정하는 프로퍼티
- min : 최소값 지정하는 프로퍼티
- step : 슬라이드 이동 값 지정하는 프로퍼티
- "date" : 날짜 입력받는 형태
- "text" : 텍스트를 입력받는 형태
- name : 식별자 프로퍼티
예시
1717177