생각하는

#팁 빈 html 문서에 html이라고 적고 enter를 누르면 기본 setting이 구현된다. 이렇게 기본 셋팅이 된다. # 각 태그별 배분된 할당 크기가 있다. h1태그의 경우 해당 line 모두를 자신이 가지고 있다. 비어있는 공간일지라도. a태그(링크)의 경우에는 딱 자기에게 해당되는 만큼만 가지고있다. 이를 border 속성으로 알아보자. cf) border-style: solid는 그냥 일반 선 형태를 의미한다. h1태그와같이 화면 전체를 차지하는 태그들을 block level element라고 하고ex) ol태그 a태그와 같이 자기자신만큼만 차지하는 태그들을 inline element라고 한다. 물론 이때 display:inline; 속성을 사용하여 강제로 할당 크기를 조절할 수 있다. 이렇..

@웹페이지 안에다가 CSS를 삽입하는 방법 2가지 1. 스타일 태그를 쓴다. 해당 html에 있는 모든 a태그들에게 영향을 미친다. => 선택자라고도 불린다. 2. 스타일 속성을 쓴다 . @중복되는 역할이 있을경우. 에 나중에 선언된 것이 적용된다. 위의 경우 .active가 나중에 선언 됐으므로 body의 css는 active의 색깔인 red로 표시된다. @CSS 에서 선언시 앞에 . 을 찍으면 class 선택자와 관련이 있는것 앞에 #을 붙이면 id 선택자와 관련이 있다. @ 우선순위! 또한 id 선택자와 class 선택자가 붙으면 id 선택자가 이긴다! 일반 태그 선택자와 class 선택자가 붙어도 class 선택자가 이긴다! 이해되기 쉽게 설명하면, 좀더 포괄적인것 (일반 태그 선택자) 보다 좀더..

http://127.0.0.1/index.html 을 분석해보자. http:// Hyper Text Transfer Protocol 하이퍼 텍스트 트랜스퍼 프로토콜을 이용하여 웹페이지를 가져온다는 의미 hyper text = 웹페이지 transfer = 전송 protocol = 규약, 약속 127.0.0.1 연결 -> 자세히 192.168.0.102

1. 문서 양식 태그 : parag 2. 구조 태그 : 웹의 제목을 설정 : ex) 우리가 작성한 코드를 utf-8 방식으로 저장했으면, 태그를 통해 utf -8 방식으로 읽을수 있도록 브라우저에게 명령하는것 본문에 쓰일 내용들을 사전에 설명하는 와 본문 태그 두가지로 묶인다. 그리고 이들은 모두 태그에 묶여있다. 그리고 관용적으로 이라고 맨처음에 명시해준다. 3. 부모 자식 태그 : ordered list / 목차에 자동으로 숫자 conut 태그 : unorderd list / 숫자 대신 dot 생성 태그 ※ unordered에서 dot(외국에서는 bullet) 을 없에고 싶으면을 하면된다. 이들은 모두 : list / 목차생성태그 의 부모 태그이다. / 표를 만드는 태그 (조부모태그) : table ..