728x90 html 태그2 [Html] 시멘틱 태그 semantic tag Html 에서 Semantic tag란 ? 태그의 이름 자체에 의미가 담겨있는 태그를 뜻한다. Header , Main, Footer 이라는 이름의 태그를 보면 어떤 용도의 태그인지 대충 상상이 된다. 사용 용도↓ 규모가 되는 홈페이지의 Html 소스를 보면, 시멘틱 태그만으로 해당 구조를 파악하기 위해서 사용한다. 시멘틱 태그 목록↓ 태그 이름 사용 용도 header Html 텍스트 상단 부를 의미 main Main 섹션 의미 footer Html 텍스트 하단 부를 의미 section 문서의 섹션을 구분 (서로 관계 있는 문서 분리) nav 내부 링크 리스트가 있는 경우 사용 article 하나의 컨텐츠를 구분짓기 위해 사용 (예 : 뉴스기사, 블로그 글, 포럼 글) aside 위 모든 섹션에 해당 되.. 2021. 2. 6. [Html] 기본 구조 - 태그와 엘리먼트 개념 Tag / Element Html은 HyperTextMarkupLanguage 의 약자로 프로그래밍 언어가 아닌 웹 개발시 웹페이지의 구조를 표현 하는 마크업 언어이다. 쉽게말해서, 웹개발자와 브라우저 사이에 의사 소통할수 있는 언어이다. 웹개발자 브라우저 우선 html을 출력부터 해보자. 메모장을 새로 만들기 하여, 다른 이름으로 저장하기를 누르고, 파일 이름을 index.html로 저장한다. index.html 파일을 만들었다면, 아래 예제를 실행해보기를 권장한다. 샘플 예제 ↓ 웹 개발자가 "메모를 메모하다"라는 문장을 브라우저에게 문장이라고 이야기해주려면, 아래와 같은 소스를 작성해야한다. 사용 태그 : p 메모를 메모하다 소스 작성을 완료 하였다면, 파일을 저장하고 더블클릭하여 실행하여, 웹페이지에서 출력 결과를 확인한.. 2021. 2. 3. 이전 1 다음 728x90
