웹 개발 언어54 CSS 기본 HTML로 기본 뼈대를 다졌다면, CSS로 디자인을 해보자!! HTML은 정보를 표현해야 하니까 태그 안에 작성한다. CSS는 부가적인 정보이기 때문에 이서연 실행결과 이 코드에서의 핵심은 한 태그에만 설정을 줄거라면 id를 지정하고 여러 태그를 동시에 관리하고 싶다면 동일한 class를 지정해서 한꺼번에 설정을 주는 것이다. 색깔지정 등의 코드는 간단해서 따로 설명할 것이 없어보인다. 오점추 떡볶이 김치 탕수육 짜장면 오븐스파게티 유튜브 실행결과 2022. 3. 4. HTML table, form 테이블의 테두리 모양을 지정 분야 언어 난이도 비고 Web HTML 하 rowspan:테이블에서 열은 같고 행은 다른 것끼리 병합시킬때 사용 (rowspan="몇칸병합시킬지") 병합시킬 칸 중 코드 상 더 먼저 존재하는 태그에다가 써준다!! 병합시킬 가 입력되어있다면 옆에 쪼끄만 칸으로 표시가 되니까 병합하려면 병합될 태그를 지워주자 ex)3행 3열에 해당하는 태그 입력되어있을때 Web CSS 중하 Bigdata Python 하 colspan:병합할 칸이 서로 행은 같고 열이 다를때 (기타 설명은 rowspan과 동일) 사용자에게 데이터를 입력받는 form 태그 ID : Name : PW : placeholder에 입력한 것들이 연한 글씨색으로 보여진다. 입력하면 placeholder 값이 사라진다. p.. 2022. 3. 4. HTML 태그들 a 태그 - 하이퍼링크 연결 a태그로 하이퍼링크를 지정해줄 수 있다. 첫번째 태그에 들어있는 네이버 라는 문자를 클릭하면 naver.com에 접속된다. 두번째 태그는 네이버 로고 이미지를 가져오고 이 이미지를 클릭하면 naver.com에 접속되도록 설정했다. 그리고 이 이미지에 naver라는 이름을 줬다. a태그에 href 설정에 이름값을 주면 클릭시 그 이름을 가진 태그로 이동한다. 실행화면 보라색 밑줄을 클릭하면 네이버에 접속되는 것을 볼 수 있다. 스크롤을 쭉쭉 내려서 이 링크를 발견했을때 누르면 다시 네이버 이미지가 있는 곳으로 스크롤이 올라간다. 다른 페이지에서 a태그 찾아가기 목록태그 간단한 내용이라 실행화면을 보면 바로 이해가 갈만한 내용. ul 태그 속성은 목록의 각주 설정, ol 태그 속.. 2022. 3. 4. 멜론 top100 제목, 가수 문자 데이터 수집! 오늘은 어제 배운 Requests와 BeautifulSoup 라이브러리를 이용해서 멜론 사이트에서 top100노래의 제목, 가수 의 문자 데이터를 가져오는 실습을 해보았다. 어제와 마찬가지로 일단 원하는 웹페이지의 모든 정보를 불러온다. Reguests 라이브러리의 get이라는 함수로 멜론차트 페이지를 가져온다. 멜론은 헤더값이 있어야 접속되니 헤더 설정을 잊지말자. (개발자 모드에서 복붙해서 가져오기) BeautifulSoup을 통해 컴퓨터가 접근할 수 있는 데이터 형식으로 바꿔준다. 그 다음은 멜론 페이지에 가서 내가 가져오려고 하는 데이터가 어떤 형식으로 담겨있는지를 분석한다. 복잡한 코드를 통해 가져오는 것이 아니라 개발자모드를 켜서 코드를 보고, 어떤 태그, 어떤 클래스에 담긴 데이터를 가져오는.. 2022. 3. 4. 이전 1 ··· 10 11 12 13 14 다음
