웹 퍼블리싱/HTML10 4. 시멘틱 마크업, 블록/인라인 레벨 이번 포스팅에서는 시멘틱 마크업과 블록 레벨, 인라인 레벨에 대하여 다뤄보겠습니다. 개인적으로 기본적인 태그들을 먼저 소개하기보단, 시멘틱 마크업과 블록/인라인 레벨의 개념을 확실하게 알고 가는 것이 좋아 보입니다. 1. 시멘틱 마크업 마크업이란 컴퓨터가 이해할 수 있도록 태그로 문서를 작성하는 것이며, 웹 브라우저를 HTML과 CSS로 개발하는 것을 의미합니다. 시멘틱은 컴퓨터나 웹 브라우저가 잘 이해할 수 있도록 하는 것을 뜻합니다. 따라서, 시멘틱 마크업이란 적절한 HTML 요소를 올바르게 사용하는 것에서 시작합니다. 시멘틱 하게 마크업을 하는 방법은 의외로 간단한데요. 바로 정해진 규칙을 잘 지키면서 코딩하면 되는 것입니다. 조금 더 설명하자면 상황에 맞는, 의미에 맞는 태그와 요소를 사용하여 문.. 2023. 4. 14. 3. HTML 문서의 기본 구조 이번 포스팅에서는 HTML 문서의 기본 구조에 대하여 알아보겠습니다. 1. HTML 기본 구조 웹 브라우저는 HTML 구조를 통하여 HTML 버전, 문서의 제목, 정보 등을 파악하기 때문에 구조를 올바르게 사용하셔야 합니다. 일반적으로 HTML 문서는 아래와 같은 구조를 지니게 됩니다. 태그 및 노출될 콘텐츠 내용 2. 은 문서의 형식을 정의하는 구문입니다. 해당 구문은 현재 작성하고있는 문서가 어떤 버전으로 작성되어 있는지 브라우저에게 알려주는 기능을 하며, 문서의 최상단에 선언해야 합니다. 은 해당 문서가 HTML5 버전으로 작성되었다고 브라우저에게 알려주게 됩니다. 3. 문서 형식을 정의한 이후에는 태그가 선언되는데요. 이 태그에는 lang이라는 속성을 추가할 수 있으며, 해당 속성은 문서의 주요 .. 2023. 4. 13. 2. 태그와 속성 이번 포스팅에서는 HTML을 사용함에 있어 가장 기본이 되는 태그와 속성에 대하여 알아보도록 하겠습니다. 1. 태그 태그란 HTML에서 가장 중요하고 기본이 되는 약속된 규칙인데요. 태그는 웹 문서에 표시하려는 내용을 전달하는 언어이기 때문에 확실하게 알고 사용해야 합니다. 기본적으로 태그는 여는 태그()로 구성되어 있으며, 닫는 태그는 태그 이름 앞에 '/' 기호가 붙습니다. 웹 브라우저는 여는 태그와 닫는 태그 사이에 있는 문자를 태그로 인식한다는 것을 기억해 두시면 좋을 것 같습니다. 또한, 태그에 사용하는 속성들은 모두 소문자로 사용할 것을 권장하고 있습니다. 안녕하세요. 사용되는 태그의 종류들에 대해서는 이후에 포스팅할 예정이니 이번 포스팅에서는 태그의 개념에 대해서만 짚고 넘어가면 되겠습니다... 2023. 4. 12. 이전 1 2 3 4 다음 반응형
