< Code diaries />

1. 다음중 설명과 맞는 것을 모두 고르시오 ( A, C )A. 제목을 나타내는 태그는 총 6가지가 있으며, ~ 까지 이다.B. 문단을 나타내는 태그는 이다.C. 문서의 제목을 나타내는 태그는 안에 있다D. , 태그는 내용중 중요하거나 경고하는 것의 역할을 하는 태그이다.   2. 제목을 나타내는 헤딩요소들에 대한 설명으로 바르지 않은 것을 모두 고르시오. (C, D)  A. 블럭레벨 요소 이다.B. 내부에 인라인레벨 요소를 컨텐츠 요소로 포함 할 수 있다.C. 내부에 블럭레벨 요소를 컨텐츠 요소로 포함 할 수 있다.D. 계층구조를 지키지 않아도 무방하며, 제목이 필요시 언제든지 사용할 수 있다.  3. VS code 문제입니다. HTML template을 불러오는 단축키는? ! + Tab ke..

궁모닝 에브리원~!! ^^     오늘은 HTML을 마크업할때 VS code에서 사용하는Emmet 문법을 정리해 볼게요  Emmet  HTML 마크업을 조금 손쉽게 해줄 수있는 기능이며 알게모르게 우리가 쓰고있는 것도 있어요.방법 몇가지를 소개 해 봅니다. 맨 하단에 Emmet 단축키를 정리해놓은 사이트를 링크 걸어 두었어요~! 1. VS Code에서 설정하기Emmet 기능이 적용되지 않는다면, 아래의 화면에서 확인한다. - cmd + shift + p 눌러서 emmet을 검색한다.- 첫번째 나오는 Emmet:Balance(inward)을 선택한다.- 사용시 주의할 점은 띄어쓰기를 하지 않는다.- 단축키를 띄어쓰기없이 입력후 Tab키를 눌러 실행한다.   2. 다양한 사용방법을 알아보자. css 선택자..

HTML(Hyper Text Markup Language)   - 웹페이지에서 가장 중요한 부분인 링크 태그와 이미지 삽입 태그에 대하여 공부해 봅시다.- HTML은 텍스트로 이루어진 문서이기 때문에 어떠한 미디어 파일도 포함하지 않습니다. 하여 모든 미디어 파일들은 각자의 태그를 이용해 소스의 위치를 지정해주어야 웹문서에 표시가 됩니다., , , 태그 살펴보기  OVERVIEWTagDescriptionMeaning클릭하여 다른 웹페이지로 이동하게 해주는 태그이며, 필수 속성으로는 href 가 있다. 이미지파일을 웹문서에 넣을때 사용하는 태그이며, 필수 속성으로는 src와 alt가 있다. 이미지, 표, 그래프 등 다양한 정보를 담고있는  미디어들을 묶어서 그룹 잡을 수 있는 태그이다. 태그와 함께 사..

HTML(Hyper Text Markup Language)   기본 사용법과 접근방식 등 HTML의 기본적인 내용을 살펴봅시다.  01. Media 및 기타 태그TagDescriptionMeaning동영상 파일을 넣을 수 있는 태그이다. 오디오 파일을 넣을 수 있는 태그이다. 다른 웹문서를 현재문서에 창을 만들어 보여줄 수 있는 태그이다.종료태그가 있지만 컨텐츠를 포함할 수없으니 주의하자.  같이 사용된다. 태그 내에서 클릭가능한 요약 제목이다.1. Tag-  2. Tag-   3. Tag- 4. , Tag- 아래의 예제를 따라해 보세요See the Pen Html - by Jey Lee (@Jey-Lee-the-sasster) on CodePen.      본 문서는 제가 오랫동안 일해왔던 ..

HTML(Hyper Text Markup Language)     태그내에 사용할 수 있는 HTML TAG를 알아보아요~  TAG LISTTagDescriptionMeaning폼 그룹 태그이다. 필드들을 그룹을 묶어 줄 수 있다. 태그의 첫번째 child element로 꼭 존재해야하며, 필드그룹의 제목을 표시한다. 폼필드의 레이블 태그이다. 연결해주는 방법은 명시적인방법과 암묵적인 방법 두가지가 있다. 폼필드 명령어이며, type에 따라 다양한 형태로 존재한다. 버튼을 만드는 태그이며 종류는 3가지 이다. 드롭다운 메뉴그룹 태그이다. 태그와 셋트로 사용된다. 메뉴내에 이 많을경우 그룹으로 여러개 묶을 때 사용한다. 태그의 선택할 수 있는 메뉴리스트 이다. 여러줄을 입력할 수 있는 텍스트필드이다. 컨텐츠..

HTML(Hyper Text Markup Language)    기본 사용법과 접근방식 등 HTML의 기본적인 내용을 살펴봅시다.  01. 표를 만드는 태그TagDescriptionMeaning표를 만들때에 제일먼저 적어주는 그룹태그이다. 행 그룹 중 제목행에 속한다. 하나의 태그내에 한개만 존재할 수 있다. 행 그룹 중 내용을 묶을때 사용하며, 하나의 태그내에 여러개가 존재할 수 있다. 행 그룹 중 결과행에 속한다. 하나의 태그내에 한개만 존재할 수 있다.웹접근성에 따라 바로밑에 을 적어서, 이 표의 최종 결과를 먼저인식할 수있도록 마크업의 위치를 바꾸는 걸 목표로 한다.현재에는 이런 본질적인 의미보다 표의 꼬릿말처럼 사용되는 것같다.하지만, 본래의 목적과 사용방법은 바로밑에 셋트처럼 존재해야한다는 ..