# div

51개의 포스트
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개의 댓글

div 반반 나누기

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

[비전공 개발자 훈 #3] ★p, div, span, output, fieldset★

p: paragraph. 단락과 절을 설정해주는 태그이다p 태그의 응용방법(style 태그와 같이 쓸 수 있다)div : html문서 분할, 레이아웃 계층 나누기 용도div 태그의 응용방법(style 태그와 같이 쓸 수 있다)

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

[HTML] <div>와 <span>

웹 페이지에서 공간을 분할하는 것은 중요합니다. 문서 구조를 쉽게 파악할 뿐만 아니라, 문제가 생기면 해당 부분만 건드리면 되기 때문이죠. 또한 분할을 하면 태그를 관리하기가 쉬워집니다. 웹 페이지의 공간을 분할 한다는 것은 큰 서랍장을 용도 별로 나눠서 사용한다는 것

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

[인프런]html, css 기초

Html 주석 다는 법 css 주석 다는 법 Block Element vs Inline Element Block Element: 무언가를 담는 그릇 다른 Block Element와 Inline Element를 모두 담을 수 있다 세로로 배열-새로운 줄에서 시작해

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

Html&Css 친해지기

별거 없지만 내가 만든 그림?2시간 넘게 걸림 ㅋㅋㅋㅋㅋ대신 Html 살짝 진짜 살짝 친해짐대강 코드는 이렇다div를 활용한 코드고 이게 결론.

2021년 12월 16일
·
1개의 댓글
post-thumbnail

html 이력서_tailwind

오늘 수업은 테일 윈드(tailwind)라는 자동화 툴을 실습했다.css 라이브러리로 많이 사용 되는 부트 스트랩과 더불어테일윈드도 많이 사용하기 때문에 이에 관한 실습을 진행했다.부트 스트랩은 완제품을 구성하는 경우테일 윈드는 처음부터 ui짜야 되는 경우에서 사용하기

2021년 11월 23일
·
0개의 댓글