본문 바로가기

프로그래밍/HTML

 (10)
[HTML]<iframe>태그 태그란 html 웹 문서 안에 또 다른 웹 문서나 동영상 등을 넣을 때 사용한다. 문법 속성 src 속성 inline frame 내에 불러올 문서의 주소를 적는다. width와 height 속성 inline frame의 너비와 높이를 지정할 수 있다. widrh : 가로 값 설정 height : 세로 값 설정 frameborder 속성 inline frame의 경계선의 두께를 지정할 수 있다. marginwidth와 marginheight inline frame의 여백을 지정할 수 있다. marginwidth : 좌, 우 안쪽 여백 설정 marginheight : 상, 하 안쪽 여백 설정 scrolling inline frame내에서 스크롤바 사용여부를 지정할 수 있다. yes : 생성 no : 생성안함..
[HTML]<a>태그 태그란 인터넷을 하다보면 링크를 통해 이미지나 다른 사이트 등 웹문서를 열어본 적이 한번씩 있을 것이다. 이렇듯 문서를 링크 시키기 위해 사용하는 태그가 바로 태그이다. 태그는 혼자 사용하지 않고 다양한 속성과 함께 사용하여 기능을 더한다. 문법
[HTML]<table> 태그 태그란 HTML에서 테이블을 만드는 태그이다. 문법 제일 바깥쪽에 태그가 들어간다. 그리고 행을만드는 태그, 그 안에 열을 만드는 태그를 사용하여 하나의 테이블을 만들어준다. 태그 태그 역할 테이블을 만든다 테이블의 행을 만든다. 테이블의 열을 만든다. 대신 사용가능하며 가운데정렬, 굵은글씨체 효과를 가진다. 테이블의 이름을 표시한다. 테이블의 헤더 영역을 지정한다. 테이블의 바디 영역을 지정한다. 태그 예제 See the Pen MWJaBPN by BakGyoungMin (@bgm16) on CodePen. 태그 속성 속성 비고 border 테이블의 테두리를 설정해준다. ex) border = "1" bordercolor 테이블의 테두리 색상을 지정한다. ex) bordercolor = "blue" w..
[HTML]<select> 태그 태그란 여러가지 선택지가 있을 때, 하나의 선택지를 선택 할 수 있는 드롭박스를 만들어준다. 문법 option 태그 사이에 텍스트를 넣어 보여준다. 태그 예제 See the Pen VwPZKWL by BakGyoungMin (@bgm16) on CodePen. 태그 이 태그는 select태그 내에 있는 option태그들을 그룹화 하는데 사용하는 태그이다. 문법 optgtoup label에 그룹의 제목이 될 텍스트를 넣는다. 물론 그룹제목인 optgroup에 넣은 택스트는 선택되지 않는다. 태그 예제 See the Pen qBRWaje by BakGyoungMin (@bgm16) on CodePen. 태그 속성 selected 여러 항목중에서 기본값으로 설정되어 보여진다. multiple 여러개의 값을 선..
[HTML]<fieldset> 태그 태그란 태그는 요소에서 연관된 요소들을 하나의 박스로 묶을 때 사용한다. 과 함께 를 사용하면 의 제목을 달아줄 수 있다. 문법 필드셋의 제목처럼 달릴 부분. 필드셋으로 감싸질 폼태그 작성 부분. 태그 예제 See the Pen vYyqaGq by BakGyoungMin (@bgm16) on CodePen. 태그 예제( + 태그) See the Pen BaQgPNN by BakGyoungMin (@bgm16) on CodePen.
[HTML]<textarea> 태그 태그란 태그의 하위 태그 중 하나로 여러줄의 텍스트를 입력하는 창을 만드는 태그이다. 문법 내용 사용할 수 있는 속성 속성명 속성값 설명 rows 숫자 텍스트 입력 영역 중 보이는 영역의 라인수를 정한다. cols 숫자 텍스트 입력 영역 중 보이는 영영의 너비를 정한다. name 텍스트 요소의 이름을 정한다. readonly readonly 클릭은 되지만 텍스트를 입력할 수 없게된다.(읽기전용) disabled disabled 클릭조차 되지 않는다. (복사불가) ↓↓↓↓↓↓ HTML5부터 지원 ↓↓↓↓↓↓ autofocus autofocus 페이지가 로드될 때 자동으로 포커스가 요소로 이동된다. maxlength 숫자 최대 문자수를 정한다. required required 폼 데이터(form data)가..
[HTML]<input> 태그 태그란 태그의 하위 태그 중 하나로 type속성에 따라 텍스트를 써 넣을 수 있는 칸, 버튼, 컴포넌트 등을 만드는 태그다. 태그는 type 속성을 통해 태그의 종류를, name을 통해 데이터의 이름, value를 통해 기본 값을 지정한다. 문법 type 종류 type 종류 내용 text 일반 문자 password 비밀번호 button 버튼 submit 양식 제출용 버튼 reset 양식 초기화용 버튼 radio 한개만 선택할 수 있는 컴포넌트 전송 시 value에 설정한 값이 넘어간다. checked="cheked" 속성을 사용하면 기본적으로 체크가 된다. checkbox 다수를 선택할 수 있는 컴포넌트 전송 시 value에 설정한 값이 넘어간다. checked="cheked" 설정 시 기본적으로 체크가..
[HTML]<form> 태그 태그란 웹 페이지의 정보를 다른 페이지로 전송하는 역할을 한다. 때문에 서로 데이터를 주고 받으며 움직이는 웹 페이지일 경우 반들시 들어가는 요소이다. : 입력 양식 전체를 감싸는 태그 name : form의 이름, 서버로 보내질 때 이름의 값으로 데이터 전송 action : form이 전송되는 서버 url 또는 html링크 action="" 와 같이 페이지 정보가 없을 경우 자신의 페이지를 호출한다. autocomplete : 자동 완성으로 on으로 하면 form 전체에 자동 완성을 허용하게 된다. method : 전송 방법 설정. get방식과 post방식이 있다. 설정 하지 않을 시 get 방식이 기본 값이다. GET 방식 POST 방식 특징 전송할 데이터(파라미터)를 URL의 정보에 붙여서 전송한다..

티스토리툴바