간단 지식창고

o html 태그
- 구성 요소
<img src = "heart.jpg" width="100" height="50" alt="사랑합니다"> <!-- 주석 내용 -->
태그 속성명 속성값(attibute value)
. 태그/속성 대소구분 없음
- 태그 목록
*참조 http://tcpschool.com/html-tags/intro

- 태그유형 : block / inline
. block(왼쪽에서 오른쪽 끝까지 차지) : <p>, <h1>, <div>, <ul>
. inline(블록안에서 일부 표현>) : <span>, <a>, <strong> , <img>

- 테이블
*참조 https://kutar37.tistory.com/entry/HTML5-table-%ED%83%9C%EA%B7%B8

- 하이퍼링크
<a href="http://www.naver.com">
<img src="naver.png" alt="네이버">
</a>

- 비디오/오디오
<video src="abc.mp3" width="320" height="240" controls autoplay loop><video>
.controls : 재생/시간,중단, 음소거 등 제어버튼 출력
.loop:반복 재생



o html 구조
- 이전에는 구조에 대한 태그가 없어서 div, table 태그로 만들어주어서 구조에 대한 가독성이 떨어짐
- 구조
. 참조 https://server-talk.tistory.com/106
. 문서 모양은 구조와 별개로 style를 꾸며야 함


o webform
- 사용자 입력을 받음
- form tag
. action : url
. method : get
- 태그 종류
*참조 https://ofcourse.kr/html-course/form-%ED%83%9C%EA%B7%B8
https://investechnews.com/2021/06/23/html-form%ED%83%9C%EA%B7%B8%EC%99%80-input-%EC%86%8D%EC%84%B1-%EC%82%AC%EC%9A%A9%EB%B0%A9%EB%B2%95/

- label 폼 요소의 캡션 만들기
<label for="LoginID"> 사용자 ID: </label>
<input type="text" id="LoginID" placeholder="010-1234-5678">

혹은
<label> 사용자ID : <input type="text"> <label>

. value 속성과 placeholder 차이는 입력 모드일 때 지우느냐에 있음