HTML5 14

[HTML5] 콘텐츠 분할 태그 <div>, <span>

1. 콘텐츠 분할 태그 대표적인 블록 요소 콘텐츠 분할 div 가장 대표적인 블록 요소 구조를 나누기 위한 태그로 브라우저상의 특징이 없음 브라우저 화면에 나타나는 스타일이 없기 때문에 단순히 레이아웃을 구성하기 위해 사용. id, class 속성과 함께 사용. 2. 콘텐츠 분할 태그 대표적인 인라인 요소 콘텐츠 분할 span 가장 대표적인 인라인 요소 인라인으로 구조를 나누기 위한 태그. 브라우저상에 나타나는 특징이 없음. 주로 다른 텍스트와 구분하고 싶지만 적절한 태그가 없을 때 사용. id, class 속성과 함께 사용.

HTML5 2022.09.21

[HTML5] <blockquote>인용 태그</blockquote>, <address>사용자 정보 태그</address>

1. 인용 태그 인용 태그 blockquote 블록 요소 cite="인용된 사이트의 주소" 속성과 값을 가짐 헤밍웨이의 대표적 명언: 한 마리의 고양이는 또 하나를 데려오고 싶게 만든다. 2. 사용자 정보 태그 사용자 정보 태그 address 블록 요소 연락처, url, 주소, sns, 사업자명, 사업자번호 등등 우)16455 경기도 수원시 팔달구 향교로 1번길 20 tel. 031-895-5782

HTML5 2022.09.21

[HTML5] <h1~h6>, <p>, <br>, <em>, <strong>

1. 태그 h1 태그 : 문서의 메인 제목으로 한 문서에 한 번만 사용하는 것을 권장. 주로 로고에 사용 h2 ~ h6 태그 : 제목 태그로 한 문서 안에 여러 번 사용 가능 의미없이 제목 단계를 건너뛰지 않음 중첩 작성 가능 h4 태그 h5 태그 h6 태그 태그는 문서의 제목을 표시할 때 사용하는 태그로 'heading'의 의미를 가지고 있다. h1은 가장 상위 계층의 제목을 표시할 때 사용하며 h1 -> h6로 갈수록 제목 크기가 작아진다. 태그는 제목의 기능 외에도 검색 엔진에서 웹사이트의 내용을 파악할 때 태그를 이용해 키워드를 수집하고 판단하기 때문에 HTML에 포함되는 제목은 태그로 작성해야 제대로 검색될 확률을 높일 수 있다. 2. 태그 문단 태그 p 문단을 정의하는 요소 블록 요소이나 문단..

HTML5 2022.09.21

[HTML5] 기본 작성 코드

HTML 작성 방법 바디 태그 내부에 있는 내용이 브라우저 화면에 보임 DTD (Documant Type Definition) 브라우저에게 웹 문서의 종류를 알려주는 선언. 브라우저의 호환성과 웹표준을 위해 반드시 html 문서 최상단에 작성해야한다. 웹페이지의 시작과 끝. 전체 html 문서를 정의하며 태그는 다른 모든 html 요소들의 컨테이너. * 태그 제외. * 웹페이지의 언어를 선언하려면 태그 내부에 lang 속성을 포함해야한다. [검색 엔진(SEO)와 브라우저 지원] 태그와 태그 사이에 들어가며 메타데이터의 컨테이너. 브라우저 화면에 직접적으로 보이지 않지만, 숨은 데이터들을 정의하는 태그를 포함한다. 대표적으로 등이 있다. html 문서의 몸통을 나타내는 태그이며 브라우저 화면에 노출되는 텍..

HTML5 2022.09.20