태그 (4) 썸네일형 리스트형 HTML 한바퀴 ⑥HTML과 5 ●html과 css css란 html요소들이 어떻게 보여질지를 정의하는 언어. html에 css를 적용하는 방법은 3가지가 있다. 인라인/내부/외부 인라인 스타일 html 태그 안에 적용 내부 스타일 시트 html 문서 내에 적용 외부 스타일 시트 css파일에 적고 html문서에 연결하는 방법. -중복시 적용 순위. 인라인 > 내부>외부> 웹 브라우저 기본 스타일 내부/외부 시트 안에 선언 된 것들 중에서는 마지막에 선언된걸로 적용. -css 선택자 #id 특정 아이디. 한개 .class 해당 요소들. 여러개 ●html과 자바스크립트 -자바스크립트는 객체 기반의 스크립트 언어. -html로 내용을 작성하고 css로 디자인을 한다면 자바스크립트로는 동작을 구현한다. -웹페이지에 사용할 스크립트를 정의할때,.. 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 다음