10강~11강을 요약해보도록 하겠습니다. 1) 만약 id나 class가 없다면? css로 오로지 태그 이름만 설정할 수 있다면 어떤 일이 일어날까요? 안녕 나는 산와머니라고 해! @font-face { font-family: "IM_Hyemin-Bold"; src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2106@1.1/IM_Hyemin-Bold.woff2") format("woff"); font-weight: normal; font-style: normal; } div { font-size: 50px; font-family: "IM_Hyemin-Bold"; } '안녕'과 '나는 산와머니라고 해!'라는 텍스트에 다른 효과를 주고 싶어도 주지 ..
웹페이지에 이미지를 삽입하거나 영상을 삽입할 수 있도록 도움주는 태그들은 미디어태그라고 합니다. 이 점들에 대하여 오늘의 빡공 6일차 일기를 시작합니다 ! 1) img 태그 다운받은 이미지 또는 가지고 있는 이미지를 프로젝트 폴더 안에 넣고 img 태그 안에 표시해줄 수 있습니다. 또한 다운받지 않고 '이미지 주소 복사하기'를 이용해 표현할 수 있습니다. 외부 서버에서 가져오는 방식인데, 프로젝트 용량이 커지는 것을 방지하기 때문에 실제로도 많이 쓰이는 방식입니다. 오늘의 단축키 팁! - ctrl + d를 누르면 커서 라인에 있는 문장을 그 아래에 그대로 추가해준다. 2) vedio 태그 우리가 가지고 있는 영상을 웹 페이지에 추가해주고 싶을 때 사용하는 태그입니다. 기본적으로 영상 맨 아래에는 영상의 ..
빡공일기 5일차로 오늘 하루를 마무리 합니다! 그럼 지금부터 시작! 1) div와 span의 차이 div와 span 태그는 모두 텍스트, 이미지 등 다양한 태그들을 안에 넣고 묶어줄 때 사용하는데요. 과연 이 태그들의 차이점은 무엇일지 아래 이미지를 보고 판단해봅시다. 1-1) div 태그 div 태그가 잡히는 영역은 화면 가로 영역 100%를 차지하고 있습니다. 이런 태그들을 블록 요소라고 합니다. 1-2) span 태그 span 태그가 잡히는 영역은 오로지 텍스트 등의 크기가 차지하는 영역으로 가로 한 줄 전체를 잡아먹지 않습니다. 이런 태그들을 인라인 요소라고 합니다. 2) 로그인 폼에 들어가는 요소들을 안정적인 구조로 만들기 사실상 로 한 줄을 띄는 것 보다는 css나 인라인, 블록 등의 요소들을..
4일차 빡공일기를 시작합니다! 오늘은 텍스트에 관련한 태그들과 회원가입에 들어갈 법한 태그들을 배웠습니다. 1) html은 기본적으로 띄어쓰기가 되지 않고 가로로 다닥다닥 붙는데요. 태그는 띄어쓰기를 도와주는 태그이기 때문에 요소들을 분리시킬 수 있습니다. hello br태그 2) 텍스트를 강조하는 법 텍스트를 두껍게 강조하거나 이탤리체로 강조하는 등 다양한 글씨체를 구사할 수 있는데요. : 글씨체 두껍게 설정 : 볼트체와 똑같이 반영하나 태그에 의미를 부여하는 시맨틱 태그 : 이탤릭체 hello1 hello2 i tag 3) 입력창과 버튼 웹에 꼭 들어가는 요소인 입력받을 수 있는 공간과 버튼은 아래와 같이 표현한다. 난 버튼이야! 특히 input 태그와 같은 경우는 정말 많은 type에 따라 형태가 ..
드디어 시작한 빡공단 12기, 크롬 다운부터 VSCode사용법까지 알차게 공부했다. 2일차 빡공일기 지금부터 시작! 1) 크롬 브라우저 다운로드 웹 표준을 잘 준수하고 있는 구글의 crome 브라우저를 설치한다. https://www.google.com/chrome/ Chrome 웹브라우저 더욱 스마트해진 Google로 더 심플하고 안전하고 빠르게. www.google.com 2) VSCode 다운로드 무료 에디터이기 때문에 많이들 설치한다. https://code.visualstudio.com/download Download Visual Studio Code - Mac, Linux, Windows Visual Studio Code is free and available on your favorite p..
