Dainbow's Log

html

• [백엔드 로드맵🐖] HTML / CSS / JAVASCRIPT

  스터디/백엔드 로드맵 2022. 8. 4. 13:50

  HTML , CSS 그리고 JAVASCRIPT 미리보기 HTML : 웹 사이트의 구조를 만드는 언어 CSS : 웹 사이트를 시각적으로 아름답게 만드는 언어 JAVASCRIPT : 웹 사이트를 인터랙티브하게 만드는 언어 HTML (Hypertext Markup Language) Hypertext 하이퍼 링크를 이용해 독자가 원하는 페이지로 이동할 수 있게 구성되어 있는 텍스트를 의미한다. 예를 들어 위키백과에서 파란색 글자를 누르면 해당 페이지로 이동한다. Markup 언어 태그를 이용하여 문서나 데이터의 구조를 명시하는 언어를 의미한다. 예시에서 주소, 수령인, 연락처와 같은 표시가 마크업에 해당한다. 주소: 경기도 성남시 분당구 판교로 242 판교디지털센터 A동 수령인: 구름(goorm) 연락처: 03..

  Read More
• [🙌 CSS] 예쁜 글씨체 적용하기 (CSS 폰트적용, 구글 폰트 활용)

  프로그래밍/HTML&CSS 2022. 7. 9. 14:50

  신문지 컨셉으로 웹 페이지를 만들려고 한다. 밑에 사진과 같이 구성을 했는데 제목 폰트가 밋밋해서 신문지 느낌이 살지 않는다! 신문지 컨셉을 명확히 하기 위해 예쁜 폰트를 적용해보자 1. 구글 폰트에 들어간다 https://fonts.google.com/ Google Fonts Making the web more beautiful, fast, and open through great typography fonts.google.com 2. 원하는 폰트를 클릭한다 3. 오른쪽에 [Select this style +] 버튼을 누른다. 그럼 다음과 같은 바가 열린다. (안뜰 경우 분홍색으로 동그라미 친 버튼 클릭) 4. @Import란에 태그 속 문장을 복사한 뒤 css 파일 맨 위에 붙여넣기 한다. (css ..

  Read More
• [🙌 CSS] 배경이미지 화면에 맞게 꽉차게 지정하기

  프로그래밍/HTML&CSS 2020. 11. 18. 16:34

  height: 100vh width: 100vw 를 지정해주면 각각 컴퓨터 화면에 맞는 꽉 찬 사이즈로 자동으로 변경된다 body { height: 100vh; width: 100vw; background-image: url('img/signup.jpeg'); background-repeat : no-repeat; background-size : cover; }

  Read More
• [~ing][Django] a 태그는 되는데 button 태그는 안된다. (href)

  프로그래밍/Django & Flask 2020. 10. 31. 19:01

  로그인 페이지로 이동하는 것을 구현하기 위해 템플릿 태그 url을 이용해 로그인 다음과 같이 코드를 작성했다. 그런데 버튼을 눌러도 작동하지 않는다!!!! url의 문제인가 해서 a 태그를 이용해 로긴해라 클릭해보니 잘 넘어간다. 회원가입 회원가입 페이지도 잘 넘어가는데 대체 왜 안되는겨??????? 일단 pass

  Read More