# html

7800개의 포스트

HTML 학습-1

123

17분 전
·
0개의 댓글
post-thumbnail

[프로젝트 회고] 배달의 민족 for Web

제로베이스 프론트엔드 스쿨 오프라인 과정 4주차 HTML/CSS 프로젝트

약 11시간 전
·
0개의 댓글
post-thumbnail

HTML,CSS 여행사이트 만들기

여행사이트그동안 공부한 html,css 웹 퍼블리싱 강의를 듣고 여행 사이트를 만들었다 저번주에 처음 자기소개 페이지를 만들때는 완전 멘붕에 힘들었는데 이번엔 저번 보다 그래도 30프로 정도 덜 멘붕이왔다 계속 하나씩 페이지를 만들어가면 나중에는 뚝딱 해낼수있을것같다

약 22시간 전
·
0개의 댓글

HTML,CSS

일반적으로는 외부 CSS 파일에 스타일을 쓰고 HTML 코드에서 태그로 연결해주는 것이 가장 좋은 방식이다. 하지만 조금씩 새로운 스타일을 시도해볼 때에는 간편함을 위해서 < style>태그를 쓰는 방법 또는 style 속성에서 테스트를 하고, 나중에 외부 CS

어제
·
0개의 댓글
post-thumbnail

HTML(2)

하이퍼미디어 하이퍼미디어 웹 페이지의 내의 미디어를 통해 다른 연관 정보로 넘어갈 수 읶세하는 연결고리 즉, 링크이다. anchor 태그 (a) 특정 내용에 링크를 생성할 때 사용한다. herf(Hyper reference) 속성으로 이동할 리소스를 지정한다. 이동할 리소스는 URL과 같은 웹 페이지 주소나 미디어의 주소가 된다. 결과 google...

어제
·
0개의 댓글
post-thumbnail

[CSS] div에서 공백이 생기는 경우

개인 프로젝트를 하던 중 요상한 친구를 만났다.위와 같은 구조의 카드 작성 중 배경색을 입혀서 확인해보니 이미지와 div사이에 공백이 생긴것을 발견했다.크롬 개발자도구로도 확인해보고 이것저것 바꿔봤지만 이유를 모르겠어서 구글링을 해보니inline속성인 img태그에서 개

어제
·
0개의 댓글
post-thumbnail

(2) Interactive Rating

이 솔루션은 Interactive rating component challenge on Frontend Mentor. 챌린지 참여 결과물입니다.

어제
·
0개의 댓글
post-thumbnail

HTML/CSS하면서 마주친 어려움들 1편

앞으로 HTML/CSS로 웹 구조를 잡을때 이전에 겪었던 일들을 모아서 빠르게 일처리 + 개인공부 목적이다.조건 1. 너비를 알때margin : 0 auto; 를 줘서 센터링을 시킨다.조건 2. 너비를 모를때 1\. position : absolutedisplay :

어제
·
0개의 댓글
post-thumbnail

[프론트엔드] 계산기 만들기

html과 css를 사용하여 간단한 계산기를 만들어 보자!

어제
·
0개의 댓글
post-thumbnail

Responsive Web 반응형 웹

서로 다른 미디어 타입(디바이스 화면)에 따라 별도의 CSS를 지정하게 하는 기술특정기계, 특정 사이즈 이상일 때는 이 화면~ 정해준 사이즈를 기반해서 각각 다른 css를 적용할 수 있게해준다. @media 미디어 유형 and (크기 규칙)미디어 유형 : All(전부)

어제
·
0개의 댓글

html 화면 밖의 태그들

vscode를 이용해 코드를 짜다가 문득 든 화면 밖의 태그들html lang = "en", 그리고 head 태그 안의 meta 의 뜻이 문득 무슨 내용인가 싶어서 알아 보았다. html lang = "en"'lang' 언어를 뜻한다 "en"이면 영어 "ko"이면 한

어제
·
0개의 댓글

WebDevelop 수업 - Day11, calc( ), transfrom 예제

calc() > : CSS 속성의 값으로 계산식을 지정할 수 있다. width: calc(100% - 80px); 이렇게 사용이 가능하다. > - 0으로 나누면 HTML 구문분석기에서 오류가 발생한다. + 와 - 연산자는 부호 앞뒤로 공백이 있어야 한다. 가령

1일 전
·
0개의 댓글

[수업 6월 4주 5일차] React-1

오늘은 리엑트에 대해 배워보았다.프런트엔드 프레임워크 중 하나이다.일단 설치부터 시작하고, 코드작성은 VsCode로 진행했다.그럼 폴더가 생성됨과 동시에 여러가지 파일이 설치 되는 것을 볼수 있다. 그런데 html파일을 live server로 하면 뭐가 나올법도 한데

1일 전
·
0개의 댓글

[HTML] 글짜 크기, 스타일, 굵기 (size, style, weight)

글짜 크기 정하기코드출력글짜 스타일 정하기코드출력글짜 굵기 설정하기코드출력

1일 전
·
0개의 댓글
post-thumbnail

[HTML] 시멘틱 태그 (Semantic Tag)

Semantic Tag(시멘틱 태그) 란?? 우리가 컵이나, 냄비, 연필, 지우개와 같은 것을 보면 용도를 바로 알 수 있다. ,과 같은 태그만을 사용하면 용도를 바로 알아차리 힘들지만 헤더에는 메뉴에는 메인에는과 같이 태그를 사용하면 보다 쉽게 용도를 유추할

2일 전
·
0개의 댓글
post-thumbnail

HTML TAG 정리

React를 공부하다가 HTML, CSS가 부족하다는걸 느껴 기초를 제대로 다져보려한다. 역시 뭐든 기초가 튼튼해야한다. 이걸 간과해서 삽질하는 시간이 너무 많다. 결국 기초를 제대로 잡고 싶어서 결국 김버그님의 강의를 듣게 되었다. `` Heading tag라고

2일 전
·
0개의 댓글
post-thumbnail

(1) Profile Card Component

이 솔루션은 다음 챌린지의 참여 결과물입니다.Profile card component challenge on Frontend Mentor.Overview( - The challenge( - Screenshot( - Links(- My process( - Buil

2일 전
·
0개의 댓글
post-thumbnail

과제!..

이거 만들었다.. 시간 너무 많이 들었다 진짜..중점은 html checkbox와 css로 토글을 만들고드롭다운메뉴를 저런 방식으로 넣어줬다.근데 토글을 아직 js와 어떻게 연결하는지까지는 못했다. 조만간 연결해서 다크모드로 바꾸어봐야겠다. 이상.

2일 전
·
0개의 댓글
post-thumbnail

TIL 01 | HTML Basics

2일 전
·
0개의 댓글
post-thumbnail

[WEB] 열심히 살기 46일차

사진 좌로 정렬 어케하누,,,,

2일 전
·
0개의 댓글