< Code diaries />

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

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

HTML(Hyper Text Markup Language)   기본 사용법과 접근방식 등 HTML의 기본적인 내용을 살펴봅시다.   03. 목록을 만드는 태그 - 목록 태그는 글 목록에도 사용하지만, 주로 메뉴구조에도 사용됩니다.TagDescriptionMeaning목록그룹태그, 순번이 없는 목록에 사용Child element는 만 허용됨(중요)Bullet 기호로 목록을 표시하며 종류는 3가지 또는 이미지로도 가능하나 잘 사용하지 않습니다. Unordered List목록 그룹태그, 순번이 있는 목록에 사용Child element는 만 허용됨(중요)순번을 나타낼수 있는 숫자, 로마자, 알파벳 대소문자등으로 변경이 가능합니다.Ordered List, 태그의 child element로 사용되며, 다른태그의 c..

HTML(Hyper Text Markup Language)   안에 사용하는 HTML TAG를 공부해 봅시다.  01. 제목과 글자를 다루는 태그TagDescriptionMeaning~헤딩요소.문서의 내용중 제목을 나타낼 때에 사용하며,보통 문서의 가장 큰제목은 '로고 - 사이트 제목' 로 분류되어태그는 로고를 묶거나, 사이트명을 적을때에 한번만 사용하는 것이 대부분 입니다.Heading이 요소가 있는 부분에서 강제 줄바꿈 처리되며 빈요소 이다.Line break긴 단어인 경우에 브라우저에서 공간이 부족할 때에 우리가 원치않는 곳에서 줄바꿈을 해버리는 경우가 종종 있다. 그걸 원하는 곳에서 단어의 줄바꿈 위치를 잡는 역할을 하는데 한글에서는 지원되지 않는다.예를 들어 : 단어내의 줄바뀜 부분을 처리하는 ..

HTML(Hyper Text Markup Language)    안에 마크업 할 수 있는 HTML TAG 종류중 Semantic Tag들에 대하여 알아봅시다~! 시멘틱 태그란 내용에 의미를 부여할 수 있는 태그들이며, 그중 HTML5에서 새로 정의된 태그들에 대하여 시멘틱 태그라고 합니다. 하지만, 새로 나온 태그가 아니어도 의미가 담겨있는 태그 등 100여가지를 모두 시멘틱 태그로 분류하고 있습니다.https://developer.mozilla.org/ko/docs/Glossary/Semantics Semantics - MDN Web Docs 용어 사전: 웹 용어 정의 | MDN프로그래밍에서, 시맨틱은 코드 조각의 '의미'를 나타냅니다. 예를 들어, ("이게 어떻게 시각적으로 보여질까?" 보다는), 이..

HTML(Hyper Text Markup Language)  HTML 웹문서는 브라우저에서 읽을 수 있는 텍스트로 이루어진 마크업 언어입니다.일반 문서를 만들듯이 큰제목, 두번째 제목... 내용, 이미지, 섹션, 머릿말, 꼬릿말등 계층구조에 맞춰서 시각적인 요소와 상관없이도 계층구조가 맞게 마크업을 하는 것이 중요하고, 이것을 우리는 웹표준이라고 합니다.100% 웹표준이라는 말은 없습니다. 최대한 웹표준에 맞게 문법의 계층구조를 지키고, HTML요소 중 필수속성의 사용을 지키며, 위계를 지켜 마크업하는 것이 중요합니다.  기본 사용법과 접근방식 등 HTML의 기본적인 내용을 살펴봅시다.  01. 영역의 의미를 정의하는 태그(Semantic Tag)TagDescriptionMeaning머릿말 태그로,태그의..