html & css

HTML이란 HyperText Markup Language를 의미즉, 하이퍼텍스트와 콘텐츠를 표시해주는 언어개발자는 html 코드로 웹 페이지에 어떤 내용이 표시될지를 정의한 html문서를 만든다.렌더링: html 코드가 웹 브라우저를 통해 해석되고 표현되는 과정텍스트

html 문서 기본 구조 형태문서의 첫 부분에서 문서 유형을 지정하는 단일 태그.문서 유형을 지정한 후 실제 문서가 시작되고 끝나는 것을 나타내는 태그.웹 브라우저 화면에는 보이지 않지만 웹 브라우저가 알아야 할 정보들이 들어가는 태그.영문과 한글을 모두 사용하기 위해

블록 레벨 요소 : 자기가 속한 영역의 너비를 모두 차지하여 블록을 형성인라인 요소 : 자기에게 필요한 만큼의 공간만 차지개발자 도구에서 마우스 커서를 p,head,body,h1 태그에 가져다 대면 블록을 형성하는 것을 볼 수 있다. 즉 이것들은 블록 레벨 요소이다.인

콘텐츠나 레이아웃에 아무런 영향도 주지 않고, 단지 다른 요소 여럿을 묶어 관리하기 편하게 만드는 역할을 하는 태그블록 레벨 컨테이너 : "div" 태그 사용인라인 컨테이너 : "span" 태그 사용div를 이용해서 블록 나누는 것을 개발자 도구로 확인한 결과span을

10. 목록 표시하기 목록이란, 연관 있는 항목들을 나열한 것을 의미한다. 순서 없는 목록(unordered list) - 토끼,다람쥐,청설모,호랑이 - "ul"태그 사용 순서 있는 목록(ordered list) - 1.html 2.css 3.javascript -

다수의 옵션을 포함할 수 있는 선택 메뉴이다. 메뉴 안에 포함되는 옵션은 option 태그를 사용한다.input과 마찬가지로 name을 지정할 수 있으며, 각각의 option에는 value 속성을 지정할 수 있다. 이 때, value는 실제 처리될 값을 나타낸다.여러

13. form part 1. 서버와 클라이언트 form은 사용자가 입력한 데이터(입력값)를 서버로 보내기 위해 사용하는 태그. -> 서버란? 정보를 제공하는 호스트이다. 서버와 클라이언트 -> 클라이언트(사용자)가 요청을 하면, 서버는 그에 대한 응답으로 정보를 제

선택자 : 어떤 요소에 스타일을 적용 할지에 대한 정보{중괄호} : 선택한 요소에 적용할 스타일을 정의하는 영역속성명 : 어떤 스타일을 정의하고 싶은지에 대한 정보(색상,크기 등)속성값 : 어떻게 정의하고 싶은지에 대한 정보Ex)선택자 : p태그에 스타일을 적용하겠다.

기본 선택자그룹 선택자특성 선택자결합 선택자의사 클래스의사 요소모든 요소를 선택한다. "\*" 기호는 문서 내의 모든 요소를 의미하는 기호이다.=> 문서 내 모든 요소의 글자 색을 파란색으로 지정한다!주어진 이름을 가진 요소를 선택한다. "유형 선택자" 라고도 한다.주

블록 레벨 요소 :자기가 속한 영역의 너비를 모두 차지하여 블록을 형성ex) div , p , h1 ...인라인 요소 :자기에게 필요한 만큼의 공간만 차지ex) sapn , a ...요소를 블록과 인라인 요소 중 어느 쪽으로 처리할지 정의한다. inline : 인라인으

상하좌우 네 개의 면에 존재하는 영역=> 작성자는 각 면에 개별적으로 두께를 정의할 수 있다.하위 속성 정의하기여러 값을 한 번에 정의하기padding-toppadding-leftpadding-rightpadding-bottom=> margin에도 동일한 접미사를 붙여