본문 바로가기

HTML5

2. Building a Job Scrapper_4 2.7 Extracting Locations and Finishing up function - A indeed_pages( ) 페이지 목록의 마지막 숫자를 return하는 함수 import requests from bs4 import BeautifulSoup indeed_url = "https://kr.indeed.com/jobs?q=python&l=" def indeed_pages(): r=requests.get(indeed_url) # 해당 url의 html 가져옴 soup=BeautifulSoup(r.text,"html.parser") # html 파일 열기 pagination = soup.find('div',{'class':'pagination'}) # 찾고자하는 내용을 찾음 page_a = pa.. 2020. 3. 25.
CSS Position position: static; 기본 설정 position: relative; relative만 썼을 때는 위치 이동 X top, right, bottom, left를 주어서 위치 이동 할 수 있음 방향을 기준으로 태그 안쪽 방향으로 이동 n이 양수일 때 top (윗쪽 기준) : -n (위로 이동) / n (아래로 이동) bottom (아랫쪽 기준) : -n (아래로 이동) / n (위로 이동) left (왼쪽 기준) : -n (왼쪽 이동) / n (오른쪽 이동) right (오른쪽 기준) : -n (오른쪽 이동) / n (왼쪽 이동) position: absolute; 절대적인 위치에 둘 수 있음 특정 부모에 대해 절대적으로 움직임 부모 요소가 없는 경우는 브라우저 창 기준 일반적으로 .. 2020. 3. 24.
댓글쓰기 처음 페이지는 아래의 그림과 같이 text 박스가 있는 상태 text 박스에 댓글쓰면 이렇게 댓글이 달리는 홈페이지 만들기 1. text 박스의 value 가져오기 2. 글 추가하기 2-1) insertAdjacentHTML() 글 쓰고싶은 곳에 div로 위치 잡아주고 id를 줌 id를 변수로 저장하고 변수.insertAdjacentHTML(position, text) 2-2) position position은 아래 있는 단어만 사용 가능 beforebegin : element 앞에 afterbegin : element 안에 가장 첫번째 child beforeend : element 안에 가장 마지막 child afterend : element 뒤에 2-3) 추가될 text에 style 지정 text 위.. 2020. 3. 17.
자기소개 페이지 만들기2 javascript를 이용하여 자기소개 페이지를 더 꾸며보았다. 여기에 이름을 입력하면 이런식으로 뜨고 yes/no 누르면 말풍선이 바뀌게 만들었다. 배경색 바꾸는 버튼도 만들었다. 1. 말풍선 아래의 링크는 원하는 말풍선 모양을 css로 만들어주는 페이지 https://leaverou.github.io/bubbly/ 말풍선이 있었으면 좋겠는 곳에 id나 class등 주고 css에서 말풍선 크기 등 조절하면 된다. 2. input 박스 구성 이름을 입력하는 곳에 input박스를 만들었다. div에 준 id는 말풍선 속성을 조절하기 위하여 input 준 id는 input에 text박스에 입력한 값을 가져오기 위하여 2-1) input 박스 만들기 위의 태그로 input box를 만들 수 있다. input .. 2020. 3. 16.