# div
HTML 본문글자태그
<div></div> , <span></span> , <br/> , <hr/>에 대해 간단하게 알아본다.<div></div> , <br/>태그는 줄바꿈을 할수있고 , <span></span>태그는 이어서 붙일수
[HTML] Div vs Span
1) 둘의 차이 : 정말 간단하고, 명료한 둘의 차이는 전자는 block 요소에 해당하는 태그이고, 후자는 inline 요소에 해당하는 태그이다. 간단하게 block vs inline에 대해 설명해보면,
Semantic Web과 Semantic Tag
1.Semantic Web이란? 웹에 존재하는 수많은 웹페이지들에 메타데이터(Metadata)를 부여하여, 기존의 잡다한 데이터 집합이었던 웹페이지를 ‘의미’와 ‘관련성’을 가지는 거대한 데이터베이스로 구축하고자 하는 발상이다. 2.Semantic Tag란? 3.d
HTML tag 너무 많아,, 언제쓰지?
태그는 너무나도 많아서 언제 무엇을 써야할지, 모르겠다 이말이에요. 그리고 똑같은 기능을 하는 것도 태그를 달리해서 구현할 수 있으니 말이에요.
<HTML와 CSS를 이용해 블로그 만들기> 2. div 태그를 이용한 박스 만들기
1\. div를 이용한 박스 만들기많은 웹페이지는 박스 레이아웃으로 구성되어 있다.저번에 우리가 만든 간단한 프로필을 다시 보자.이 화면에서 아래쪽에 자세한 설명을 추가해보자.그냥 글만 넣으면 밋밋하니까 박스를 추가해서 박스 안에 글을 작성해보자.박스형태로 글을 작성
글자와 상자
글자 요소를 만들기 위한 요소들요소가 수평으로 쌓이는 특성이 있음포함한 콘텐츠 크기만큼 자동으로 줄어듬글자 요소는 가로, 세로 사이즈를 지정할 수 없음글자 요소는 내부 및 외부 여백을 지정할 때 좌, 우만 지정할 수 있음글자 요소 내부에는 상자 요소를 넣을 수 없음대표
HTML 핵심 요소 정리
HTML 핵심요소 정리블록 요소 특별한 의마가 없는 구분을 위한 요소 (Division)블록 요소제목을 의미하는 요소. (Heading)숫자가 커질수록 중요도는 낮다.블록 요소문장을 의미하는 요소 (Paragraph)인라인 요소이미지를 삽입하는 요소alt를 통해 이미지
첫번째 기술 면접
=> semantic 태그에 대해서 아느냐 그리고 SEO도 알면 좋을듯.세오...세호.... 조세호? div태그는 별도 의미 부여가 없이 웹의 구역을 나누는 태그이고 section 태그는 핵심적인 내용이 주로 들어가는 article을 포함하는 구역으로 semantic
[CSS] Style 태그
div 태그는 아무 의미 없지만 줄바꿈 됨.span 태그는 아무 의미 없으나 줄바꿈 안됨.한번에 여러 값을 바꿀 때는 class 사용.class 사용시, .class명 을 사용한다.class는 style태그 안에서 사용.body 태그를 변경하는데 왜 head 태그에서
웹페이지 레이아웃을 구성하기 위해 공간을 분할하는 태그
공간을 분할할 수 있는 태그는 div, span, table 등이 있음 모던 웹에서는 주로 div를 사용 div 태그는 의미론적으로 의미를 가지고 있지 않기 떄문에 div태그와 같은 기능을 수행하지만 검색엔진이나 그 외의 기계적인 동작들이 웹페이지를 쉽게 이해할 수 있
Final - Div에 대하여
부제: 편함을 경계하라 "왜 이렇게 div가 많을까?" 지난 2차 프로젝트를 진행하면서 다른 사이트들의 코드를 뜯어보며 이렇게 생각했었다. 통계 사이트도 그렇고, 정부 사이트도 그렇고 하나의 작은 부분에도 글자, 그림, 공간 별로 div가 다 나뉘어져 있고 이름이
[TIL] flexbox 에서 div 한 개만 우측 정렬하기
아래와 같이 하면 됨. 또 다른 방법으로는 왼쪽에 할 것들을 div 로 한 번 더 싸는 방법 참고: https://stackoverflow.com/questions/35269947/how-can-i-align-one-item-right-with-flexbox https://d2.naver.com/helloworld/8540176
Semantic
웹이나 태그가 그 자체로 정보를 가지며 다른 정보들과의 관계를 보여준다.예를들어,위의 3줄 텍스트는 컴퓨터에게 hierachy가 없는 평등한 위치에서의 텍스트로 읽힌다. 하지만라고 작성을하게되면 컴퓨터에게 h1 > h2 > h3 으로 중요도가 다르게 읽히고, 검색엔진의
레이아웃 2단 구조 만드는 2가지 방법
레이아웃 2단 구조를 만드는 방법을 가장 쉽게 하는 방법에 대해서 공유해 드릴까 합니다.아래 방법은 제가 자주 쓰는 방법 입니다.자세한 설명은 코드로 애기 하겠습니다.
Semantic Web, Semantic Tags
컴퓨터가 이해할 수 있는 형태의 새로운 언어로 표현해 기계들끼리 서로 의사소통을 할 수 있는 지능형 웹HTML5에서 전과 달리 <div>나 <span>으로만 구성된게 아니라 의미있는 태그를 제공함으로써 전체적인 가독성, 편의성이 늘어났다.질문: "사이트에 이