HTML
-
HTML_form태그개념HTML 2022. 4. 11. 20:33
태그 : 화면에서 사용자가 입력한 값에 대해 처리 방식 지정 action속성 : 입력된 데이터들을 전송 받을 곳(페이지, 서버, 클래스 등...) 지정 method속성 : get / post방식 : get을 사용하면 url상단에 검색어가 보여진다. : post를 사용하면 url상단에 검색어가 보여지지않는다(숨김) 검색할 내용: 검색한 검색어가 get으로 method가 설정되어 있기 때문에 검색어가 url에 보여지고, 검색을 누르면 action에 설정된 여행.html 로 연결된다. : 테이블과 들을 묶어을 때 사용한다. : 필드셋에 대한 제목 작성 태그 : 사용자에게 값을 받아오는 역할 : : : readonly : 변경 불가능, 읽기만 가능한 상태 텍스트 타입의 사이즈 15인 아이디 입력을 받는 창이다...
-
HTML_하이퍼링크개념HTML 2022. 4. 10. 23:51
: 하이퍼링크 연결 href="" : 텍스트나 이미지로 다른 사이트 연결 네이버 : url로 다른 사이트 연결하기 : 이미지로 다른 사이트 연결하기 target="_blank" : 새 창으로 열기 alt="" : 연결한 이미지가 뜨지 않으면 alt=""에 넣은 텍스트가 대신 뜬다. : 즉, 이미지가 연결되지않아 이미지가 뜨지 않으면 (alt="링크사진") 때문에 링크사진 이라고 텍스트로 뜬다. target="infoIframe" : iframe에 사진 넣기 iframe에 사진 넣기 한 페이지 내에서 점프하는 앵커 만들기 본문내용1 본문내용2 본문내용3 본문내용1 피에 그들의 이 인간의 그들의 열락의 들어 있는 구하기 운다. 대중을 그것은 영락과 내려온 수 하여도 인간은 꽃이 뭇 부패뿐이다. 원대하고, 동..
-
-
HTML_멀티미디어개념HTML 2022. 4. 7. 22:58
: 음악을 넣는 태그 controls : 버튼을 생성할 수 있다. autoplay : 자동재생설정 loop : 반복재생설정 버튼 생성 -> 자동재생 -> 반복재생 : 비디오 재생 controls : 버튼을 생성할 수 있다. autoplay : 자동재생설정 loop : 반복재생설정 preload="auto" : 영상이 재생되기 전에 어디까지 미리 로딩을 해놓을지 설정 preload="metadata" : 기본적인 정보 가져오기(크기, 썸네일, 프레임, 간단한 정보) : auto와 별 차이 없다. preload="none" : 아무것도 미리 로딩하지않겠다.
-
HTML_이미지개념HTML 2022. 4. 7. 22:37
: 이미지 불러오는 태그이다 : 종료태그가 존재하지않는다. : 인라인요소이다. src 속성 : 불러올 이미지 파일의 경로를 설정한다. alt 속성 : 사진의 경로가 잘못 되었거나 이미지를 제대로 표현할 수 없는 경우 대체 텍스트의 용도로 사용한다. : 화면 낭독기의 경우 사진은 읽을 수 없기 때문에 대체되는 텍스트로 읽는다. src 속성에 설정한 파일 경로의 이미지가 뜨지 않으면 alt 속성에 있는 "강 사진" 텍스트로 대체된다. width와 height 사용 고정 크기 단위 : 화면 사이즈가 바뀌어도 크기 불변(px) 가변 크기 단위 : 화면 사이즈/기준 사이즈에 따라 크기 변경(%) : 웹페이지에 다른 웹페이지를 삽입하기. : 연결을 막아놓은 페이지는 가져올 수 없다. 사이즈를 정해주고 src=""에..
-
HTML_영역개념HTML 2022. 4. 7. 22:11
: 크기 지정가능하고 가장 많이 쓰인다. : 블록요소 첫 번째 영역 : 크기 지정이 불가능하다. : 인라인요소 첫 번째 영역 style="" : 디자인 추가할 때 사용한다. : semantic : div역할 + 영역의미 : 영역을 구분해주는 태그 : 컴퓨터는 단순 문장이나 위치, 모양만으로는 내용을 이해하기 힘드므로 컴퓨터가 각 문장에 대한 의미를 이해할 수 있도록 요소를 명확하게 나타내기 위해 사용한다. 이전에는 div에 id를 집어넣어 div를 구분했어도 실질적인 의미를 갖지 못했다. HTML5로 넘어오면서 div이지만 거기에 의미까지 포함된 시맨틱 태그가 등장했다. id : 고유하기 때문에 영역 구분에 사용된다. : 영역마다 아이디를 달아줘서 구분할 수 있다. : 웹 문서에서 머리말 영역을 나타낼 ..