과제1

-웹 브라우저란 무엇인가? 

: 웹 브라우저란 '웹 서버에서 이동하며 쌍방향으로 통신하고 html 문서나 파일을 출력하는 그래픽 사용자 인터페이스 기반의 응용 소프트웨어'이다.

 

-html이란 무엇인가?

: html이란 웹페이지를 만들기 위한 언어로 웹브라우저 위에서 동작하는 언어이다.

 HTML(HyperText  Markup Language)

 

- css란 무엇인가?

: CSS는 Cascading style Sheets의 약자로, HTML, XHTML, XML 같은 문서의 스타일을 꾸밀 때 사용하는 스타일 시트 언어이다. 글꼴이나, 배경색, 너비와 높이, 위치등을 지정하거나, 웹 브라우저, 스크린 크기, 장치에 따라서 화면을 다르게 표시될 수 있도록 지정하는데 사용한다.

-ul, ol태그

: ul은 Unordered List의 약자로 순서가 없는 목록이다. 글머리 기호를 붙혀서 목록을 만드는 형식으로 사용된다.

 

-style태그

: style태그는 html문서안에 css를 넣어 사용하고자 할때 사용하는 태그이다. style 요소 안에 원하는 css 내용을 넣게되면 굳이 외부 css파일을 사용할 필요없이 html파일 안에서 사용가능하게 만드는 태그이다.

-div태그

: div태그는 순수 컨테이너로서 아무것도 표현하지 않고 다른 요소 여럿을 묶어 class나 id 속성으로 꾸미기 쉽도록 돕거나, 문서의 특정 구역이 다른 언어임을 표시하는 등의 용도로 사용되는 태그이다.

-display:block, inline, inline-block

: display:block > 한 영역을 차지하는 박스형태를 가지는 성질이다. 또한 라인이 새로 추가된다.

  display:inline > 주로 텍스트를 주입할 때 사용되는 형태이다. 컨텐츠 영역 만큼 자동으로 잡히게 되며 라인이 새로 추가되지 않는 태그이다. width와 height를 명시 할 수 없다는 특징을 가지고 있다.
 display:inline-block: inline의 특징과 block의 특징을 모두 가진 요소이다. 줄바꿈이 이루어지지 않으며, block처럼 width와 height를 지정할 수 있다. 단, width와 height를 지정하지 않을 경우 inline과 같이 컨텐츠만큼 영역이 잡히게 된다.

css의 속성 
-id, class (#, .)

: id > 스타일을 지정할 때 한 가지만 지정해서 쓰는 이름이며, 하나의 문서에 고유한 id 하나밖에 쓸 수 없다.

  class > id 선택자의 하위 그룹으로 묶어서 스타일을 지정할 때 쓰는 이름이다.

 

-width,height

: 각각 가로 길이, 세로 길이를 의미한다. 값을 정의 할때는 "100px"처럼 숫자 뒤에 단위를 표시하여 적는다.

-background, background-color

: background-color > 해당 요소의 배경색을 지정한다.

  background > 각 스타일을 개별적으로 지정하는 대신 색상, 이미지 또는 배경 이미지 속성을 한 줄에 해결한다.

-border-radius

: 요소 테두리 경계의 꼭짓점을 둥글게 만든다. 하나의 값을 사용해 원형 꼭짓점을, 두개의 값을 사용해 타원형 꼭짓점을 적용할 수 있다.