괴발개발/Html+CSS 72

Html_button태그

★더보기 더보기 button 태그 : 버튼을 만드는 태그 - input태그를 이용하여 버튼을 만들 수 있다(단일태그) - button태그를 이용하여 버튼을 만들 수 있다(쌍태그) - button태그는 꼭 form태그 안에만 있어야 되는건 아님 - input태그를 이용하여 버튼을 만드는 경우 css를 이용하지 않고는 이미지 버튼을 만들 수 없음 - 종류는 button, reset, submit - 종류는 생략 가능한데, form태그 안에서 종류를 생략하면 submit으로 form태그 밖에서 종류를 생략하면 button처럼 동작 전송 전송 버튼 리셋

Html_select태그

★더보기 더보기 - select 태그 (select박스-> 2개이상의 보기, radio->둘 중 하나 선택) - 미리 지정된 값들 중 하나를 선택할 때 사용하는 태그 - 대표적으로 생년월일 선택할 때 사용 - option 태그와 같이 사용 - option태그에 selected 속성이 없으면 첫번째 option 태그에 있는 값이 보임 - form 태그를 이용하여 데이터 전송시에 선택된 option태그의 value값이 전송됨 선택안함 남성 여성 전송

Html_블록태그와 글의 구조

★더보기 더보기 header, nav, aside, section, footer, article 태그는 div태그와 같이 기능이 없는 블록 태그이다. - html 구조에 따라 의미만 부여 - header : 페이지 제목, 페이지를 소개하는 간단한 설명 - nav: 링크들을 모아놓은 섹션(메뉴), 페이지 목차 - section : 하나의 컨텐츠로 여러 section이 존재 가능함 - article: 본문과 연관은 있지만, 본문이 아닌 독립적인 컨텐츠를 담는 영역(보조기사, 블로그 포스트, 댓글 등) - aside : 본문에서 벗어난 내용, 인기 기사 등, 왼쪽 또는 오른쪽에 배치 - footer : 꼬리말, 저작권이나 회사 정보 (페이지 최하단에 위치) 헤더 네비 사이드 내용 푸터

Html_ a태그

★더보기 더보기 meta태그 1) charset : html파일의 문자 인코딩의 방식, UTF-8(모든문자 지원)로 지정하면 한글이 깨지는 것을 방지! 2) content : 정보에 대한 내용 3) http-equiv : 내용 속성의 정보/값에 대한 HTTP 헤더 제공 4) name : viewport, keywords, description 등 과 같은 종류를 쓸 수 있고, 생략하면 http-equiv와 같은 기능 네이버1 네이버2 네이버3 기본예제3-1 기본예제3-2 기본예제3-3 페이지내 이동 여기로 이동 어른이 다운로드 ★더보기 더보기 a태그 (클릭해서 페이지가 바뀌는 것) -인라인 태그 -기능 1. 하이퍼 링크 : 다른 페이지로 이동 - 다른 사이트로 이동하는 경우에는 앞에 http://를 붙여..