Mark Up/HTML7

• 

  HTML Form,Input,SelectBox,Radio 태그 사용법 회원가입 등을 하기 위해 입력받는 양식을 담을 때 form태그를 사용 한다. 입력받는 양식 각각의 값을 넣을 때 input 태그를 사용한다. 1.form 태그 사용자로부터 다양한 형태의 데이터를 입력받기 위해 필요한 입력 요소들을 담는 컨테이너 개념이다. 입력요소는 태그 내에서 사용해야 한다. 입력요소 : ,, 등이 있다. 결과 화면에서는 아무것도 표시되지 않는다. form태그에는 action,method 속성 등 여러 속성값이 있다. action = "URL" 데이터를 전달받아 처리할 페이지의URL을 지정한다. method="전송방식" 데이터 전송에 사용하는 HTTP방법을 지정한다 post,get 등 post : HTTP Request 헤더 속에 포함시켜 전송한다. 데이터 길이의 제약이 없다. 보안이 .. Mark Up/HTML 2020. 4. 16.

• 

  HTML에서 멀티미디어 표현 / HTML Video,Audio Tag 기존 HTML에서 오디오/비디오 재생은 아래와 같았다. Mark Up/HTML 2020. 4. 13.

• 

  HTML에서 테이블 태그 사용 - html table tag 1.테이블의 기본 형식 행과 열로 이루어 진 테이블 태그를 이용하여 테이블을 만들고 태그를 사용하여 행과 열을 표현한다. : 행을 표현 : 열의 제목을 표현한다. : 열을 표현 태그 HTML에서 테이블을 정의하는 태그이다. m행n열이 기본적인 형식이다. m개의 태그 각 태그 내에는 n개의 태그가 사용된다. 태그 'table row' 테이블에서 하나의 줄에 해당하는 행(row)를 정의하는 태그이다 또는 태그를 포함해야만 사용이 가능하다. 태그 'table data' 테이블에서 데이터(텍스트,이미지등)가 표시되는 표준 셀을 정의한다. 반드시 태그 내에서 사용해야 한다. 셀 내용 : 왼쪽 정렬로 표시된다. 태그 'table header' 테이블 내부에서 행 열의 제목을 표시하는 헤더 셀을 정의한다. 사용하는 .. Mark Up/HTML 2020. 4. 13.

• HTML img , a Tag 웹개발 시 정말 많은 용도로 사용 할 수 있는 tag , tag 이런기능도있었나? 싶을정도로 많은 기능이 있다. 자세히 알아보도록 하자. 01.이미지 삽입을 해주는 태그 태그는 줄바꿈이 없는 inline 요소이다. 이미지를 삽임하려면 태그를 사용한다 태그는 종료 태그 없이 사용한다. 태그의 속성 src="/mingyu/mingyu.jpg" ☞ 문서에 표시할 이미지 파일을 지정한다. width="780px;" ☞ 이미지의 가로 폭 을지정한다 (px,% 단위) height="780px;" ☞ 이미지의 세로 폭 을지정한다 (px,% 단위) alt="이미지가없어요" ☞ 이미지가 표시되지 않을 때 대체 텍스트를 입력한다. usemap="#맵이름" ☞ 클라이언트 (웹브라우저) 측의 이미지 맵을 지정한다 width,.. Mark Up/HTML 2020. 3. 19.

• 

  HTML에서 이미지 관련 img 태그 및 링크 표현 01.이미지 삽입을 해주는 태그 태그는 줄바꿈이 없는 inline 요소이다. 이미지를 삽임하려면 태그를 사용한다 태그는 종료 태그 없이 사용한다. 태그의 속성 src="/mingyu/mingyu.jpg" ☞ 문서에 표시할 이미지 파일을 지정한다. width="780px;" ☞ 이미지의 가로 폭 을지정한다 (px,% 단위) height="780px;" ☞ 이미지의 세로 폭 을지정한다 (px,% 단위) alt="이미지가없어요" ☞ 이미지가 표시되지 않을 때 대체 텍스트를 입력한다. usemap="#맵이름" ☞ 클라이언트 (웹브라우저) 측의 이미지 맵을 지정한다 width,height 속성의 경우 둘중 하나만 지정되면 나머지 하나는 원본 크기에 비례해서 자동으로 지정된다. 02.하이퍼링크 삽입을 하는 태그 기.. Mark Up/HTML 2020. 3. 18.

• 

  HTML 주석 및 텍스트 표현 텍스트 표현 HTML 주석 문서 소스의 이해를 돕기 위한 설명을 추가할 때 사용하는 것이 주석이다 모든 프로그래밍 언어에는 주석이 존재한다. 브라우저에 의해 출력되지 않으므로 소스에서만 확인이 가능하다 HTML의 주석 ''는 하나의 문자처럼 사용한다. -> 각 문자 사이에 공백이 불가하다. -> 주석 안에는 ,--를 사용하지 말아야 한다. CSS,자바스크립트의 주석 형식은 /* 소스설명 */ /* CSS 및 JS의 주석, 소스 설명 */ 태그 줄을 바꾸는 태그 편집기에서 엔터키와 같은 기능을 한다 종료태그 없이 사용한다. -> = 이름 : 민규 나이 : 비밀 키 : 180cm 몸무게 : 비밀 장래희망 : 대통령 이름 : 민규 나이 : 비밀 키 : 180cm 몸무게 : 비밀 장래희망 : 대통령 태그 문단을.. Mark Up/HTML 2020. 3. 15.

• 

  HTML 이란? HTML (Hyper Text Markup Language)란? 하이퍼 텍스트 - 다른 텍스트에 대한 참조(링크)를 가진 텍스트 - 단위 텍스드들과 이것을 결합하는 링크로 구성되어 있다. - 사용자가 연상하는 순서에 따라 관련 있는 쪽으로 이동하여 정보 얻도록 조직화된 시스템 - 비연속적 흐름 마크업 ( Mark + up 합성어) - 태그(tag) 라고도 부름 - 추가적인 정보를 부여하기 위해 문서내에 삽입되는 일련의 문자 또는 기호 문서의 구성 및 마크업의 분류 -내용 : 의미적 마크업 (제목,주소) -구조 : 구조적 마크업 (문단,제목글 등) -스타일 : 양심적 마크업 (모양, 색상 등) 마크업 언어 -마크업의 형식과 규칙을 정의한 언어 마크업 언어의 분류 절차적 마크업 언어 - 문서의 형식이나 텍스.. Mark Up/HTML 2020. 3. 11.