2020/02 50

HTML Input Type 속성

HTML 입력 유형 HTML에서 사용할 수있는 다른 입력 유형은 다음과 같습니다. 인라인 요소 1. 사용자로부터 데이터 값을 입력받기 위한 태그입니다. 2. type 속성 값에 따라 다양한 폼 컨트롤을 생성할 수 있습니다. 3. 공통 속성으로 name, value 속성이 있습니다. text 한 줄 글 입력 상자 maxlenhth 속성으로 최대 글자 수를 제한할 수 있다. password 비밀번호 입력 상자 입력된 내용은 '*'로 표시된다. search 검색 입력 상자 email 이메일 입력 상자 tel 전화번호 입력 상자 color 컬러 입력 상자 number 숫자 입력 상자 숫자의 최솟값, 최댓값을 min, max 속성으로 지정할 수 있다. range 슬라이드 바 숫자의 최솟값, 최댓값을 min, ma..

Publishing/HTML 2020.02.11

HTML 폼

요소 HTML 요소는 사용자 입력을 수집하는 데 사용되는 양식을 정의합니다. HTML 양식은 양식 요소를 포함 합니다 . 양식 요소는 텍스트 필드, 확인란, 라디오 버튼, 제출 버튼 등과 같은 다양한 유형의 입력 요소입니다. . form elements . 요소 요소는 가장 중요한 형태 요소입니다. 요소는에 따라 여러 가지 방법으로 표시 할 수있는 유형의 속성. 한 줄 텍스트 입력 필드를 정의합니다 라디오 버튼을 정의합니다 (많은 선택 중 하나를 선택하기위한 것) 제출 단추를 정의합니다 (양식 제출). 텍스트 입력 텍스트 입력을 위한 한 줄 입력 필드를 정의합니다 . First name: Last name: First name: Last name: 라디오 버튼 입력 라디오 버튼을 정의 합니다 . 라디오 ..

Publishing/HTML 2020.02.11

HTML 테이블

웹접근성이 준수된 테이블 2007시즌 팀순위 순위 팀 경기수 승 패 승률 승차 최근 우승 콜로라도 845 448 511 0.521 - - 1 콜로라도 163 90 73 0.552 - 9승-1패 2 샌디에이고 163 89 74 0.546 1 4승-6패 3 뉴욕M 163 88 74 0.543 1.5 4승-6패 4 애틀랜타 163 84 78 0.519 5.5 5승-5패 5 밀워키 163 83 79 0.512 6.5 5승-5패 6 LAD 163 82 80 0.506 7.5 3승-7패 널리를 참고하여 테이블을 코딩하세요. https://nuli.navercorp.com/sharing/ui/patternTable UI 라이브러리 Table 패턴 가이드 nuli.navercorp.com HTML 테이블 정의 HTML..

Publishing/HTML 2020.02.10

HTML 목록

정렬되지 않은 HTML 목록 정렬되지 않은 목록은 태그로 시작합니다 . 각 목록 항목은 태그로 시작합니다 . 목록 항목은 기본적으로 글 머리 기호 (작은 검은 색 원)로 표시됩니다. Coffee Tea Milk 정렬되지 않은 HTML 목록-목록 항목 마커 선택 CSS list-style-type속성은 목록 항목 마커의 스타일을 정의하는 데 사용됩니다. disc Sets the list item marker to a bullet (default) circle Sets the list item marker to a circle square Sets the list item marker to a square none The list items will not be marked 정렬 된 HTML 목록 정렬 된 ..

Publishing/HTML 2020.02.10

HTML 이미지

HTML 이미지 구문 HTML에서 이미지는 태그 로 정의됩니다 . 태그는 속성 만 포함하고, 닫는 태그가없는, 비어 있습니다. 이 src속성은 이미지의 URL (웹 주소)을 지정합니다. 대체 속성 이 alt속성은 사용자가 어떤 이유로 든 이미지를 볼 수없는 경우 (연결 속도 저하, src 속성 오류 또는 사용자가 화면 판독기를 사용하는 경우) 이미지의 대체 텍스트를 제공합니다. alt속성 값은 이미지를 설명해야합니다. 브라우저가 이미지를 찾을 수 없으면 alt 속성 값이 표시됩니다 . 참고 :alt 속성이 필요합니다. 웹 페이지가 없으면 웹 페이지의 유효성이 올바르게 검사되지 않습니다. 다른 폴더의 이미지 지정하지 않으면 브라우저는 웹 페이지와 동일한 폴더에서 이미지를 찾을 것으로 예상합니다. 그러나 하..

