HTML :: 내용 접기 펼치기 <details> 내용 접기와 펼치기를 HTML5부터 details 태그를 이용해 쉽게 구현할 수 있다. 1234 더 많은 내용 내부에 넣을 내용을 입력해주세요cs 더 많은 내용 내부에 넣을 내용을 입력해주세요 Programing/HTML 7년 전
HTML :: input창에 설명글 넣기 간단한 홈페이지를 만들면서 input창에 간단한 설명을 넣고 싶어서 찾아보았다. 1placeholder="설명"cs 이 옵션이 추가되면 input창에 회색 글씨로 설명이 뜨게된다 소스 1cs 결과 Programing/HTML 7년 전
HTML :: 내용 접기 구현방법 간단한 페이지를 만들다보면 가끔 내용접기 기능이 필요할 때가 있어서 정리해본다. 1234567+ Hashing program Colored by Color Scriptercs 나의 경우는 위와같이 해시 프로그램을 구동하기 위해 평문을 POST 방식으로 보내는 태그들을 div로 묶어 숨겼다. Programing/HTML 7년 전
HTML 중요태그 1cs - align- left : 왼쪽정렬. 기본.- center : 가운데정렬- right : 오른쪽 정렬- justify : 맞춤정렬 1cs - border : 테이블(표)의 테두리 지정- cellpadding : 표 공간에 여백을 생성- cellspacing : 표 테두리와 표 사이의 여백을 생성- width : 너비를 지정- height : 높이를 지정 1cs - HTML5에서 사라진 기능()- 중앙정렬하는 기능이며 css로 사용해야한다. 1 cs - 줄바꿈 1cs - 행 생성 1cs - 열 생성- colspan : 열 병합- rowspan : 행 병합 1cs - hypertext reference의 약자- 주소를 연결하는 속성- #top : 맨 위로 이동 1cs - 텍스트의 속성을 수정- si.. Programing/HTML 8년 전
HTML주요 태그 전에 HTML 태그에 대해서 정리해놓았던 적이 있다. 하지만 태그가 워낙 많다보니 모두 숙지하지 못했었는데 이번에는 태그와 친숙해질 수 있도록 주요한 HTML태그들을 정리해 보고 다음 포스팅 때 간단하게 홈페이지를 만들어볼것이다. form은 양식을 만드는 중요한 틀이다. 다중form을 사용할수는 없고 form안에 모든 html태그를 넣을 수 있다.- action : 양식이 전송될 때 데이터를 전송할 주소- method : 데이터를 전송할 때 사용할 HTTP방식-- get : get방식으로 보낸다(URI)-- post : 패킷의 body안에 첨부한다.- name : 양식 이름- target : 양식이 어느 창에 열릴지 지정-- _blank : 새창-- _self : 현재창-- _parent : 부모창-- .. Programing/HTML 8년 전
HTML :: 폼,기타 폼 태그 입력값을 받는 영역을 지정한다. 영역안에 영역이 들어갈 수 없다. 입력값 요소를 지정한다. type에 따라 입력값이 다르다.- text : 문자열(기본값)- url : 도메인 주소- email : 이메일- tel : 전화번호- search : 검색어- range : 지정한 범위의 숫자- color : 색- date : 날짜- time : 시각- datetime : 날짜 + 시각- checkbox : 선택/해제할 수 있는 항목- radio : 선택/해제할 수 있는 항목(중복불가,취소불가)- button : 누를수 있는 버튼을 생성한다.- submit : 입력값을 전송시키는 버튼 생성- reset : 입력값 초기화 버튼- hidden : 투명라인. 입력값을 수정하지 않고 곧바로 보낼 때 쓰인다.(사.. Programing/HTML 8년 전
HTML :: 목록,링크,이미지,테이블 태그 목록 태그 순서없는 목록을 표시한다 순서있는 목록을 표시한다. 목록 안에 항목들을 표시한다. 링크, 이미지 태그 하이퍼링크를 생성하는 태그이다.- herf : 링크할 페이지를 설정하는 옵션이다. 이미지를 추가하는 태그이다.- src : 이미지의 경로를 지정하는 옵션- title : 이미지에 대한 추가정보를 제공하는 옵션- height, width : 이미지의 세로,가로폭을 지정하는 옵션 진행상황 막대기를 추가하는 태그이다.- value : 진행정도를 알려주는 옵션이다- max : 최대값을 정해주는 옵션이다. 테이블 태그 테이블을 만드는 태그이다. 행을 만든다. 열을 만든다.- rowspan : 행 병합- colspan : 열 병합 Programing/HTML 8년 전
