본문 바로가기

HTML

HTML body 내부 태그 요소 - 인라인 요소(inline element)

인라인 요소(inline element)

  • <a></a>
    특정 문서를 링크하는 기능이며, 인라인만 포함 가능합니다.
    - href : 링크 문서의 경로(필수 값)
    - title : 링크 문서에 대한 설명(마우스 커서를 올리면 나오는 문구)
    - target : 링크 내용이 보여질 방식 설정(_self: 기존창 표시 / _blank: 새창 표시)
    <a target="_blank" href="http://www.naver.com"></a>​
  • <span></span>
    문장의 특정 구역을 선택 가능하며, 인라인만 포함이 가능합니다.

  • <img/>
    이미지를 삽입할 때 사용합니다.
    - src = "이미지의 경로"
    - alt = "표준법으로 인해 필수 기입을 해야하며, 이미지가 표시되지 못할때 대체 텍스트로 나옵니다."
    - title = "이미지의 제목"
    <img src="../images/icon.png" alt="아이콘">​


  • <input/>
    사용자에게 데이터를 입력 받기 위해서 사용합니다.
    type에 따라 동작방식은 달라지며, type의 속성이 중요합니다.
    - type = "text" : 디폴트 값이며, 텍스트를 받습니다.
    - type = "button" : 값을 사용하는 버튼입니다.
    - type = "date" : 연월일 날짜를 지정할 수 있습니다.
    - type = "file" : 파일을 지정할 수 있습니다.
    - type = "password" : 값이 가려진 텍스트 필드 입니다.
    - type ="radio" : 여러개의 선택중에서 하나의 값을 선택하게 하는 라디오 버튼입니다.
    - type = "chekbox" : 단일 값을 선택하거나 해제할 수 있는 체크 박스입니다.
    - type = "내용을 초기화하는 버튼입니다." 

  • <i></i>
    텍스트에서 어떤 이유로 주위와 구분을해야 하는 부분을 나타낼때 사용합니다.