[HTML] 04 HTML5 입력 양식 태그와 구조화 태그 입력 양식 태그▶ 입력 양식 개요- form 태그로 영역을 생성하고, form 태그 내부에 input 태그를 넣음. 데이터 입력 후 submit 버튼을 누르면 지정된 방식으로 지정된 장소에 데이터를 전달 속성내용method입력 양식에 입력한 데이터를 전달하는 방식,폼 데이터(form data)가 서버로 제출될 때 사용되는 HTTP 메소드를 명시action입력 양식에 입력한 데이터를 전달하는 장소,폼 데이터(form data)를 서버로 보낼 때 해당 데이터가 도착할 URL을 명시 - 전송 방식으로 GET , POST 방식 사용> GET 방식 : 주소에 데이터를 입력해서 전달, 크기가 한정됨> POST 방식 : 주소를 변경하지 않고 비밀스럽게 데이터를 전달, 용량 제한X** GET.. [HTML] 03 HTML5 기본 태그 글자 태그▶ 제목과 본문 글자 태그- h 1, 2, 3, 4, 5, 6 : heading(제목)- p : paragraph(단락)- br : break(줄 바꿈)-hr : horizontal(수평 줄) ▶ 앵커(a) 태그- 하이퍼 텍스트 : 사용자 선택에 따라 관련한 특정 정보로 이동할 수 있도록 조직된 문서- a(anchor) 태그 : 하이퍼 링크를 생성해 다른 웹페이지나 웹페이지 내부의 특정 위치로 이동할 때 사용 - href(hyper reference) 속성 : 웹 페이지나 파일의 위치를 나타내는 경로를 입력해 웹 브라우저에 알려줌- id 속성이 중복되면 먼저 나오는 태그로 이동하나, id 속성 중복 사용은 웹 표준에 어긋남** 빈 링크 : a 태그의 하이퍼링크 기능을 제거하더라도 a 태그에 hr.. [HTML] 02 웹 페이지 기본 구조와 작성 방법 HTML5 페이지의 구조▶ html 태그의 lang 속성- 검색 엔진이 웹 페이지를 탐색할 때 해당 웹 페이지를 어떤 언어로 작성했는지 쉽게 알 수 있도록 도움-> 코드 실행시 번역알림창 뜨는거 없앨 수 있다! ▶ head 태그 속성태그설명meta웹 페이지에 추가 정보 전달title페이지 제목 지정script웹 페이지에 스크립트 추가link웹 페이지에 다른 파일 추가style웹 페이지에 스타일시트 추가base웹 페이지의 기본 경로 지정 ** mata : data의 data ▶ head 태그 안의 title 태그- 웹 브라우저 탭에 표시됨 ▶ 스타일 시트 작성과 실행- 두 가지 방법의 스타일시트를 사용해 스타일 적용1) 내부 스타일 방법 : style 태그를 사용해 스타일시트를 직접 입력 Hel.. CSS3 실습 5-5 태그 셀렉터, class, id, 가상 클래스 셀렉터 종합 적용[Direction:] Ÿ 그림은 스타일 시트를 적용한 그림이다. Ÿ 아래 스타일을 적용하여 그림과 같은 HTML 문서를 작성하시오. Ÿ 단, 그림 위 리스트에 화살표는 마우스가 올라갈 때 배경색이 변경[적용할 css 스타일] h3, li { color : brown; } /* 태그 이름 셀렉터 */ div > div > strong { background : yellow; } /* 자식 셀렉터 */ ul strong { color : dodgerblue; } /* 자손 셀렉터 */ .warning { color : red; } /* class 셀렉터 */ body.main { background : aliceblue; } /* class 셀.. 이전 1 다음
