목록Web/HTML (13)
2swan
컨테이너 태그 콘텐츠나 레이아웃에 아무런 영향도 주지 않고, 단지 다른 요소 여럿을 묶어 관리하기 편하게 만드는 역할을 하는 태그를 '컨테이너'라고 한다. 콘텐츠 내용을 구분하거나, 공통적인 스타일을 적용하고자 할 때 개발자는 컨테이너를 사용하는 것이 좋다 :블록 레벨 컨테이너 :인라인 컨테이너 전역 속성 전역 속성(Global attributes)은 모든 HTML 태그에서 공통으로 사용할 수 있는 속성이다. id : 요소에 고유한 이름을 부여하는 식별자 역할 속성 class : 요소를 그룹 별로 묶을 수 있는 식별자 역할 속성 style : 요소에 적용할 css 스타일을 선언하는 속성 title : 요소의 추가 정보를 제공하는 텍스트 속성. 사용자에게 툴팁 제공.
텍스트 strong 태그는 콘텐츠를 굵게 표시 em 태그는 콘텐츠를 기울여 표시 mark 태그는 콘텐츠에 형광펜 표시 이미지 img 단일 태그로써, 닫는 태그를 필요로 하지 않는다. img 태그의 src 속성은 표시할 이미지의 위치정보와 파일명을 입력받는 속성이다 즉, 이미지의 url을 입력한다. alt는 alternative의 약자로 대체 텍스트 역할 이미지가 로딩되기 전이나 이미지 로딩에 실패한 경우 이미지 대신에 대체 텍스트가 표시 너비와 높이는 픽셀(px)단위로 적용된다.
수평선 hr 태그는 수평선을 표시하는 태그이다. 수평선은 주제 변경 또는 내용 구분을 위해 사용된다. 줄 바꿈 태그와 공백 문자 HTML에서는'줄 바꿈' 은 br 태그 공백을 두 번 이상 표시할 때는
문서의 첫 부분에서 문서 유형을 지정하는 단일 태그 (웹 브라우저에게 문서는 ~ 라 처리 부탁해라는 메시지를 전달하는 것) ~ 문서 유형을 지정한 후 실제 문서가 시작되고 끝나는 것을 나타내는 태그 에서 HTML 문서가 HTML 문서가 시작되고 에서 HTML 문서가 끝난다. 웹 브라우저 화면에는 보이지 않지만 웹 브라우저가 알아야 할 정보들은 head 태그에 들어간다. → 문자 인코딩 및 문서 키워드 등에 대한 요약 정보를 기입하는 단일 태그 문자 인코딩이란 한글을 표시하기 위해 문자 세트를 지정하는 작업으로, 영문과 한글을 모두 사용하기 위해 utf-8 방식을 사용하는 것이 좋다. ~ 문서의 제목을 나타내며, 콘텐츠는 브라우저 탭에 표시된다. ~ 실제 브라우저 화면에 표시될 내용을 입력하는 태그이다 -..