inblog logo
|
harimmon
    HTML

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

    백하림's avatar
    백하림
    Mar 06, 2025
    [HTML] 7. <input>과 <a>
    <!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>
    notion image
    💡

    1. <a> 태그란?

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

    2. <input> 태그란?

    <input> 태그는 사용자가 데이터를 입력할 수 있도록 하는 폼 요소.
    type 속성에 따라 다양한 입력 방식 제공.
    type 속성
    설명
    text
    일반적인 텍스트 입력
    date
    날짜 입력 (캘린더 지원)
    email
    이메일 입력 (유효성 검사 포함)
    password
    비밀번호 입력 (****로 표시)
    checkbox
    체크박스 (다중 선택)
    radio
    라디오 버튼 (단일 선택)
    tel
    전화번호 입력
     
    Share article

    harimmon

    RSS·Powered by Inblog