728x90 HTML6 [HTML] Get방식, Post방식 더보기 Day38. 230622 * form요소의 속성 - action: 서버(server)측 페이지 - method: get(기본값) | post * GET에 대한 참고 사항: - 양식 데이터를 이름/값 쌍으로 URL에 추가합니다. - GET을 사용하여 민감한 데이터를 보내지 마십시오! (제출된 양식 데이터는 URL에서 볼 수 있습니다!) - URL의 길이는 제한되어 있습니다(2048자). - 사용자가 결과를 북마크하려는 양식 제출에 유용합니다. - GET은 Google의 쿼리 문자열과 같은 비보안 데이터에 적합합니다. * POST에 대한 참고 사항: - HTTP 요청 본문 내부에 양식 데이터를 추가합니다(제출된 양식 데이터는 URL에 표시되지 않음). - POST는 크기 제한이 없으며 많은 양의 데이.. 2023. 6. 22. [HTML,CSS] 목록을 만드는 태그, 목록 스타일 더보기 Day38. 230622 [HTML] 목록을 만드는 태그 태그 : 순서 없는 목록 만들기 내용 내용 .. 순서가 필요하지 않은 목록(unorder list)을 만들 때 태그를 사용하고, 내부에 요소(list item)를 포함하여 각 항목을 표시한다. 태그 : 순서 목록 만들기 내용 내용 .. 순서가 필요한 목록(order list)을 만들 때 태크를 사용하고, 내부에 요소(list item)를 포함하여 각 항목을 표시한다. 태그 속성으로 순서 목록의 숫자와 순서 바꾸기 1. type 속성 태그는 순서 목록이기 때문에 각 항목 앞에 1,2,.. 같은 숫자가 기본적으로 붙는데 태그의 type 속성을 이용해 숫자의 종류를 다양하게 조절 할 수 있다. 속성 값 설명 1 숫자(기본값) a 영어 소문자 A .. 2023. 6. 22. [HTML] 표만들기 예제 더보기 Day36. 230620 16개 성격유형 정의 16 Personalities는 Big5를 토대로 카를 융의 이론을 합쳐서 마이어스-브릭스 유형 지표(MBTI)식 명칭을 차용한 성격 유형 검사 테스트는 MBTI 테스트가 아니다. MBTI식 성격 유형을 사용하긴 하지만, 정확한 명칭은 NERIS Type Explorer이다. 성격유형 Extroverted (외향적) Introverted (내향적) 여기서 E인지 I인지가 결정된다 Intuitive (직관) Observant (감각) 여기서 N인지 S인지가 결정된다 Thinking (사고) Feeling (감정) 여기서 T인지 F인지가 결정된다 분석가형 Architect전략가 Logician논리술사 Commander통솔자 Debater변론가 INTJ-A.. 2023. 6. 20. [HTML] 이미지, 절대경로와 상대경로 더보기 Day36. 230620 scr 속성 - 이미지 파일 경로 지정하기 태그 - 이미지 삽입하기 절대경로 최상위 디렉토리부터 해당 파일까지 경유한 모든 경로를 전부 기입하는 방식 상대경로 현재 파일이 존재하는 디렉토리를 기준으로 해당 파일까지의 위치를 작성한 경로 .(or ./) 현재위치 디렉토리 ../ 현재위치의 상위 디렉토리 이미지 프로토콜://IP주소:포트번호/컨택스트패스/~~파일명 위치 : http://localhost:8081/ourPro/ch03/image_p94.html ../image/food1.jpeg http://localhost:8081/ourPro/image/food1.jpeg 속성 border="테두리두께" width="너비%px" height="높이%px" alt="이미지설명.. 2023. 6. 20. [HTML] 링크만들기 더보기 Day36. 230620 링크만들기 태그 텍스트 텍스트 태그 안에서 사용할 수 있는 속성 href 속성 :링크한 문서나 사이트의 주소를 입력한다. target 속성 새 탭에서 링크 열기 _blank : 링크 내용이 새 창이나 새 탭에서 열린다. _self : target 속성의 기본 값으로 링크가 있는 화면에서 열린다. 아이프레임 프레임의 일종으로 프레임 중에서 문서 본문에 액자처럼 삽입하는 것. a href # - href 태그 안에 기입한 주소 값으로 다른 문서로의 이동, 또는 같은 문서내의 이동을 위해 사용한다. - 창을 이동해야하는 html 요소 ID를 지정하여 이동하거나 주소를 입력하여 이동한다. LINK text,이미지,또 다른 요소 기준위치 http://localhost:8081/ou.. 2023. 6. 20. [HTML] 표를 만드는 태그 더보기 Day35. 230619 표를 만드는 태그 기본적인 표 만들기 표의 기본형> 내용 내용 ... .. 다음과 같이 표 만드는 순서를 기억하면 표 만들기가 한결 쉬워진다. 1) 태그로 표 자리를 먼저 만들어 준다. 2) 태그로 2개의 행을 만들어 준다. 3) 태그로 각 행마다 셀을 3개씩 만들어 준다. ... ... ... ... ... ... 4) 각 셀에 들어갈 내용은 와 사이에 입력해준다. 태크 - 표에 제목 셀 만들기 태크 - 표에 제목 붙이기 table border="테두리두께" width="너비%px" height="높이%px" align="left | center | right" bgcolor="색상명" table태그 표제목 컬럼명1 컬럼명2 컬럼명3 컬럼명4 1-1 1-2 1-3 1-4.. 2023. 6. 19. 이전 1 다음 728x90