# span

39개의 포스트
post-thumbnail

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

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

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

css 적용방식

HTML문서 내의 <head>태그 안에 <style>태그를 사용하여 css 스타일을 적용외부의 css문서를 불러와 HTML문서의 <head>안에 <link>태그를 이용하여 스타일 적용span태그는 문장 단위로 텍스트 영역을 지정하는 것인데, 문장의

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

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

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

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

html video & audio

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

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

그리드 소개

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

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

계산기

Table Layout-> TableLayout 사용시 TableRow와 layout_weight를 사용\-> (shrinkColumns : 균일하게 분포, constraintVertical_weight : 가중치)ScrollView-> Scroll을 사용할 수 있는

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

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

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

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

HTML 의미론

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

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

HTML <span> Tag

`` 은 inline element. `은 text 영역만 차지하고 있으므로, ` 태그 내에서 정렬이 불가능. ​ `` ``

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

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

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

2022년 3월 7일
·
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개의 댓글
·

2021-12-27(월) 8주차 1일

배열을 다루는 메서드를 별도의 클래스로 분류한다. ArrayList 클래스 생성

2021년 12월 27일
·
0개의 댓글
·
post-thumbnail

Linear Algebra +

[n132] SECTION 01 Sprint 3 Linear Algebra Linear Algebra +

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

DIV VS SPAN

div 태그는 display:block 과 같은 성질을 가진다. 그래서 블럭을 쌓듯이 위로 포개지는 속성을 가지며 width, height 값에 영향을 받는다. 반면 span 태그는 display: inline 과 같은 성질을 가지며 옆으로 또는 위아래로 다닥다닥 붙는

2021년 11월 18일
·
0개의 댓글
·
post-thumbnail

클론 코딩_font awsome, 눈누

멋싸 프로그램 시작하고 처음 맞는 주말정말 하루종일 누워서 쉬고 싶었지만 평일에 남겨둔 일들이 계속 아른아른 해서노트북을 들고 까페로 향했다. 제주도의 장점은 바다를 보며 공부할 수 있다는 점!(곽지해수욕장 앞에서 머리 쥐뜯으며 공부하고 있는 사람이 바로 접니다.🤣)

2021년 11월 7일
·
0개의 댓글
·
post-thumbnail

[HTML] span, margin

일부분만 스타일 지정하기위해 부여하는태그 -inline margin : 50px 상하좌우 margin: 20px(상하) auto(좌우) margin: 4개 다하면 시계방향 = = 줄이 안바뀜= 줄바뀜 body *{ /* margin-top mar

2021년 10월 29일
·
0개의 댓글
·