WEB39 02-01. CSS 속성들과 배경 1. 박스속성 ①border - 테두리 ②marign - 테두리와 다른 태그 사이의 바깥쪽 여백 ③padding - 테두리와 글자 사이의 안쪽 여백 ④width - 글자영역의 가로 크기 ⑤height - 글자영역의 세로크기 2. 박스속성 적용하기 ① width,height ② border, margin, padding 3. 박스테두리 적용하기 ① border-style: 속성들 dashed : 테두리를 약간 긴 점선으로 한다. dotted: 테두리를 점선으로 한다. solid: 테두리를 실선으로 한다. none: 테두리를 없앤다. hidden: 테두리가 있긴한데 보이진 않는다. loui3 html css script 4. 가시 속성 ① 가시속성은 태그가 화면에 보이는 방식을 지정한다. -대표적으로 css.. 2022. 12. 15. 01-02. 다양한 선택자들 1.자손 선택자 와 후손 선택자(그림) 2. 후손 선택자 ①후손 선택자는 선택자A의 후손인 B를 선택 하는것으로 (선택자 A 선택자 B)로 나타낸다. css3 html css script css3 loui3 html css script 3.자손선택자 ①자손 선택자는 선택자A의 자손인 선택자 B를 선택 하는것이고 선택자 (A >선택자B) 로 나타낸다 css3 html css script css3 loui3 html css script ②자손선택자와 table table 태그 내부에 있는 태그를 자손선택자로 선택을 할경우 아래와 같이 하면 파란색 색깔이 th태그에 적용이 안된다. 그 이유는 웹브라우저에서 tbody 태그를 자동으로 추가 해 table > tr > th 가 아닌 table > tbody > t.. 2022. 12. 14. 01-01. CSS 선택자 1. 선택자 용도 ①선택자는 CSS3에서 특정 html 태그를 선택할때 사용하는것이다. 1. 선택자를 사용하면 선택한 태그에 원하는 스타일과 스크립트를 적용 할수 있다. 2. 아래와 같이 css블록(선택자, 스타일 속성, 스타일 값)을 사용해 작성한것을 스타일 시트라고 한다. 2. 추가로 알면 좋은 속성들 ① marign, padding (margin속성은 바깥쪽 여백을 padding은 안쪽 여백을 지정한다.) 예시 margin:10px 는 위, 아래 , 오른쪽, 왼쪽 10px margin 10px 20px 위,아래 10px 오른쪽,왼쪽 20px margin 10px 20px 30px 위 10px 오른쪽,왼쪽20px 아래30px margin 10px 20px 30px 40px 위10px 오른쪽 20px .. 2022. 12. 12. [HTML5] 문서 구조화 (div와 span) 에 대해 알아보자 문서구조화 HTML 문서 구조화는 웹페이지를 의미 있는 블록으로 분할하고 구성하는 과정을 말합니다. 콘텐츠를 조직화 하고 가독성을 높이는데 도움을 줍니다. div 태그 태그로 공간을 블록 형식으로 분할할수 있습니다. 문서 내에서 영역을 구분하거나 그룹화 하기 위해 사용합니다. div태그로 분할 div태그로 분할 div태그로 분할 div태그로 분할 div태그로 분할 span 태그 태그로 공간을 인라인 형식으로 분할합니다. 특정 부분을 그룹화 하기위해 사용됩니다. span 태그로 분할 span 태그로 분할 span 태그로 분할 span 태그로 분할 span 태그로 분할 각 태그 형식 시맨틱 태그 특정 태그에 의미를 부여한 것입니다. LOUI3 Example HTML 루이3 2022. 12. 9. [HTML5] 간단한 입력 양식을 만들어보자 입력양식 사용자에게 정보를 입력받고 싶을때 사용합니다. 쓰는 방법으로 태그로 영역을 생성하고 안에 태그를 넣으면 됩니다. form 태그 태그에서 method 속성으로 데이터를 전달하고 action 속성으로 데이터를 전달이 가능합니다. (이는 서버에서 데이터를 처리하기 위해 사용 하는 것 이므로 적절하게 사용 해주시면 됩니다.) method의 전송 방식 method 속성은 전송방식 중 get 방식과 post 방식을 많이 사용합니다. get 방식은 주소에 데이터를 입력하여 전송하는 것이고 , 주로 데이터를 가져올때 많이 사용합니다. post 방식은 비밀스럽게 데이터를 전송하는 것인데 주로 데이터를 제츨하거나 변경하게 될때 많이 사용합니다. 아래 코드는 post 방식의 예시입니다. 유저가 이름과 비밀번호를 입.. 2022. 12. 8. [HTML5] HTML 태그들에 대해 알아보자 html에서 태그html에서 태그는 마크업 언어로 사용됩니다. 또한 웹페이지의 요소들을 정의하고 표시 하는데에 사용 하는데 이를 더 자세하게 알아보겠습니다. 앵커 태그a 태그는 anchor을 의미하며 하이퍼링크(Hyper Link) 를 생성할때 사용합니다.hyper는 hyper reference를 의미 하며 이동할 웹페이지의 경로를 나타냅니다.사용 방법: 출력글자 IT를 좋아하는 초보자의 기록장 네이버 글자모양 태그글자모양 태그는 단독으로도 사용하고 제목,본문 글자 태그 내부에도 입력 가능 합니다.하지만 글자모양 태그 내부에 제목,본문 글자 태그 입력 불가능 합니다.---사용태그들--- - 굵은 글자를 나타내고 싶을때 사용 합니다. - 기울어진 글자를 나타내고 싶을때 사용 합니다. - 작은글자를 나타내고.. 2022. 12. 7. 이전 1 ··· 3 4 5 6 7 다음
