Front/HTML6 [HTML5] input 요소의 타입 완전 정복 [HTML5] input 요소의 타입 완전 정복 HTML에서 자주 사용되는 input 요소의 대표적인 타입 목록 text password checkbox radio button submit HTML5에서 추가된 input 요소의 타입 목록 number (숫자입력) range (입력 범위 지정) email (이메일 입력) tel (전화번호 입력) url (URL 주소 입력) search (검색어 입력) color (색상 입력) date (날짜 입력) month (연도와 월 입력) week (연도와 주 입력) time (시간 입력) datetime (날짜와 시간 입력) datetime-local (날짜와 시간 입력) 예제를 볼 때는 Chrome 브라우저로 보는 것을 권장합니다. 텍스트 입력(text inpu.. Front/HTML 2020. 8. 19. [HTML5] 글자태그 2 : <strong>, <b>, <i>, <small>, <sub>, <sup>, <ins>, <del> [HTML5] 글자태그 2 : , , , , , , , - strong Tag 글자 강조 strong 태그 사용 - b Tag 굵은글씨 체 b 태그 사용 - i Tag 기울어진 글씨 체 i 태그 사용 - small Tag 글씨를 작게 small 태그 사용 - sub Tag 아래창자처럼 입력 (진수표기법) 글자 입력 sub 태그 사용 - sup Tag 윗창자처럼 입력 (제곱표기법) 글자 입력 sup 태그 사용 - ins Tag 밑줄을 넣어줌 ins 태그 사용 - del Tag 글씨 가운데 줄을 넣어줌 del 태그 사용 ▶ 다른 글자 태그 알아보기 Front/HTML 2020. 8. 18. [HTML5] 목록을 정의하는 태그 : <ul>, <ol>, <dl> [HTML5] 목록을 정의하는 태그 : , , 태그는 list의 약자로, 목록을 만드는 태그이다. 이 태그는 단독으로 쓰이지 않으며 혹은 태그 내부에 들어간다. - ol Tag ordered list, 순서가 정의되어있는 리스트 나혼자산다 놀면뭐하니? 런닝맨 - ul Tag unordered list, 순서가 정의되어있지 않는 리스트 나혼자산다 놀면뭐하니? 런닝맨 - dl Tag definition list, 단순히 어떤 내용 혹은 용어를 설명하기 위한 리스트 는 difinition term (정의 용어)의 약자로, 정의되는 용어의 제목을 넣을 때 사용한다. 은 definition description (정의 설명)의 약자로, 용어롤 설명하는 데 사용한다. 영화 범죄도시 드라마 스카이캐슬 Front/HTML 2020. 8. 18. [HTML5] <head> 태그 : <title>, <meta>, <link>, <style> [HTML5] ... 태그는 웹 페이지의 보이지 않는 정보를 제공하는데 쓰이는 태그로 닫는 태그가 없는 태그이다. 페이지의 설명 요약, 핵심 키워드, 제작자, 크롤링 정책 등 수많은 정보를 제공할 수 있다. ... 문자 인코딩에 관련된 내용이다. Internet Explorer(IE) 10 이하 버전은 문서를 읽을 때 IE7 모드를 사용해서 웹페이지를 표시한다. 태그를 이용하여 최신 엔진으로 페이지를 렌더링하도록 설정할 수 있다. width 속성은 뷰포트의 크기를 조정하며 CSS 픽셀들로 계산된 화면의 폭을 의미한다. initial-scale 속성은 페이지가 처음 로드될 때 줌 레벨을 조정한다. meta 태그에 대해서는 다음 링크에서 자세히 설명해주고 있다. 메타(meta)태그 정리 meta 태그 메타태.. Front/HTML 2020. 8. 18. [HTML5] HTML 기초 [HTML5] HTML 기초 간단한 HTML 기초 내용을 파악해보자. 개요 HTML 이란? 웹 사이트에서 화면에 표시되는 정보를 약속 한 것으로 HyperText Markup Language의 약자이다. HyperText 는 단순 텍스트 이상의, 링크 개념이 포함 된 텍스트 Markup 은 꺽쇠()로 이루어진 태그를 사용하는 규격 으로 태그들을 이용하여 텍스트 요소를 정의하는 언어라고 할 수 있다. HTML 예시 Hello, World! HTML에서 각 태그에 따라 각자의 역할을 갖고 있다. 예를 들어 태그는 웹 브라우저의 추가정보를 입력할 때, 태그는 문서의 본문 내용이 들어간다. 일반적인 마크업 언어와의 차이점은 일반 마크업 언어에서는 태그 이름을 사용자가 지정하지만, HTML은 태그의 이름이 정해져.. Front/HTML 2020. 8. 18. [HTML5] 글자 태그 1 : <h#>, <p>, <br/>, <a> [HTML5] 글자 태그 1 : , , , - Heading Tag 제목, 주제를 표현할 때 쓰는 태그로 - 요소는 6단계의 구획 제목을 나타낸다. 티스토리 부제목 h3태그 h4태그 h5태그 h6태그 는 회사의 로고 혹은 가장 중요도가 높은 제목에 사용하며 보통 문서에서 딱 한번 사용한다. 는 영역마다의 이름을 넣어주는 역할로도 사용한다. 특별히 글자의 크기나 굵기에 대한 스타일을 주지 않았지만 다음과 같이 각 태그의 표출되는 스타일이 다른 것을 볼 수 있다. 단순히 글자 크기만 크게 보일 뿐 아니라, 검색엔진이 문서를 파악하기 위해 쓰이므로 상황에 맞게 를 잘 써주는 것이 중요하다. - Paragraph Tag 문서의 단락이나 본문내용을 표기할 때 혹은 본문 안의 단락을 여러 개 나눌 때도 사용된다. .. Front/HTML 2020. 8. 18. 이전 1 다음 추천 글 728x90 반응형
