# html
HTML,CSS 여행사이트 만들기
여행사이트그동안 공부한 html,css 웹 퍼블리싱 강의를 듣고 여행 사이트를 만들었다 저번주에 처음 자기소개 페이지를 만들때는 완전 멘붕에 힘들었는데 이번엔 저번 보다 그래도 30프로 정도 덜 멘붕이왔다 계속 하나씩 페이지를 만들어가면 나중에는 뚝딱 해낼수있을것같다
HTML,CSS
일반적으로는 외부 CSS 파일에 스타일을 쓰고 HTML 코드에서 태그로 연결해주는 것이 가장 좋은 방식이다. 하지만 조금씩 새로운 스타일을 시도해볼 때에는 간편함을 위해서 < style>태그를 쓰는 방법 또는 style 속성에서 테스트를 하고, 나중에 외부 CS
HTML(2)
하이퍼미디어 하이퍼미디어 웹 페이지의 내의 미디어를 통해 다른 연관 정보로 넘어갈 수 읶세하는 연결고리 즉, 링크이다. anchor 태그 (a) 특정 내용에 링크를 생성할 때 사용한다. herf(Hyper reference) 속성으로 이동할 리소스를 지정한다. 이동할 리소스는 URL과 같은 웹 페이지 주소나 미디어의 주소가 된다. 결과 google...
[CSS] div에서 공백이 생기는 경우
개인 프로젝트를 하던 중 요상한 친구를 만났다.위와 같은 구조의 카드 작성 중 배경색을 입혀서 확인해보니 이미지와 div사이에 공백이 생긴것을 발견했다.크롬 개발자도구로도 확인해보고 이것저것 바꿔봤지만 이유를 모르겠어서 구글링을 해보니inline속성인 img태그에서 개
(2) Interactive Rating
이 솔루션은 Interactive rating component challenge on Frontend Mentor. 챌린지 참여 결과물입니다.
HTML/CSS하면서 마주친 어려움들 1편
앞으로 HTML/CSS로 웹 구조를 잡을때 이전에 겪었던 일들을 모아서 빠르게 일처리 + 개인공부 목적이다.조건 1. 너비를 알때margin : 0 auto; 를 줘서 센터링을 시킨다.조건 2. 너비를 모를때 1\. position : absolutedisplay :
Responsive Web 반응형 웹
서로 다른 미디어 타입(디바이스 화면)에 따라 별도의 CSS를 지정하게 하는 기술특정기계, 특정 사이즈 이상일 때는 이 화면~ 정해준 사이즈를 기반해서 각각 다른 css를 적용할 수 있게해준다. @media 미디어 유형 and (크기 규칙)미디어 유형 : All(전부)
html 화면 밖의 태그들
vscode를 이용해 코드를 짜다가 문득 든 화면 밖의 태그들html lang = "en", 그리고 head 태그 안의 meta 의 뜻이 문득 무슨 내용인가 싶어서 알아 보았다. html lang = "en"'lang' 언어를 뜻한다 "en"이면 영어 "ko"이면 한
WebDevelop 수업 - Day11, calc( ), transfrom 예제
calc() > : CSS 속성의 값으로 계산식을 지정할 수 있다. width: calc(100% - 80px); 이렇게 사용이 가능하다. > - 0으로 나누면 HTML 구문분석기에서 오류가 발생한다. + 와 - 연산자는 부호 앞뒤로 공백이 있어야 한다. 가령
[수업 6월 4주 5일차] React-1
오늘은 리엑트에 대해 배워보았다.프런트엔드 프레임워크 중 하나이다.일단 설치부터 시작하고, 코드작성은 VsCode로 진행했다.그럼 폴더가 생성됨과 동시에 여러가지 파일이 설치 되는 것을 볼수 있다. 그런데 html파일을 live server로 하면 뭐가 나올법도 한데
[HTML] 시멘틱 태그 (Semantic Tag)
Semantic Tag(시멘틱 태그) 란?? 우리가 컵이나, 냄비, 연필, 지우개와 같은 것을 보면 용도를 바로 알 수 있다. ,과 같은 태그만을 사용하면 용도를 바로 알아차리 힘들지만 헤더에는 메뉴에는 메인에는과 같이 태그를 사용하면 보다 쉽게 용도를 유추할
HTML TAG 정리
React를 공부하다가 HTML, CSS가 부족하다는걸 느껴 기초를 제대로 다져보려한다. 역시 뭐든 기초가 튼튼해야한다. 이걸 간과해서 삽질하는 시간이 너무 많다. 결국 기초를 제대로 잡고 싶어서 결국 김버그님의 강의를 듣게 되었다. `` Heading tag라고
(1) Profile Card Component
이 솔루션은 다음 챌린지의 참여 결과물입니다.Profile card component challenge on Frontend Mentor.Overview( - The challenge( - Screenshot( - Links(- My process( - Buil
과제!..
이거 만들었다.. 시간 너무 많이 들었다 진짜..중점은 html checkbox와 css로 토글을 만들고드롭다운메뉴를 저런 방식으로 넣어줬다.근데 토글을 아직 js와 어떻게 연결하는지까지는 못했다. 조만간 연결해서 다크모드로 바꾸어봐야겠다. 이상.
