Dung--[CSS HTML]
-
기초 CSS 사용방법과 사용예시Dung--[CSS HTML] 2023. 4. 14. 14:59
기초 CSS 사용방법과 사용예시 1. CSS를 사용하는 방법 CSS를 사용하는 방법은 일반적으로 3가지로 나뉩니다. 1. HTML 안에서 STYLE 속성을 이용하는것과 2. 태그를 통하여 HTML 문서 내부에 활용하는 방법 3. 별도로 CSS 파일을 분리하여 link 태그의 rel ="stylesheet"를 활용해서 HTML 문서에 연결하는 방법이 있다. 여기서 1번은 HTML안에서 style 속성을 이용하면 하나의 태그밖에는 적용이 안됩니다. 모든 HTML 태그에 공동으로 스타일을 주기 위해서는 2번 또는 3번의 방식을 활용하시면 좋으며 그중에서도 3번으로 작성하는 방식이 코드를 분리할 수 있고 유지보수 차원에서도 수월합니다. 2. CSS 사용예 H3 태그에 빨간색 이탤릭폰트를 지정하고 싶다면 어떻게 ..
-
HTML에서 사용되는 input type 종류 및 활용방법Dung--[CSS HTML] 2023. 4. 12. 20:06
1. input type = "radio" 라면 떡볶이 피자 치킨 2. input type = "text" , input type = "password" 이름 : 비밀번호 : 3. select option 가장 웃긴것을 선택해주세요. HTML 자바스크립트 CSS HTML 자바스크립트 CSS 4. input type = "checkbox" CPU Memory 하드디스크 CDROM GRAPIC_CARD 5. input type ="button" ,input type = "submit", input type = "reset" 6. input type ="file" filename : 7. input type ="image" 이미지:
-
HTML로 회원가입양식 메일 만들어서 보내기Dung--[CSS HTML] 2023. 4. 12. 18:19
FORM태그를 활용한 회원가입양식 메일 만들기 이번에 포스팅할 주제는 html을 사용하여 회원가입 양식에 submit버튼을 누르게 되면 전자메일도 구현이 되는 기능을 만들어 보도록 하겠습니다. 전자 메일 기능은 폼 태그에서 mailto함수를 걸어 처리하였으며, 회원가입 양식은 html 로 만들었습니다. Form태그 회원가입양식 메일 보내기 회원 가입 기본정보 아이디 : 4~12자의 영문 대소문자와 숫자로만 입력해주세요! 패스워드: 4~12자의 영문 대소문자와 숫자로만 입력해주세요! 패스워드확인 : 4~12자의 영문 대소문자와 숫자로만 입력해주세요! 메일주소 : 예)id@domain.com 개인 정보 주민등록번호 : 예)0123456789 생일 : 년 1 2 3 4 5 6 7 8 9 10 11 12 월 1..
-
간편하게 CSS 디자인 버튼 생성해 주는 사이트 (티스토리 활용가능)Dung--[CSS HTML] 2023. 4. 7. 17:34
간편하게 CSS 디자인 버튼 생성해 주는 사이트 간단하고 심플한 디자인 CSS 버튼을 생성 하여주는 사이트를 안내해드리겠습니다. CSS 버튼이란 디자인을 통해 만든것이 아니라 html 소스와 css 소스코드만으로 만들어진 버튼이라고 보시면 됩니다. 텍스트 문구와 컬러만으로 구성된 버튼이기 때문에 페이지 로딩 속도에 끼치는 영향이 적습니다. css 버튼은 html 및 css편집 기능을 제공하는 사이트 및 웹페이지에서 여러 용도로 활용되고 있습니다. 하단의 css 버튼을 만들어 주는 사이트를 이용하시면 큰 어려움 없이 심플한 디자인의 버튼을 생성하실 수 있습니다. CSS버튼 만들어 주는 사이트 1. CSS 버튼 만들어주는 사이트에 찾아갑니다. https://www.bestcssbuttongenerator.c..
-
CSS 기본에 충실히 기초 시작하기Dung--[CSS HTML] 2023. 4. 7. 15:32
CSS 기초를 알고 시작하자! 1. CSS 란 무엇인가? CSS는 웹페이지를 꾸미려고 작성하는 코드입니다. CSS 기초는 처음 시작하며 필요한 내용을 익히게 도와줍니다. 어떻게 하면 글자색을 검정이나 빨갛게 할 수 있을까? 어떻게 하면 콘텐츠를 화면에 이리 저리 보이게 할 수 있을까? 배경 이미지와 색상들로 웹페이지를 꾸밀 수 있을까? HTML 페이지에서 모든 문단 요소들을 선택하고 그 문단 요소들 내에 있는 텍스트를 붉은 색상으로 바꾸고자 한다면 아래와 같이 CSS를 작성합니다. P { color : red; } css에 위의 글을 복사하여 붙여넣어보세요. 그리고 styles 디렉토리에 style.css를 파일로 저장을 합니다. 자 이제 끝난것은 아닙니다. css 를 html문서에서 불러와야 하지 그렇..