210514CSS 프로터피에는 키워드, 크기 단위, 색상 표현 단위 등 특정 단위를 갖는 값을 지정한다.각 프로퍼티에 따라 사용할 수 있는 키워드가 존재. ex) display 프로퍼티의 값으로 사용할 수 있는 키워드 -> block, inline, inline-boc
210330<!DOCTYPE html>문서형식(document type)을 HTML5로 지정한다.<html></html> 사이에 실제적인 HTML document 기술<head></head>사이에 document title, 외부 파일 참조,
210330-2 TAG html tag html 태그는 모든 HTML 요소의 부모 요소이며 웹페이지에 단 하나만 존재 즉, 모든 요소는 html 요소의 자식 요소이며 html 요소 내부에 기술해야 한다. 단 는 예외 html은 글로벌 어트리뷰트를 지원한다. 특히
210401 text tags 1.제목 (Headings)태그 제목을 나타낼 때 사용 크기순으로 h1~h6까지 있다. heading 1 heading 2 heading 3 heading 4 heading 5 heading
210401-2HyperText의 Hyper는 컴퓨터 용어로서 텍스트 등의 정보가 동일 선상에 있는 것이 아니라 다중으로 연결되어 있는 상태를 의미하이퍼링크(hyper link) - 텍스트에서 다른 텍스트로 건너뛰어 읽을 수 있는 기능Visit naver.com!1.h
210408웹페이지에 이미지를 삽입하는 경우, img tag를 사용한다.2.1 오디오audio 태그는 HTML5에 새롭게 추가된 태그. IE8 이하에서는 사용할 수 없다.웹 브라우저 별로 지원하는 음악 파일 형식이 다르다. 파일 형시에 따라 재생되지 않는 브라우저가 존
210408-3
210505웹페이지의 레이아웃 구성 - 공간 분할공간 분할 태그 -> div, span, table 등과거에는 table태그를 사용하여 레이아웃을 구성하기도 하였으나 모던 웹에서는 주로 div를 사용\+HTML5에서 새롭게 추가된 시맨틱 태그이와 같은 태그는 일반적으로
210505CSS(Cascading Sytle Sheets)css는 html 요소의 style을 정의하는데 사용된다. 이를 위해선 스타일을 적용하고자 하는 html 요소를 선택할 수 있어야 한다.셀렉터 - 스타일을 적용하고자 하는 html요소를 선택하기위해 css에서
210505 - 2지정된 태그명을 가지는 요소를 선택한다.html요소에 class 어트리뷰트 값은 공백으로 구분하여 여러 개 지정할 수 있다. 클래스 셀렉터를 사용하여 미리 스타일을 정의해 두고, html 요소는 이미 정의되어 있는 클래스를 지정하는 것으로 필요한 스타
210514 - 2모든 HTML 요소는 Box 형태의 영역을 가지고 있다. Box 형태란 사각형을 의미.이 Box는 콘텐트(Content), 패딩(Padding), 테두리(Border), 마진(Margin)으로 구성브라우저는 박스 모델의 크기와 프로퍼티, 위치를 근거로
210514 - 3layout 정의에 자주 사용되는 중요한 프로퍼티항상 새로운 라인에서 시작화면 크기 전체의 가로폭을 차지(width : 100%)widht,height, margin, padding 프로퍼티 지정이 가능block 레벨 요소 내에 inline 레벨 요소
요소에 배경 이미지를 지정배경 이미지의 반복을 지정. 수직, 수평 또는 수직과 수평 모두의 반복을 지정할 수 있다.설정된 이미지의 크기가 화면보다 작으면 자동으로 이미지가 반복 출력되어 화면을 채운다 -> background-repeat프로퍼티의 기본값이 repeat이