분류 전체보기103 CSS적용방식 / 내부스타일 시트, 외부스타일 시트, 인라인스타일 드디어 CSS 시작 ! 먼저 css의 문법 기본틀은 이렇다. 선택자{속성: 값;} ex) p{color:green;} 위 안에 있는 세 개의 문단들을 각각 다른 방식을 적용해서 글자 색상을 변경해보겠다.ㅎㅎ 글자의 색을 바꾸는 문법의 종류에는 세 가지가 있다. 내부 스타일 시트/ 외부 스타일 시트/ 인라인 스타일 1. 내부 스타일 시트 - 태그를 사용, html 문서에 바로 적용함. - 태그 내에 작성함. 태그를 태그를 사용하여 내부 스타일 시트 방식으로 변경 완료. 이 밖에 내부 스타일 시트 2. 외부 스타일 시트 (*가장 많이 사용) - 외부에 있는 .css(stylesheet 파일) 문서를 연결함. -실무에서 사용, 가장 많이 사용 -안에 외부의 .css문서 파일 링크와.. 2024. 1. 7. HTML로 로그인 창 뼈대 만들어보기 웹 사이트에 로그인 할 때 우리가 자주 마주하는 로그인 창을 지금까지 익힌 html로 만들어보기 도저어언! 완성한 코딩 ! -다른 웹사이트 계정으로 연동할 수 있는 소셜로그인 창도 만들어주고, sign in with google 이미지도 가져와서 ★ 로 바로 연결 될 수 있게 넣어주었다. ★password는 입력할 때 'for 속성값'과 'id 속성값' 이 같아야한다. (입력 시 ·······라고 입력됨) - 최종 저장하기 전에 수정을 했었나보다,,ㅎ누락된 태그를 여기에 적어보면 or Forgot your password? 이렇게 적으면 로그인 창 아래에 id/pw를 잊어버렸을 때 찾을 수 있는 링크로 연결되는 버튼을 만들 수 있다.! (아직 id/pw를 찾을 수 있는 웹은 존재하지 않.. 2024. 1. 7. 링크와 이미지 넣기 - src속성, alt속성, 이미지 링크(img) 1)img 태그와 alt 속성/ 이미지 경로 표시 여기에서 주의할 게 바로, "src 속성" 이다. src 속성 -> 삽입하려는 이미지의 경로 ★★★★ 기준 : 실행되는 HTML 파일의 위치 ! -html 파일의 위치를 기준으로 '이미지 파일의 경로'를 나타낸다. ★★ html파일과 같은 위치(현재 폴더) 에 있는 경우 사용하는 ./ 은 생락할 수 있음. ../ 은 상위 폴더에 있던 이미지파일을 불러온 것이고, ./은 html과 동일한 폴더에 있는 이미지 파일을 불러오는 상황이다. 짠! 이렇게 내가 설정한 이미지를 삽입했다. 2) 이미지 링크 -이미지 링크란 html에서 해당 이미지를 클릭하면 특정 웹 사이트로 이동할 수 있는 링크다. 지금부터 우리가 모두 잘 알.. 2024. 1. 7. 목록 만들기 <ul,ol,dl 태그> html에서 주로 사용되는 세 가지 목록 태그에 대해서 알아보자. 1) ul 태그 -(unordered list) -순서 없는 목록 생성, 나열시 사용함. - 로 목록 내용 구성 2) ol 태그 -(ordered list) -순서가 존재하는 목록 생성 시 사용함. - 로 목록 내용 구성 오호라.. 나중에 to do list + 운동 기록 등을 할 수 있는 웹 제작할 때 사용해볼까 3) dl 태그 -dl(decription list) , dt(description term), dd(description details) 태그 사용 -정의형 목록에 사용( 용어 설명 나열) 2024. 1. 7. Visual Studio Code/ 여러 태그들 Today's Summary 오늘 익힌 html 여러 태그들 태그가 들어갈 곳 -대략적인 커다란 틀이라고 볼 수 있다. 이제 여기에 각종 태그들을 추가한다. -html 기본구조 -> DTD, html, title, body 1) DTD 문서형 정의 2) 언어.. 2024. 1. 7. [Lauv The Between Albums Tour] 23.08.29 라우브 내한 ♥ 헤헤 지하철 역에서 내리니 바로 보였던 하늘… 실화니안그래도 설레던 맘 .. 쿵쾅 푹칙 박칙 난리 났었다. + 사촌언니도 형부랑 보러 왔다고 해서 잠깐 접선 ☺️가벼운 비가 온 뒤라 그랬던걸까너무 예뻤던 노을이었다. 해리 때보다 확연히 멀었던 자리ㅎ 라우브는 노래만 들어도 좋으니… 2층으로 가자하구 티켓팅했는데 kspo 돔 규모가 크지않아서인지 시야도 너무 좋았구 만족했다. (2층 마자..?)시작한다... ❤️ 🤍후기힐링 잔뜩 했다..🥺 / 공연 중간중간에 자기 얘기하면서 노래를 시작했는데 이게 넘 좋았다.이 거대한 공간을 하나의 열기로 통합시키는 에너지가 아주 벅찼다. 네버낫 전주 연주 시작하자마자의 그 전율은 잊지 못할 것 , , ( 나 라우브 좋아했네 )/ 스무살 스물 한 살 때 드라이.. 2023. 9. 8. [LOT SEOUL 2023] 23.03.20 해리스타일스 내한♥︎ 몇 달전 눈으로 보고도 믿기지 않았던 해리 내한 오피셜 공지. 와 이거 실화야... 오래살고 볼 일한국에 해리라니............... OMG 해리야 ... 혼미해진 정신 차리고 보니 티켓이 구해져있었어요.... 3월이 언제 오려나 했는데 몇 달 뒤 , , 드디어 해리 보러 옴 🥲 뛸 이유는 없지만 괜히 빠른 걸음으로 콘서트 장까지 걸어갔다.. ㅋㅋㅋ ♥ 또 엄청 일찍 도착한 건 아니라굿즈는 못받구 love of my life 때 들을 피켓은 야무지게 받았댜😍 첫 혼콘~~~ 그게 해리…♥️ 그리고 혼자 가도 할 거 다 하는 애.. ( LOT 앞에서 한 컷 해야지....) 지나가던 행인분께 부탁드려서 한 컷 남겼다 🥳 .. 2023. 9. 8. 이전 1 ··· 6 7 8 9 다음
