HTML (5) 썸네일형 리스트형 HTML 한바퀴 ⑥HTML과 5 ●html과 css css란 html요소들이 어떻게 보여질지를 정의하는 언어. html에 css를 적용하는 방법은 3가지가 있다. 인라인/내부/외부 인라인 스타일 html 태그 안에 적용 내부 스타일 시트 html 문서 내에 적용 외부 스타일 시트 css파일에 적고 html문서에 연결하는 방법. -중복시 적용 순위. 인라인 > 내부>외부> 웹 브라우저 기본 스타일 내부/외부 시트 안에 선언 된 것들 중에서는 마지막에 선언된걸로 적용. -css 선택자 #id 특정 아이디. 한개 .class 해당 요소들. 여러개 ●html과 자바스크립트 -자바스크립트는 객체 기반의 스크립트 언어. -html로 내용을 작성하고 css로 디자인을 한다면 자바스크립트로는 동작을 구현한다. -웹페이지에 사용할 스크립트를 정의할때,.. HTML 한바퀴 ⑤form,input ●form -사용자가 입력한 데이터를 서버로 보낼때 사용한다. -form안에 input태그를 넣고 type으로 다양한 유형 지정이 가능하며 method로 데이터 전달 방식을 설정한다. -블록요소. ●method -사용자로 부터 받은 데이터를 서버로 전달하는 방식에는 두 가지가 있다. get -주소(url)에 데이터를 추가하여 전달하는 방식. -눈에 보여지기도 하고 데이터의 크기가 제한적. post -데이터를 별도로 첨부하여 전달하는 방식. -외부에 보여지지 않고, 데이터 크기 제한x -get보다 보안성이 높음. 이 form 태그 안에 인라인 방식으로 action과 method를 넣어주고, 사이에 을 넣어주면 된다. ●input -type의 종류 text 텍스트를 입력. 글자가 나옴 password 비밀번.. HTML 한바퀴 ③display,iframe ●블록과 인라인 -코딩하면서 제일 중요한 부분이라고 생각함. 이 기본을 정확히 이해해야 모든게 풀린다. -요소가 어떻게 보여지는가를 결정짓는것은 display속성이다. -display는 block과 inline으로 나뉜다. ●display : block; -width:100%; 인 요소. -요소의 너비는 한 줄 천체 공간을 차지한다. 옆에 누구를 둘 수 없음. 대표 요소 , , , , ●display : inline; -요소 만큼의 가로 크기를 가짐. 대표 요소 , , ●iframe -inline frame의 약자. -html페이지 안에 하나의 웹 페이지를 삽입하는것. 예시 -이 외에도 , , 가 있지만 html5가 지원하지 않으므로 알 필요 없음. HTML 한바퀴 ②주요 태그 요소들 ●주요 요소들. , 같은 볼드처리지만 은 중요하다는 의미까지 포함. , 같은 이텔릭체지만 은 중요하다는 의미까지 포함. 텍스트에 하이라이팅 효과를 줌. 여기클릭 중간 줄 긋기. 여기 밑줄 긋기. 여기 , 윗첨자, 아랫첨자 X2 X2 짧은 인용구 / 감싸면 ""가 생김. 그냥 ""로 감싸지말고 태그들로 감싸줘야 봇이 인지해 큰 인용구 / 감싸면 단락이 나뉘고 들여쓰기가 됨. Abbreviation의 약자로 축약하는 태그. 마우스가 가면 나오게 해줌 HTML 주소 표기. 위아래 공백이 생기고 이텔릭체로 출력됨. 메모 entity -엔티티. 이런 특수문자나 발음기호 등이 있음. W3c에서 확인. -알아두면 좋음. 가끔 워드프레스에서 안먹힐때 쓴당. (공백) HTML 한바퀴 ①간단한 기초와 구성 우연히 알게된 TCPschool.w3c와 비슷한 구조로 되어있고 한글로 되어있고 간략한 설명이라 빠르게 읽고 파악하기가 쉽다.알게된 김에 쭉 읽고 내맘대로 정리해보며 한바퀴 돌아보려고 한다. 시작. ●HTML 시작. -Hyper Text Markup Language -웹 페이지는 HTML문서라고도 불리며, HTML태그들로 구성됩니다. -시작태그와 종료태그로 되어있는데 빈태그도 있음. -w3c : World Wide Web Consortium www협력단. 즉 엡 표준을 제정하고 관리하는 기관. 최신의 것들이 업데이트 됨. HTML/CSS/DOM/SVG/XHTML/XML을 관리함. ●주요 구조, 선언 현재 문서가 html5 문서임을 선언. HTML문서의 루트 요소를 정의. Meta data를 정의. 메타데.. 이전 1 다음