# div

56개의 포스트
post-thumbnail

html 첫작품

어처구니가 없는 나의 html 첫 작품...;;;;ㄷㄷㄷ

2022년 8월 8일
·
0개의 댓글
·
post-thumbnail

[html&css] css 기본 개념 정리_6 (id, class, span, div)

분할하다는 뜻의 Division의 준말로, HTML문서 내에서 한 개의 가로 공간(Block)을 만드는 태그이다. 한 줄 전체를 차지하고 있지만 고정적인 공간 사이즈를 가지고 있는 것은 아니라는 뜻.

2022년 8월 5일
·
0개의 댓글
·

배운것

코린이의 1주차공부

2022년 7월 25일
·
0개의 댓글
·
post-thumbnail

<pre>, <span>,<hn>,<p>,<br태그

\-Preformat기본형 &lt;pre>텍스트&lt;/pre>HTML에서 엔터(Enter), 탭(Tab), 스페이스바(Space)를 써도 Pre를 사용하지 않는 다면 무조건 공백 하나로 인식 소스에 표시한 공백이 브라우저에 그대로 표시됨웹접근성 고려: 웹문서를 소리로

2022년 6월 29일
·
0개의 댓글
·
post-thumbnail

puppeteer를 활용하여 크롤링 해보기 (3)

크롤링까지는 성공, 이제 DB에 데이터를 담아주기만 하면 끝

2022년 6월 19일
·
0개의 댓글
·
post-thumbnail

웹 프로그래밍 2일차

영상,프레임 창을 크게 키우고 줄여도 비율을 계속 차지하도록 설정했다. 큰화면일 경우 작은 화면일 경우 깃허브 내 홈페이지 꾸미기 현재 투데이, 블로그,velog 연동, stack을 표시했다.

2022년 5월 27일
·
0개의 댓글
·

html video & audio

span : 특별한 역할을 하지 않는 영역, display 속성이 inline tag test video : mp4 형태의 비디오를 출력 audio : (

2022년 5월 27일
·
0개의 댓글
·

[HTML/CSS]<img>와 <div>의 차이

"사이트에 이미지를 넣는 방법은 두 가지가 있습니다. img 태그를 사용하는 것과 div 태그에 background-image 속성을 추가하는 것. 두 가지 방법의 차이점과 각각 어떠한 경우에 사용하면 좋은지 설명해보세요."HTML에서 img 태그를 사용하는 방법 VS

2022년 5월 24일
·
0개의 댓글
·
post-thumbnail

grid 활용

grid 활용 image‏‏‎ ‎grid 활용 image‏‏‎ ‎grid 활용 image‏‏‎ ‎본문 을 꾸미고 싶을 때 전체로 &lt; div>로 묶어준다.grid 활용 image‏‏‎ ‎grid 활용 imagegrid 활용 imagegrid 활용 ima

2022년 4월 25일
·
0개의 댓글
·
post-thumbnail

그리드 소개

그리드 소개 image‏‏‎ ‎그리드 소개 image‏‏‎ ‎그리드 소개 image그리드 소개 image그리드 소개 image‏‏‎ ‎그리드 소개 image‏‏‎ ‎그리드 소개 image‏‏‎ ‎그리드 소개 image‏‏‎ ‎그리드 소개 image그리드

2022년 4월 25일
·
0개의 댓글
·
post-thumbnail

🧙🏼 HTML 구조를 나타내는 요소

: 컨텐츠 분할 요소 : 블록 레벨 요소 : 플로우 콘텐츠를 위한 통용 컨테이너 (순수 컨테이너로서 아무것도 표현안함): 본질적으로 아무것도 나타내지 않음 : 인라인 컨테이너 : 인라인 레벨 요소 : 본질적으로 아무것도 나타내지 않음 : 어떤 특성의 값을 서로 공유하는

2022년 3월 31일
·
0개의 댓글
·

[웹 접근성] tabindex적용해서 div에 outline 표시하기

웹 접근성 개선을 위해 focus되어있는 요소에 outline을 넣는 작업을 하고있었다.대부분 클릭 가능한 요소들은 button으로 만들게되는데, 재사용 컴포넌트로 만든 chip 컴포넌트가 예외였다.chip컴포넌트는 onClick 프롭을 옵셔널로 전달받는데, 전달받을

2022년 3월 21일
·
0개의 댓글
·

HTML 의미론

HTML 문서의 작성 의도를 사용자에게 정확하고 다채롭게 전달하기 위해 HTML 의미론 알아두기

2022년 3월 18일
·
0개의 댓글
·
post-thumbnail

TIL - heading 태그와 다른 태그를 한 줄에 넣기

상단에 우리가 일반적으로 보는 헤더처럼 heading 태그 &lt; h1 >과 다른 button들을 같은 줄에 넣고 싶었다. 처음엔 이렇게하고 span 태그의 justify-content를 end로 해서 오른쪽으로 붙이기는 했는데 계속 h1태그와 줄이 달랐다. 그런데

2022년 3월 7일
·
0개의 댓글
·
post-thumbnail

<section>, <article>, <div> 용도에 맞게 사용하기!

섹션 구분을 조금 더 의미 있게 div가 아닌 section 혹은 article을 사용할 수 있다. `` HTML `` tag는 플로우 컨텐츠를 위한 통용 컨테이너다. CSS로 꾸미기 전에는 컨텐츠나 레이아웃에 어떤 영향도 주지 않는다. `` 요소는 "순수" 컨테이너로서 아무것도 표현하지 않는다. 대신 다른 요소 여럿을 묶어 class, id 속성으로...

2022년 3월 2일
·
0개의 댓글
·

div 중앙에 정렬

2022년 2월 19일
·
0개의 댓글
·