Publishing/HTML 2020.02.10

HTML 링크

링크는 거의 모든 웹 페이지에 있습니다. 링크를 사용하면 사용자가 페이지 간을 클릭 할 수 있습니다. HTML 링크-하이퍼 링크 HTML 링크는 하이퍼 링크입니다. 링크를 클릭하고 다른 문서로 이동할 수 있습니다. 링크 위로 마우스를 움직이면 마우스 화살표가 작은 손 모양으로 바뀝니다. 링크는 텍스트 일 ​​필요는 없습니다. 이미지 또는 다른 HTML 요소 일 수 있습니다. HTML 링크-구문 하이퍼 링크는 HTML 태그 로 정의됩니다 . Visit our HTML tutorial HTML 링크-대상 속성 이 target속성은 링크 된 문서를 열 위치를 지정합니다. target속성은 다음 값 중 하나를 사용할 수 있습니다 : _blank -링크 된 문서를 새 창이나 탭에서 엽니 다 _self -클릭 한 ..

Publishing/HTML 2020.02.07

HTML 텍스트 관련 요소

HTML 단락 HTML 요소는 단락을 정의합니다 . This is a paragraph. This is another paragraph. HTML 줄 바꿈 HTML 요소는 줄 바꿈을 정의합니다 . 새 단락을 시작하지 않고 줄 바꿈 (새 줄)을 원할 경우 사용하십시오 . 태그는 끝 태그가 없음을 의미 빈 태그입니다. This is a paragraph with line breaks. 아래 문장은 한줄로 표시됩니다. My Bonnie lies over the ocean. My Bonnie lies over the sea. My Bonnie lies over the ocean. Oh, bring back my Bonnie to me. HTML 요소 HTML 요소는 사전 형식화 된 텍스트를 정의합니다. 요소 내..

Publishing/HTML 2020.02.07

HTML 제목

HTML 제목 제목은 to 태그 로 정의됩니다 . 가장 중요한 제목을 정의합니다. Heading 1 Heading 2 Heading 3 Heading 4 Heading 5 Heading 6 일반 문서를 HTML로 다음과 같은 규칙에 맞게 색인화 한다. H1 : 서비스명 H2 : 메인메뉴, 본문, 이용약관 등 H3 : 세부 컨텐츠, 핵심 컨텐츠 등 H4 : 서브 컨텐츠 H5, H6 : 헤딩요소의 파편화를 불러일으킬 여지가 있으므로 가급적 사용하지 않는다. 제목이 중요하다 검색 엔진은 표제를 사용하여 웹 페이지의 구조 및 컨텐츠를 색인화합니다. 사용자는 종종 제목으로 페이지를 훑어 봅니다. 문서 구조를 표시하려면 제목을 사용하는 것이 중요합니다. 제목은 주 제목에 사용되어야하고 그 뒤에 제목이 사용되며 그 ..

Publishing/HTML 2020.02.07

HTML 블록 및 인라인 요소

블록요소, 인라인요소 블록요소 (Block Element) 줄을 바꿔 각각 독립된 줄에 표시된다. 별도의 CSS 컨트롤이 없다면 해당 문서 크기만큼의 너비를 가지며, 문서의 위에서부터 차곡차곡 쌓이는 형태로 표시된다. 인라인 요소와 텍스트 혹은 또 다른 블록요소를 포함 할 수 있다. 인라인요소 (Inline Element) 다른 인라인 요소와 같은 줄에 표시된다. 별도의 CSS컨트롤이 없다면 해당 문서의 좌측부터 우측으로 나열되는 형태로 표시된다. 또 다른 인라인 요소와 텍스트를 포함 할 수 있으나, 블록요소를 포함할 수는 없다. 모든 HTML 요소에는 요소 유형에 따라 기본 표시 값이 있습니다. 두 표시 값은 블록과 인라인입니다. 블록 레벨 요소 블록 수준 요소는 항상 새 줄에서 시작하여 사용 가능한 ..

Publishing/HTML 2020.02.07
티스토리 친구하기