인라인 요소(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>
텍스트에서 어떤 이유로 주위와 구분을해야 하는 부분을 나타낼때 사용합니다.
'HTML' 카테고리의 다른 글
폼(form) 구성 요소 및 사용법 (0) | 2021.06.29 |
---|---|
테이블(table) 구성 요소 및 사용법 (0) | 2021.06.29 |
HTML body 내부 태그 요소 - 블록요소(block element) (0) | 2021.06.28 |
HTML 5 시맨틱 (Semantic)마크업 (0) | 2021.06.28 |
HTML body 내부 태그 요소 - 블록요소(block element) & 인라인 요소(inline element) 특징 (0) | 2021.06.28 |