[html/css] Selector(선택자) 총 정리
·
HTML|CSS
20240802수업 [앞서 알아두면 좋은 내용]client -(요청)-> server client 하나를 찾음 name="gender" : document.getElementsByname('gender') -> 여러개를 찾음 : document.getElementsByTagName('gender') -> 여러개를 찾음 class="" : document.getElementsByClassName('') -> 여러개를 찾음css선택자를 공부하는 이유스타일을 조작js를 조작jquery를 조작파이썬을 조작html을 서버로부터 다운받았을때 크롤링를 하기위해 특정태그를 지정해서 가져올때 docume~를 가져옴Pseudo-classes selector(선택자) - 어떤 상태일 떄 :으로 시작SelectorExampl..
[html/css]링크 버튼 만들기,vertical align
·
HTML|CSS
20240801수업 Link Button '눈떠보니 월드스타' 김예지, 조회수 4000만회 세계적 폭발 링크 버튼 link button link button HTML 삽입미리보기할 수 없는 소스 height대신 padding을 쓰는 이유:block태그는 vertical align이 적용x td에서는 먹지만 a태그에는 inline-block을 줘도 vertical 적용xtable(block)은 vertical-align이든 padding이든 다 먹히긴 한다. 그런데 block태그와 inline태그에서는 태그에따라서 적용될 수 있는 속성이 다르기때문에 여러가지 속성을 활용해 볼 수 있도록 할 것. 참고:https://www.w3.org/TR/CSS2/tables.html#height-layout Tables..
[html/css] 다양한 표현 방식
·
HTML|CSS
20240731수업1 이문세 붉은 노을 50 2 아이유 붉은 노을 26 3 빅뱅 붉은 노을 27 위와 같은 형식을 한국인이 보면 이문세가 나이가50이고 노래제목이 붉은 노을, 아이유라는 가수의 나이가 26이고 노래제목이 붉은 노을, 빅뱅이라는 가수의 나이가 27세이고 노래제목이 붉은 노을이라는 것을 단번에 파악할 수 있지만, 한글을 모르는 외국인은 각 항목이 무엇을 의미하는지 단번에 파악하기 힘들다 그래서 다음과 같은 방식들을 통하여 표현할 수 있다. [XML] (eXtensible Markup Language) version="1.0" encoding="utf-8 ?> 1 이문세 붉은노을 50 2 아이유 붉은노을 26 3 빅뱅 붉은노을 27 마크업 언어(markup language)는 태그 등을 이용하..