div vs span vs p 차이점은 div와 p는 블록요소 이고, span은 인라인 요소입니다. 또한 p는 문자 단락 용도이고, div는 레이아웃 계층 나누기 용도입니다. div vs span vs p 블록과 인라인 차이 <div>, <p> 태그와 <span> 태그 사이의 차이점은 블록 요소와 인라인 요소에 … [Read more...] about div vs span vs p 차이는 블록 요소와 포함 유무
HTML
HTML 대문자 및 소문자, 첫 글자 대문자 변경
HTML 대문자 변경은 uppercase, 소문자 변경은 lowercase 속성값을 사용하며 기본 설정은 none으로 초기화합니다. HTML 대문자 변경 방법 text-transform : uppercase 속성 및 속성값을 사용하면, HTML 문서의 텍스트를 대문자로 변경할 수 있습니다. <!DOCTYPE … [Read more...] about HTML 대문자 및 소문자, 첫 글자 대문자 변경
HTML 글자 굵게 하는 b, strong, font-weight 3가지 방법
HTML 글자 굵게 만들기 HTML 글자 굵게 만드는 방법은 크게 세 가지가 있습니다. <b>, <strong> 그리고 font-weight 속성입니다. <b> 태그 <b> 태그는 사람눈에만 단순히 글자가 굵게 표시되도록 합니다. 검색 엔진 등에는 의미론적으로 중요도를 표시할 필요가 없을 경우 … [Read more...] about HTML 글자 굵게 하는 b, strong, font-weight 3가지 방법
HTML 내부링크 id 주소 붙이고 생성하는 방법
HTML 내부링크 HTML 내부링크 조작 방법은 HTML의 id 속성을 사용하면 됩니다. id 속성은 HTML의 태그에 고유 이름을 붙이는 기능입니다. <h2 id = "apple">사과</h2> <h2 id = "banana">바나나</h2> <h2 id = … [Read more...] about HTML 내부링크 id 주소 붙이고 생성하는 방법
HTML body background color 변경하는 2가지 방법
HTML body background color HTML body background color 속성 변경은 크게 두 가지 방법으로 변경할 수 있습니다. 인라인 속성으로 태그에 직접 추가를 하거나 CSS로 body에 선택자를 지정합니다. <body> 배경색 CSS 선택자 지정 <body>를 선택자로 지정한 후 … [Read more...] about HTML body background color 변경하는 2가지 방법
HTML body center 정렬시 margin이 text-align 보다 좋은 이유
HTML body center 정렬은 margin : 0 auto 속성이 보편적입니다. text-align 방식은 하위에 width 속성을 삽입하면 정렬이 작동하지 않는 경우가 발생하기 때문입니다. HTML body center HTML body center 정렬을 하는 방법은 margin:0 auto 속성을 사용합니다. body { … [Read more...] about HTML body center 정렬시 margin이 text-align 보다 좋은 이유
HTML body margin 속성 초기화 하는 방법
HTML body margin 속성은 0으로 값을 지정하면 값이 초기화됩니다. 아무 셋팅을 하지 않은 빈 페이지도 기본 마진이 설정되어 있기 때문입니다. HTML body margin 속성 초기 셋팅 HTML body margin 속성은 페이지의 값을 초기화할 때 사용할 수 있습니다. 아래에는 아무런 margin 속성이 없는 HTML … [Read more...] about HTML body margin 속성 초기화 하는 방법
HTML body 가운데 정렬 방법은 margin 0 auto를 사용
HTML body 가운데 정렬 HTML body 가운데 정렬 하는 방법은 margin: 0 auto 속성을 CSS로 추가하면 됩니다. body { margin: 0 auto; width: 300px; } 결과 TRY IT ▷ 영역 구분을 시키기 위해서 예제에서는 테두리를 삽입했습니다. … [Read more...] about HTML body 가운데 정렬 방법은 margin 0 auto를 사용
HTML title 이미지 또는 icon 적용하는 방법
HTML title 이미지 또는 icon HTML title 이미지 삽입 방법은 <link> 태그에 이미지 주소를 링크시키면 됩니다. <link href="이미지주소.ico" rel="shortcut icon" type="image/x-icon"> 예를 들어 사과 모양 로고의 주소를 브라우저 파비콘으로 삽입하고 싶다면 아래와 같이 … [Read more...] about HTML title 이미지 또는 icon 적용하는 방법
HTML title 속성 예제인 이미지, 링크 및 약어 사용
HTML title 속성은 툴팁 기능을 구현합니다. 반면 title 태그는 웹페이지의 제목을 브라우저 상단에 표시하는 기능을 합니다. title 요소는 태그와 속성으로 사용될 때 삽입 위치와 기능이 전혀 달라집니다. HTML title 속성 HTML title 속성은 태그에 보조 정보를 부가하는 기능입니다. 태그 요소에 마우스를 올리면, title … [Read more...] about HTML title 속성 예제인 이미지, 링크 및 약어 사용