본문 바로가기

👩🏻‍💻STUDY/HTML

(9)

[HTML] <button> , <input type="button"> 차이 button 태그의 type 속성 submit :: 폼을 제출하는 이벤트를 발생. reset :: 폼안에 작성된 내용을 초기화. button :: 그 자체로는 아무런 이벤트가 없고, click이벤트와 연결시켜서 자바스크립트를 활용하는 방법으로 많이 사용. button태그 type의 기본값은 submit이라 button이라고 명시해주는 것이 좋다. button태그가 등장하기 전에 을 사용해 button동작을 대신했다고 한다. button vs input button태그와 input태그의 큰 차이점은 button은 스스로 닫지 않는 태그이고, input은 스스로 닫는 태그. button은 하위 태그들을 추가할 수 있다.(input은 안됨) button태그를 사용하는 경우 button의 자식으로 img태그 넣..

[HTML] table https://brunch.co.kr/@snclab/31 표의 내용을 이해하기 쉽게 제공하기 오류 유형으로 살펴보는 웹 접근성 지침 | 표는 어떤 내용을 일정한 형식과 순서에 따라 알아 보기 쉽게 나타낸 것입니다. 그러므로 우리가 표를 만들 때는 표의 일정한 형식과 순서를 알 수 있 brunch.co.kr

[HTML] strong / b / em strong 해당 콘텐츠의 중요성이나 심각함, 긴급함 등을 강조할 때 사용. 브라우저는 일반적으로 요소의 콘텐츠를 굵은 텍스트로 표현. b HTML5에서 제목(heading)은 부터 태그로, 강조된 텍스트는 태그로, 중요한 의미를 가지는 텍스트는 태그 사용. 하이라이트된 텍스트는 태그로 표현. 따라서 위의 태그들에서 적절한 태그를 찾을 수 없을 때만 마지막 선택지로 태그 사용. em 강조된 텍스트를 표현. HTML5에서도 여전히 지원, 대신 CSS를 사용하면 더욱 다양한 효과를 줄 수 있다. strong vs b 요소는 텍스트 자체의 주의를 끌기 위해 사용, 은 요소의 콘텐츠 자체의 중요성 강조할 때 사용. strong vs em 요소는 구어체 강조와 같이 문장의 의미를 변경하는데 사용("I love c..

[HTML] abbr acronym abbr abbr 단어의 축약형(abbreviation)이나 머리글자로만 된 단어(acronym)를 정의할 때 사용. 브라우저나 번역 시스템, 검색 엔진에 유용한 정보를 제공. 요소 위에 마우스를 올려놓으면 title 속성으로 명시한 단어의 원형이 나타난다. IOC (국제 올림픽 위원회)는 스위스 로잔에 본부를 둔 국제 스포츠 기구이다. acronym acronym 머리글자로만 된 단어(acronym)를 정의. 더 이상 지원하지 않으며 대신 요소를 사용한다. 요소 위에 마우스를 올려놓으면 title 속성으로 명시한 단어의 원형이 나타난다. AJAX 는 빠르게 동작하는 동적인 웹 페이지를 만들기 위한 개발 기법의 하나입니다.

[HTML] HTML 그룹화 관련 요소 [HTML] HTML 그룹화 관련 요소 HTML5에 새롭게 추가된 주요 콘텐츠 영역을 의미하는 main 요소를 비롯하여, 문단을 의미하는 p 요소, 목록 콘텐츠를 위한 ol, ul 요소, 인용문 영역을 의미하는 blockquoute 요소, 특정 콘텐츠 영역에 스타일 또는 스크립트를 적용하기 위해 사용하는 div 요소 등 그룹과 관련한 다양한 요소를 알아보자. div 요소 요소는 "순수" 컨테이너로 아무것도 표현하지 않는다. 대신 다른 요소 여럿을 묶어 class 나 id 속성으로 꾸미지 쉽도록 돕거나, 의미를 가진 다른 요소(, 등)가 적절하지 않을때만 사용한다. 만약 콘텐츠 블록이 섹션의 의미를 가지고 있다면 div 요소를 사용하는 것은 적절하지 않다. : 콘텐츠 분할 요소 main 요소 요소는 HTM..

[HTML] HTML 마크업 [HTML] HTML 마크업 HTML(HyperText Markup Language)은 웹을 이루는 기초적인 구성 요소이다. HTML은 웹 콘텐츠의 의미와 구조를 정의할 때 사용한다. "Hypertext"란 웹 페이지를 다른 페이지로 연결하는 링크를 말한다. 링크는 웹의 근본적인 속성이다. HTML은 웹 브라우저에 표시되는 글, 이미지 등의 다양한 컨텐츠를 표시하기 위해 "마크업"을 사용한다. HTML5 메인 메뉴 콘텐츠 모델 아웃라인 알고리즘 콘텐츠 모델 이란? 어떤 요소에 어떤 콘텐츠를 포함해야 하는지 또 어떤 요소가 어떤 요소를 포함할 수 있는지를 정의한 것을 말한다. 메타데이터 콘텐츠 Metadata 콘텐츠는 다른 콘텐츠의 표현과 행동을 설정하거나 문서와 문서의 관계를 설정할 때 사용한다. 플로우..

[HTML] Meta Tags 메타태그 [HTML] Meta Tags 1. 정의 태그는 HTML 문서의 *metadata를 의미한다. Metadata는 중요한 데이터이다. *메타데이터는 "데이터에 관한 데이터"를 의미한다. 문서에 관한 정보로 구성되어 어떤 정보로 구성되어야 하는가에 대한 규칙은 정해진 바 없다. 일반적으로 제공자(author), 저작권(copyright), 키워드(keyword), 언어(language)등 문서의 성격을 파악하는데 도움을 주는 정보가 포함된다. 이러한 정보는 사람보다는 기계(브라우저, 검색엔진)을 위한 것이다. 태그는 항상 우리나라의 경우 웹 페이지에 사용되는 문자셋은 크게 euc-kr과 UTF-8가 있다. EUC-KR 2350개의 한글문자, 한국에서 통용되는 한자, 영문을 표한할 수 있다. 문서를 작성할 때..

[HTML5] form요소만들기 [HTML5] HTML 폼 요소 만들기 HTML 폼 요소 만들기 폼 관련 태그들 1. 폼 만들기 아이디, 비밀번호, 로그인 버튼, 회원가입 창 등 웹 사이트로 정보를 보낼 수 있느 모든 요소를 폼이라고 한다. 폼의 동작방식 :: 정보입력 -- 로그인 버튼 클릭 -- 서버로 내용 전송 -- 서버 내의 데이터베이스와 비교 -- 브라우저에 결과 표시 form :: 폼 만들기. 폼 태그의 속성에서 사용자가 입력한 자료를 서버로 어떤 방식으로 넘길지, 어떤 프로그램을 이용해 처리할것인지 지정할 수 있다. method :: 사용자가 입력한 내용을 서버로 어떻게 넘겨줄 것인지 지정. get :: 주소 표시줄에 입력값이 그대로 드러남. post :: 표준입력(standard input)으로 데이터를 전송. 입력길이에 ..

이전 1 2 다음

티스토리툴바