🏠국비지원학원/📖HTML 수업

[HTML] 학원 230215(수) details, datelist, tabindex, meta, favicon

* - 사용자가 클릭했을 때 메시지를 열어서 보여줄 때 사용. 사용자에게 보여줄 데이터 위의 텍스트를 클릭했을 때 보여줄 데이터 HTML 삽입 미리보기할 수 없는 소스 * - 사용자가 클릭했을 때 준비된 여러 옵션을 보여주고, 옵션을 클릭하면 옵션의 값이 에 설정되는 객체. - input의 list의 값과 datalist의 id의 값이 같아야함 HTML 삽입 미리보기할 수 없는 소스 * tabindex - tab키를 눌렀을 때 커서의 순서를 변경할 때 사용 - 커서의 순서는 소스코드를 정의한 순서대로 흘러간다. tabindex=“탭이 위치할 순서” tabindex="탭이 위치할 순서" * - 검색엔진 설정(사이트에 대한 설명,검색키워드 설정), 자동페이지 이동, HTML문서의 charset설정 - 태그의..

[HTML] 학원 230214(화) frame, iframe, div, span, meter, form, input, fieldset, textarea, select

* frame * 사용법 클릭할 내용 target과 frame의 name속성이 같다면 연결된 HTML이 frame의 영역에서 보여진다. * 영역태그 , : 웹 브라우저의 전체를 구분할때 사용.( 웹 페이지의 구조를 만들 때 사용) width는 web browser의 100% 기본설정이므로 줄이 변경된다. 사용자에게 보여줄 디자인 : 데이터가 존재하는 부분까지를 영역으로 만든다. 줄변경이 되지 않는다. 사용자에게 보여줄 데이터 전체영역 전체영역 부분영역입니다. * - 길이를 그래프로 보여줄 때 사용하는 태그. - HTML5에서 부터 제공되는 태그. - web browser마다 다르게 보여준다. * pre - 입력한 대로 보여지는 태그 (공백, tab, 엔터키 등을 그대로 보여준다) * address - 입..

[HTML] 학원 230213(월) img, map, table, colspan, rowspan

* 이미지 태그 (img) - web page에서 필요한 이미지를 HTML에 넣어 보여줄 때 사용. - 모든 이미지를 보여줄 수 있다.( jpg, gif, png를 주로 사용한다.) width, height 가급적이면 사용하지 않는다. usemap = 이미지를 자르지 않고 이미지의 일부분을 링크를 설정할 수 있다. * map - 좌표를 사용하여 이미지를 자르지 않고 특정부분에 링크를 설정할 수 있는 태그. - 영역을 rect, circle, ploy로 설정할 수 있다. - 브라우저마다 인식하는 속성이 다르다.( id속성으로 인식, name속성으로 인식) map이름, map아이디, #map이름 동일하게 설정 - map설정 (링크를 설정할 좌표를 설정) - map을 사용할 태그 설정. - area설정 사각 :

[HTML] 학원 230210(금) font, a, 선긋기(hr), 목록태그, 목차(h1~h6)

* 속성(Attribute)이 있는 태그 내용 * 속성을 사용하면 다양한 값을 사용할 수 있다. => 동일한 태그를 다양하게 사용할 수 있다. * Markup 태그 - 본문에서 특정 부분을 강조하여 보여줄 수 있는 태그. : 진하게 : 진하게(권장) – HTML 페이지의 리더기를 사용했을 때 강조하여 읽어준다. : 글자 크게. ( HTML5에서는 지원하지 않는 태그 ) : 글자 작게. : 밑줄 ( HTML5에서는 지원하지 않는 태그 ) : 취소선 ( HTML5에서는 지원하지 않는 태그 ) : 윗첨자. : 아랫첨자. : 형광펜 효과 ( HTML5에서 새로 추가된 태그) : 이탤릭 * font - 속성은 결정되어 있고, 속성을 사용하지 않더라도 기본 값이 들어간다. - 속성은 순서가 없다. 문자열 size ..

[HTML] 학원 230209(목) HTML문서의 구조

Web (WWW : World Wide Web - W3) - 인터넷에서 문자, 이미지, 소리, 동영상을 가진 문서를 검색하고 전송할 수 있는 서비스. * HTML (Hyper Text Markup Language) - 웹에 하이퍼미디어 문서를 작성하고 표현하기 위한 표준언어. - Compile하지 않고 Web Browser에서 그려서(Rendering) 보여주는 언어.- 에러가 발생하지 않는 언어. - SGML언어를 기반하고 있는 언어. - Web Browser(IE, Chrome, Firefox,,,)에서만 사용된다. (브라우저의 다양성에 대한 문제 발생 => 웹표준) * HTML문서의 구조 1. 코드작성 : 선언부 사용자에게 보여줄 내용 2.저장 - 파일명.html , 파일명.htm(권장하지 않음) ..