# span
[html&css] css 기본 개념 정리_6 (id, class, span, div)
분할하다는 뜻의 Division의 준말로, HTML문서 내에서 한 개의 가로 공간(Block)을 만드는 태그이다. 한 줄 전체를 차지하고 있지만 고정적인 공간 사이즈를 가지고 있는 것은 아니라는 뜻.
css 적용방식
HTML문서 내의 <head>태그 안에 <style>태그를 사용하여 css 스타일을 적용외부의 css문서를 불러와 HTML문서의 <head>안에 <link>태그를 이용하여 스타일 적용span태그는 문장 단위로 텍스트 영역을 지정하는 것인데, 문장의
<pre>, <span>,<hn>,<p>,<br태그
\-Preformat기본형 <pre>텍스트</pre>HTML에서 엔터(Enter), 탭(Tab), 스페이스바(Space)를 써도 Pre를 사용하지 않는 다면 무조건 공백 하나로 인식 소스에 표시한 공백이 브라우저에 그대로 표시됨웹접근성 고려: 웹문서를 소리로
html video & audio
span : 특별한 역할을 하지 않는 영역, display 속성이 inline tag test video : mp4 형태의 비디오를 출력 audio : (
그리드 소개
그리드 소개 image 그리드 소개 image 그리드 소개 image그리드 소개 image그리드 소개 image 그리드 소개 image 그리드 소개 image 그리드 소개 image 그리드 소개 image그리드
계산기
Table Layout-> TableLayout 사용시 TableRow와 layout_weight를 사용\-> (shrinkColumns : 균일하게 분포, constraintVertical_weight : 가중치)ScrollView-> Scroll을 사용할 수 있는
🧙🏼 HTML 구조를 나타내는 요소
: 컨텐츠 분할 요소 : 블록 레벨 요소 : 플로우 콘텐츠를 위한 통용 컨테이너 (순수 컨테이너로서 아무것도 표현안함): 본질적으로 아무것도 나타내지 않음 : 인라인 컨테이너 : 인라인 레벨 요소 : 본질적으로 아무것도 나타내지 않음 : 어떤 특성의 값을 서로 공유하는
HTML <span> Tag
`` 은 inline element. `은 text 영역만 차지하고 있으므로, ` 태그 내에서 정렬이 불가능. `` ``
TIL - heading 태그와 다른 태그를 한 줄에 넣기
상단에 우리가 일반적으로 보는 헤더처럼 heading 태그 < h1 >과 다른 button들을 같은 줄에 넣고 싶었다. 처음엔 이렇게하고 span 태그의 justify-content를 end로 해서 오른쪽으로 붙이기는 했는데 계속 h1태그와 줄이 달랐다. 그런데
[비전공 개발자 훈 #3] ★p, div, span, output, fieldset★
p: paragraph. 단락과 절을 설정해주는 태그이다p 태그의 응용방법(style 태그와 같이 쓸 수 있다)div : html문서 분할, 레이아웃 계층 나누기 용도div 태그의 응용방법(style 태그와 같이 쓸 수 있다)
[HTML] <div>와 <span>
웹 페이지에서 공간을 분할하는 것은 중요합니다. 문서 구조를 쉽게 파악할 뿐만 아니라, 문제가 생기면 해당 부분만 건드리면 되기 때문이죠. 또한 분할을 하면 태그를 관리하기가 쉬워집니다. 웹 페이지의 공간을 분할 한다는 것은 큰 서랍장을 용도 별로 나눠서 사용한다는 것
DIV VS SPAN
div 태그는 display:block 과 같은 성질을 가진다. 그래서 블럭을 쌓듯이 위로 포개지는 속성을 가지며 width, height 값에 영향을 받는다. 반면 span 태그는 display: inline 과 같은 성질을 가지며 옆으로 또는 위아래로 다닥다닥 붙는
클론 코딩_font awsome, 눈누
멋싸 프로그램 시작하고 처음 맞는 주말정말 하루종일 누워서 쉬고 싶었지만 평일에 남겨둔 일들이 계속 아른아른 해서노트북을 들고 까페로 향했다. 제주도의 장점은 바다를 보며 공부할 수 있다는 점!(곽지해수욕장 앞에서 머리 쥐뜯으며 공부하고 있는 사람이 바로 접니다.🤣)
[HTML] span, margin
일부분만 스타일 지정하기위해 부여하는태그 -inline margin : 50px 상하좌우 margin: 20px(상하) auto(좌우) margin: 4개 다하면 시계방향 = = 줄이 안바뀜= 줄바뀜 body *{ /* margin-top mar