웹 개발/HTML (6) 썸네일형 리스트형 [Web_HTML] 06 ● form 태그 - 웹 페이지 내에서 사용자로부터 입력을 받을 때 사용하는 태그 - 사용자가 입력한 데이터를 다른 페이지로 전송할 때 form 태그를 사용한다. 입력 양식 태그 등 1. action - 데이터를 전송할 페이지의 경로 - 생략 시 현재 페이지 2. method - 데이터를 전송하는 방식 - 생략 시 get 방식 3. name - form 태그의 이름을 설정 - 생략 시 이름 없음 ● input 태그 - 입력 받기 위해 사용되는 태그 - 데이터를 지정하여 전달할 때 사용하는 태그 1. type : 입력 종류를 설정 2. name : value의 key값 3. value : 미리 설정해 놓을 값 4. placeholder : 값은 아니지만 미리 출력할 문구 5. readonly : 수정할 수.. [Web_HTML] 05 ● HTML 요소의 종류 ▶ display 1. 블록(block) 레벨 요소 - p, h, ul, ol, div, form, ... 등 - 웹 페이지 상에 블록을 만드는 요소 - 코드 상에 한 줄로 이어 써도 화면 상에서는 앞 뒤 요소 사이에 새로운 줄을 만들어서 나타난다. - 영역이 정확히 구분되어 있기 때문에, width와 height 속성을 수정할 수 있다. (ex) applebanana (1) margin-top , margin-bottom 속성도 잘 적용된다.(바깥 여백 상하) (2) padding-top, padding-bottom 속성도 잘 적용된다.(안쪽 여백 상하) (3) div 태그 - 다른 html 요소들을 하나로 묶는 데 자주 사용되는 대표적인 블록 요소이다. - 주로 여러 요소들의.. [Web_HTML] 04 ● 이미지 태그(싱글 태그) - 닫는 태그가 없는 싱글 태그이다. ● 이미지 태그 경로 1. 절대 경로 - 어느 위치에 있어도 찾아갈 수 있는 경로 2. 상대 경로 - 현재 위치에 따라 변경되는 경로 ● 링크 태그 HTML 링크(Link) - 현재 페이지에서 다른 페이지로 이동하고자 할 때 하이퍼링크를 사용한다. - 보통 링크라고 부르며, 태그를 사용한다. 링크를 걸어줄 내용 - href : 페이지의 경로, 사이트 주소 - target : _blank(새 창이나 새 탭), _self(현재창), _parent(부모창) ● 테이블(table) - 여러 종류의 데이터가 행과 열로 정리된 표 1. : 테이블 생성 시 사용하는 태그 2. : 행 3. , : 열 ● 병합 1. colspan - 좌에서 우로 합쳐지고.. [Web_HTML] 03 ● 내용을 명령어로 인식하지 못하도록 하는 문법 1. : > (greater than) 3. & : & (ampersand) 4. " : " (quotation) 5. 공백 : ● 리스트 태그 1. 순서가 없는 리스트 - 태그 안에 태그 사용 - ul : unordered list - li : list (ex) 텍스트1 텍스트2 텍스트3 2. 순서가 있는 리스트 - 태그 안에 태그 사용 - ol : ordered list - li : list (ex) 텍스트1 텍스트2 텍스트3 ※ type 값의 종류 1 : 숫자(1, 2, 3, ...) A : 알파벳 대문자 a : 알파벳 소문자 i : 로마숫자(i, ii, iii, ...) I : 로마숫자(I, II, III, .. [Web_HTML] 02 ● HTML의 요소 (1) 여는 태그(Opening tag) - 요소의 이름(p)과 열고 닫는 꺽쇠 괄호로 구성된다. (2) 내용(Content) - 요소의 내용이며, 단순한 텍스트를 의미한다. (3) 닫는 태그(Closing tag) - 요소의 이름 앞에 슬래시(/)가 있다. - 닫는 태그를 반드시 적어주어야 한다. ▶ (1), (2), (3)을 통틀어 요소(Element)라고 한다. ▶ 요소(태그)의 이름은 대소문자를 구분하지 않지만 가독성 때문에 소문자로만 작성하는 것을 권장한다.(XHTML) ● HTML 주석 - : Ctrl + Shift + / ● HTML 속성(Attributes) - 요소(태그)는 속성을 가질 수 있다. - 속성은 요소에 나타내고 싶지 않지만 추가적인 내용을 담고 싶을 때 사.. [Web_HTML] 01 ● 서버와 클라이언트 1. 클라이언트 - 서버에게 요청하는 대상 2. 서버 - 요청받은 서비스를 응답해주는 대상 ● 웹(Web) - 요청과 응답이 일어나는 장소 ● 웹 브라우저(Web Browser) - 사용자의 요청에 맞는 주소로 찾아가서 인터넷의 컨텐츠(문서와 그림, 멀티미디어 파일 등)를 검색 및 열람 후 사용자에게 응답하기 위한 응용 프로그램의 총칭이다. - 주요 웹 브라우저 : 모질라 파이어폭스, 구글 크롬, 인터넷 익스플로러, 마이크로소프트 엣지, 오페라, 사파리 등 ● 프로토콜(protocol) - 사람끼리 소통할 때 서로 이해할 수 있는 공용어를 사용해야 하듯이 컴퓨터끼리도 공용어를 사용해야 한다. - 이러한 공용어를 원활하게 통신하기 위해서 필요한 규약을 프로토콜이라고 한다. - 사용자의.. 이전 1 다음
