본문 바로가기

HTML5

 (12)
HTML5 그룹핑 컨텐츠 그룹핑 엘리먼트 엘리먼트 요약 유형 blockquote 다른 소스로 부터 인용된 컨텐츠의 블럭 플로우 dd dl 엘리먼트 안에서의 정의를 나타낸다 div 미리 정의된 의미론적 중요성이 없는 포괄적인 엘리먼트, span 엘리먼트와 같은 플로우 엘리먼트 플로우 dl 용어와 정의를 포함하는 디스크립션 리스트 플로우 dt dl 엘리먼트 안에 있는 용어를 나타낸다 figcaption figuer엘리먼트를 위한 캡션 figure figure를 나타낸다 플로우 hr 단락 레벨의 주제 관련 브레이크 플로우 li ul,ol 혹은 menu 엘리먼트 안의 항목을 나타낸다. ol 숫자가 붙은 항목들의 리스트 플로우 p 단락을 나타낸다. 플로우 pre 서식이 보존되어야 할 컨텐츠 플로우 ul 항목들의 비정렬된 리스트 플로우
HTML5 텍스트 엘리먼트 텍스트 엘리먼트 텍스트 엘리먼트란 컨텐층에 적용됨으로써 기본 구조와 의미를 만들어 주는것. 엘리먼트 요약 유형 abbr 축약을의미 구문 b 강조나 중요성의 의미를 배제하고 텍스트의 범위 지정함 구문 br 줄 바뀜의 시작 표시 구문 cite 다른 작업의 타이틀을 시작 구문 code 컴퓨터 예제의 일부분을 나타냄 구문 del 텍스트가 문서에서 지워지는 것을 의미 구문/플로우 din 용어의 정의를 나타냄 구문 em 텍스트에서 강조할 부분을 나타냄 구문 i 외국어와 같이 기존에 사용되고 있는 컨텐츠와 구별되는 컨텐츠의 텍스트 범위를 나타냄 구문 ins 문서에 추가된 텍스트를 나타냄 구문/플로우 kbd 키보드 입력 등 사용자의 인풋을 나타냄 구문/플루우 mark 다른 컨텐츠와 관련되었기 때문에 강조되는 컨텐츠를 ..
HTML5 문서와 메타데이터 엘리먼트 문서와 메타 데이터 엘리먼트 엘리먼트 요약 유형 base 관련된 URL 들을 위한 기본 설정 메타데이터 body HTML 문서 안의 컨텐츠 정의 DOCTYPE HTML 문서의 시작 정의 head 문서 안의 html 의 시작의 표시 link 스타일시트 파피콘 외수 소스 연관성 정의 메타데이터 meta 문서에 관한 정보 제공 메타데이터 noscript 스크립트 비작동 비활성화시 보여지는 컨텐츠 메타데이터/구문 script 스크립트 블럭 정의 메타데이터/구문 style CSS 스타일정의 메타데이터 title 문서의 타이틀 설정 메타데이터
HTML5 javascript javascript는 html문서 내용안에 있는 코드 안 스크립트 방식이 있고 외부 링크를 이용하는 외부 스크립트 방식이 있다 코드안 스크립트 코드 내 스크립트는 위치는 상관 없지 만 보통 사이에 선은을 하여 많이 사용한다. 위 예제를 실행하면 브라우저 화면에 Hello World 가 출력되는 것을 볼수 있다. 외부 스크립트란 말그래도 외부에 있는 자바스크립트 파일을 링크해 사용하는것인데 형태로 사용한다.
HTML5 CSS 길이 단위 CSS 길이에 단위에는 절대 길이 단위와 상대 길이 단위가 있다. 절대 길이 단위 단위 요약 In Inches Cm Centimeters Mm Millimeters Pt Point pc Picas 상대길이 단위 단위 요약 em 엘리먼트 폰트 크기 상대적 ex 엘리먼트 x-높이에 상대적 rem root 엘리먼트 폰트크기에 상대적 px CSS 픽셀의 개수에 상대적 % 다른 속성값에 대한 비율
HTML5 css 컬러 함수 컬러를 선택하게 할 수 있는 함수 rgb(r,g,b) 사용예) color:rgb(211,211,211) rgba(r,g,b,a) 사용예) color:rgb(211,211,211,0.2) hsl(h,s,l) 사용예) color:hsl(211,100%,22%) hsla(h,s,l,a) 사용에) color:hsl(211,100%,22%,0.2) a 는 알파 값으로 투명도(opacity) 이며 0:완전투명 1:불투명 이며 0.2 이런 식으로 투명도를 조절 할 수 있다.
HTML5 CSS 흔히 말하는 스타일 시트(css) 적용은 여러 가지 방법이 있는데 간략히 정리 하자면 1.엘리먼트에 바로 적용하는 방법 유요한 정보 블로그로 이동 2.해당 html에 로 적용 시키는 방법 3.style.css 외부 include 파일을 생성해 사용하는 방법 이 외에도 여러가지 방법이 있다. 보통 3번 방식을 많이 쓴다. 기본적으로 많이 쓰이는 CSS속성 속성 요약 background-color 엘리먼트 배경색 변경 border 엘리먼트 테두리 설정 color 엘리먼트 색상 설정 font-size 엘리먼트 글자 크기 설정 height 엘리먼트 높이설정 width 엘리먼트 가로길이 설정 padding 엘리먼트 테두리 공백 설정 text-decoration 엘리먼트 글자에 적용된 데코레이션 설정 등 많은 속성..
HTML5 title 속성 title 속성은 해당 엘리먼트에 대한 추가적인 정보를 보여준다. 아이디 패스워드: 위 처럼 코딩 했을 경우 패스워드 input box 에 포커스를 가져가면 추가 적인 설명이 나타난다.

티스토리툴바