HTML, CSS, JS
HTML 웹 컨텐츠의 구조, 빌딩, 블럭 - CSS, JS 는 라이브러리 같은 것
표준화된 markup language.
html 은 역사가 길다. 모든 것이 html5를 지원
head- 사용자에게 보여지는 UI 없다. 제목이나 아이콘 CS파일 연경. 메타데이터
body- 사용자에게 보여진다.
브라우저는 에러를 짐작해서 보여준다. 사용자가 문제를 볼 수 있도록 도와 준다.
validation service - 코드를 넣어서 확인다.
웹사이트를 만들 때,
구조를 나눠서 작성해야 한다.
모든 컨텐츠는 바디에서 정의를 내려진다.
베너
헤더> 다른 박스가 있다.
웹 스크랩핑
크롤링
스크랩핑
웹브라우저와 don
beautifulsoup. 코드를 객체처럼 사용하기 위해.
HTML
HyperText Markup Language, 웹에서 페이지를 표시할 때 사용.
Element
태그를 이용하여 element를 표현한다.
ex)
opening/closing tag
닫아주는 태그가 없는 요소도 있다. ex)
Cbildren
HTMI 요소 안에 다른 요소 추가 가능.
CSS
웹 페이지 문서가 어떻게 표현되는 지 알려주는 스트일시트 언어.
cascading style sheets
html 으로 스타일을 표현할 수 있지만 간결하고 편의성을 위해 분리해서 사용.
CSS Selector
설렉터:특정 요소를 선택하는 방법.
type selector : CSS 타입에 따라서 선택. ex) 'p','div'
Class selector: 클래스에 따라 선택.
Id selector: id에 따라 선택.
<효율적으로 원하는 요소를 선택할 수 있다.>
CSS 상속
CSS: 요소의 위치에 따라 상위 요소의 스타일을 상속 받음.
클래스
특정 요소에 스타일을 지정.
다수 요소에 하나의 스타일을 적용-> 클래스를 지정하여 상속.
ex)
<p class="banana">I have a banana class</p>CSS 는 '.' 이 클래스를 정의한다.
ex)
.banana {
color:"yellow";
}다수 클래스 부여 가능
<p class="banana fruit orange">I have many classes</p>CSS, 각기 다른 클래스를 정의하여 스타일 지정 가능.
CSS ID
HTML
<p id="pink">My id is pink</p>'#'는 스타일을 지정한다.
ex)
#pink {
color:"pink";
}ID, 클래스와 동일하게 정해진 스타일을 HTML 요소에 적용 가능.
다수 HTML 요소, 동일한 ID 부여 가능.
but, ID는 특정 HTML 요소를 지정할 때만 사용. 다수 요소에 사용 안됨.
