$$config title: New Title keywords: - IT - ... $$ 2022/06/20 HTML 확장자는 html로 만들고 하이퍼링크가 가능함. 웹 접근성 웹 표준 --미리 만들어 놓은 약속 Html은 구조를 만드는것 집의 골격을 나타낸다. css는 인테리어라고 생각하고 js는 전기나 수도 라고 생각하는것 기준은 크롬으로 잡아야한다. 은 각 웹 콘텐츠 영역에서 제목을 표시할 때 사용
줄을 바꿀 위치에 사용 닫는 태그없는데

주제가 바뀔 때 분위기 전환 --수평줄 생김

입력한 내용 앞뒤로 빈 줄이 생기면서 텍스트 단락이 만들어짐

는 타른 텍스트보다 안으로 들여 써진다.

 소스에 표시한 공백이 그대로 표시됨



,---굵게 표시

--중요한 내용이라서 강조해야 할때

---단순히 굵게 표시할 때



,---이탤릭체로 표시하기

흐름상 특정 부분을 강조하고 싶을 때

---단순히 이탤릭체로 표시할 때



--줄바꿈 없이 다른 내용과 한 줄에 인용 내용 표시
-----인용 내용 앞뒤에 따옴표(" ") 추가됨

--태그로 묶은 부분의 배경색이 노랑으로 표시됨


,--영역묶기(style 활용하는건 스팬)
--줄 안에서 묶기
--줄 바꿔 단락으로 묶기


 순서 없는 목록
--

설명 목록
제목과 그에 대한 설명으로 이루어진 목록
과 ,
태그 사용
하나의 
에 여러 개의 
 값을 가질 수 있다.


~--표 전체
~ --행


표를 만드는 태그 다시 해보기 너무 어렵다.

--제목이 위쪽 중앙에 표시됨



2022/06/21

이미지 태그는 닫힘 태그가 없다.
alt속성은 이미지를 설명하는 대체 텍스트(이미지를 표시할수 없는 상황일 때 대체 텍스트 표시)

태그 속성
width    height   속성
이미지 크기 조정하기
이 속성을 사용하지 않으면 원래 이미지 크기대로 표시
이 속성을 이용해 화면에 표시하는 이미지 크기 조정 but이미지 파일의 용량은 그대로

용량 줄이는법
그림판에서 크기 줄이기

하이퍼링크
다른문서 혹은 다른 사이트로 바로 연결해 주는 기능 
태그에서 사용할 수 있는 속성
href--링크한 문서나 사이트의 주소를 입력합니다.
target 링크한 내용이 표시될 위치를 지정합니다.

한 페이지 안에서 점프하기(앵커)

외부에서 id#을 호출하면 메뉴를 호출한거다????????????????????????

id식별자 #으로 호출한다.


링크만들기
태그 usemap속성-----이미지 맵
한 이미지 상에 여러 다른 링크를 만드는것

coords 10 10 160 200    (10에서 160까지 10에서 200까지)



AVG파일 형식
이미지를 확대하거나 축소하더라도 테두리가 원래의 깨끗한 상태로 유지되는 벡터 이미지
로고나 아이 콘에서 많이 사용됨
데이터 시각화에서 차트나 다이어그램 지도 등을 구현할 때도 많이 사용

사진 크기를 보고 x값y값을 선택해서 크기를 보고 선택해야 한다.






폼 만들기
웹에서 만나는 폼
아이디를 입력하는 텍스트 필드나 버튼 같은 폼의 형태를 만드는 것은 HTML태그

태그 
폼을 만드는 기본 태그


 태그



type - hidden 화면상에 폼에는 보이지 않는다
						폼을 서버로 전송할때 서버로 함께 전송되는 요소
                        
type-password 비밀번호 입력란 
							사용자가 입력하는 내용이 *로 표시
                            
type-text 한 줄 짜리 텍스트 입력 필드

type-search 검색필드
					검색 창에 x표시가 되어 검색어 삭제 쉬움
                    
type-email 메일 주소 입력 필드
				메일 주소 형식 자동 체크
                
type-url 웹 주소 필드
		http://로 시작하는 사이트 주소 입력
        
        
        
top right botton left 순서임






2022/06/22


submit 버튼 대신 이미지 삽입 ===type"image"

autoFocus--페이지를 불러오자마자 우너하는 폼 요소에 마우스 커서 표시
placeholder--입력란에 표시하는 힌트로, 필드를 클리하면 사라짐

readonly는 변경불가 

button태그와 input태그로 2개
button태그가 가끔 말썽을 일으킴
그때는 input태그로 바꿔야 한다.

size-텍스트 관련 필드에서 화면에 몇 글자까지 보이게 할지 결정
minlength-입력 가능한 최소글자
maxlength-입력해야할 최대글자




2022/06/23
아파트 차단기를 들어가면 자동으로 주차장소 남는곳 문자로 보내주는 시스템
case1 등록된 집에서 제일 가까운 빈자를 찾아서 3군대 정도 보내주는 시스템
case2 주차장 구조를 티맵(일단 가상의 네비를 만들어아햠)으로 보내 단지안에서 네비게이션이 작동되게 한다.
case3 위치를 정확히 구현에 내는게 관건(센서를 만들어 적용하는게 제일 베스트)
case4 설정을 해놓으면 자동으로 네비게이션이 자동차랑(핸드폰도 가능) 연동해서 켜지게 하는거
case5 위치는 잡기 힘드니 각 자리마다 센서를 감지하고 그 이동위치를 잡는다
case6 방문자 같은 경우 경비실 등록했을시 임시적으로 빈자리를 핸드폰 위치에 보내준다.
case7 이중주차 같은경우????????
case8 실시간으로 데이터를 보내 차량이 나가고 들어가는걸 구현