[HTML] 7. <input>과 <a>

Mar 06, 2025


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1>input과 a태그를 배우자</h1>
    <hr>
    <ol>
        <li>a태그 배우기</li>
        <li>input태그 배우기</li>
    </ol>
    <hr>
    <div>
        <a href="https://gyul.inblog.ai/%EC%9E%90%EB%B0%94-java-53-jdbc-45913">JDBC가 궁금하다면?</a>
    </div>        
    <hr>
    <input type="text">
    <input type="date">
    <input type="email">
    <input type="password">
    <input type="checkbox">
    <input type="radio">
    <input type="tel">
</body>
</html>

💡

1. `<a>` 태그란?

<a> 태그는 하이퍼링크(웹페이지 연결)를 만드는 태그. href 속성 → 이동할 URL을 설정

💡

2. `<input>` 태그란?

<input> 태그는 사용자가 데이터를 입력할 수 있도록 하는 폼 요소.

type 속성에 따라 다양한 입력 방식 제공.

`type` 속성	설명
`text`	일반적인 텍스트 입력
`date`	날짜 입력 (캘린더 지원)
`email`	이메일 입력 (유효성 검사 포함)
`password`	비밀번호 입력 (로 표시)
`checkbox`	체크박스 (다중 선택)
`radio`	라디오 버튼 (단일 선택)
`tel`	전화번호 입력

See more posts

[HTML] 7. <input>과 <a>

1. <a> 태그란?

2. <input> 태그란?

More articles

[HTML] 9. 아이프레임

[HTML] 8. 엔티티(Entities)

[HTML] 6. 목록 태그 (<ul>, <li>) 정리

[HTML] 5. 간단한 사진 갤러리 만들기

1. `<a>` 태그란?

2. `<input>` 태그란?