Shadow

Shadow

Shadow{h-shadow v-shadow blur-radius spread-distance color}{수평그림자 수직그림자 흐림반경 확산거리 색상}  black shadow effect cloudy shadow effect neon effect color shadow effect black shadow effect

  • format_list_bulleted HTML,CSS
  • · 2023. 2. 7.
border-collapse,separate

border-collapse,separate

border-collapse: 테이블이나 셀의 테두리선을 겹쳐서 표현#table { text-align: center; width: 100%; height: 150px; border-collapse: collapse; margin: auto; border-color: #f0f0f0; line-height: 30px;} border-seprate: 테이블이나 셀의 테두리선을 분리해서 표현#table { text-align: center; width: 100%; height: 150px; border-collapse: separate; margin: auto; border-color: #f0f0f0; line-height: 30px;}

  • format_list_bulleted HTML,CSS
  • · 2023. 2. 6.

form태그

폼 태그 속성action:폼을 전송할 서버 쪽 스크립트 파일을 지정합니다.name : 폼을 식별하기 위한 이름을 지정합니다.accept-charset : 폼 전송에 사용할 문자 인코딩을 지정합니다.target : action에서 지정한 스크립트 파일을 현재 창이 아닌 다른 위치에 열도록 지정합니다.method : 폼을 서버에 전송할 http 메소드를 정합니다. (GET or POST)   GET과 POST방식의 차이전송할 http 메소드 종류인 GET과 POST는 브라우저에서 폼 데이터를 가져와 서버로 보내는 똑같은 기능을 수행한다.GETPOST데이터가 외부에 노출되어 보안에 취약개인정보나 보안을 해야하는 경우 사용리소스에서 데이터를 요청하는 경우인 읽을 때 사용지정된 리소스에서 데이터를 처리할 경우인..

  • format_list_bulleted HTML,CSS
  • · 2023. 2. 3.
form, checkbox, radio, select

form, checkbox, radio, select

form에서 데이터를 넘기는 방식 1)get방식form에서 데이터를 넘기는 방식 아이디 비밀번호  url?id=xxxx&pwd=xxxxsubmit을 클릭하면 action의 위치로 이동하면서 input태그의 값을 가지고 이동2)post방식주소의 끝에 값을 달고 가지 않고 페이지 내부에 포함해서 가져가는 방식 아이디 비밀번호  checkbox, radio버튼radio는 하나만 선택 checkbox는 여러개 선택 성별 남자 여자 ..

  • format_list_bulleted HTML,CSS
  • · 2023. 2. 2.
[HTML]텍스트 관련 태그들

[HTML]텍스트 관련 태그들

1. 텍스트를 덩어리로 묶어주는 태그태그 - 제목 표시하기 제목 태그 - 단락 만들기 텍스트 태그 - 줄 바꾸기태그 - 수평 줄 넣기 태그 - 인용문 넣기 인용 내용 태그 - 입력하는 그대로 화면에 표시하기 텍스트  2. 텍스트를 한 줄로 표시하는 태그태그, 태그 - 굵게 표시하기 굵게 강조할 텍스트 굵게 표시할 텍스트 중요도를 더 높이고 싶다면 태그를 여러 번 겹쳐쓸 수 있다.경고나 주의 사항처럼 중요한 내용이어서 강조할 때는 , 문서의 키워드처럼 단순히 굵게 표시할 때는  태그, 태그 - 이탤릭체로 표시하기 이탤릭체로 표시할 텍스트 이탤릭체로 강조할 텍스트 중요한 내용을 담고 있는 것이 , 단순히 이탤릭체로 표시하는 것이  태그 - 인용 내용 표시하기 인용내용 는 블록 레벨 태그이기 때문에 인용..

  • format_list_bulleted HTML,CSS
  • · 2023. 2. 2.

[HTML] 기초

HTML_HyperText Markup LanguageHyperText : 웹 사이트에서 링크를 클릭해 다른 문서나 사이트로 즉시 이동할 수 있는 기능Markup : 태그(tag)를 사용해 문서에서 어느 부분이 제목이고 본문인지, 어느 부분이 사진이고 링크인지 표시하는 것.=> 웹에서 자유롭게 오갈 수 있는 웹 문서를 만드는 언어 HTML5와 CSS3을 알아야 하는 이유최신 웹 표준에 맞는 웹 사이트를 제작할 수 있다.앱 화면을 디자인하기 위한 기초이다.소스를 이해해 웹 사이트와 블로그를 수정하기 쉽다. 1.태그_tag: 어디가 이미지고 어디가 텍스트인지 표시하는 것을 마크업이라고 하는데 마크업할 때 사용하는 약속된 표기법태그는 를 이용해 구분한다.태그와 태그 안에 사용하는 속성들은 모두 소문자로 사용할..

  • format_list_bulleted HTML,CSS
  • · 2023. 2. 1.