분류 전체보기 (99) 썸네일형 리스트형 css-그리드 div : 의미없는 태그로 줄바꿈을 위한 태그/하나로 묶어주는 기능도 함 block level element span : 의미없는 태그로 줄바꿈을 위한 태그/하나로 묶어주는 기능도 함 inline element 예제 코드 NAVIGATION article grid-template-columns:150px 1fr; 는 컬럼의 부피를 결정해줌 예제코드2 WEB HTML CSS Javascript CSS 종속형 시트 또는 캐스케이딩 스타일 시트(Cascading Style Sheets, CSS)는 마크업 언어가 실제 표시되는 방법을 기술하는 스타일 언어(style sheet language)로[1], HTML과 XHTML에 주로 쓰이며, XML에서도 사용할 수 있다. W3C의 표준이며, 레이아웃과 스타일을 정.. css-박스모델 border:테두리 boreder-width: 테두리 두께 border_color: 테두리 컬러 border_style:테두리 스타일(단선, 실선) border: 5px solid red:로 압축가능(순서 상관없음) h1과 a가 같은 내용이면 h1,a {}로 묶어서 사용 가능 block level element::화면 전체를 쓰는 태그 inline element:자기자신만큼 크기를 갖는 태그 display:block/inline/none; 으로 바꿀 수 있음 none은 안보이게 함 padding: 콘텐츠와 테두리 사이의 여백 margin: 테두리와 테두리 사이의 간격 h1{ border:5px solid red; padding:20px; margin:20px; display:block; width:100.. 백준 1008번 node.js 문제 두 정수 A와 B를 입력받은 다음, A/B를 출력하는 프로그램을 작성하시오. 입력 첫째 줄에 A와 B가 주어진다. (0 < A, B < 10) 출력 첫째 줄에 A/B를 출력한다. 실제 정답과 출력값의 절대오차 또는 상대오차가 10-9 이하이면 정답이다. 예제 입력 1 복사 1 3 예제 출력 1 복사 0.33333333333333333333333333333333 10-9 이하의 오차를 허용한다는 말은 꼭 소수 9번째 자리까지만 출력하라는 뜻이 아니다. 예제 입력 2 복사 4 5 예제 출력 2 복사 0.8 정답 const fs = require("fs"); const input = fs.readFileSync("/dev/stdin").toString().split(" "); const a = parse.. 백준 10998번 node.js 문제 두 정수 A와 B를 입력받은 다음, A×B를 출력하는 프로그램을 작성하시오. 입력 첫째 줄에 A와 B가 주어진다. (0 < A, B < 10) 출력 첫째 줄에 A×B를 출력한다. 예제 입력 1 복사 1 2 예제 출력 1 복사 2 예제 입력 2 복사 3 4 예제 출력 2 복사 12 정답 const fs = require("fs"); const input = fs.readFileSync("/dev/stdin").toString().split(" "); const a = parseInt(input[0]); const b = parseInt(input[1]); console.log(a*b); css-선택자 HTML CSS class라고 하는 html속성 사용 속성값ㅇ로 sqw지정 saw라는 class값을 가진 태그 2개를 만듦 .saw와 같이 .을 붙이면 class가 saw인 태그를 가리키는 선택자가 된다. 선택자 우선순위 같은 선택자라면 보다 최근/마지막에 있는 명령이 더 큰 영향력을 갖는다. tag선택자 css-기본 문법(css삽입하기) css은 디자인의 기능을 하며 코드의 중복을 제거해준다. 웹페이지 유지,보수에 편리하며 가독성이 좋다. html은정보에 집중하기 위해 css는 디자인을 하도록 한다. 웹페이지에 css 삽입하는 방법 2가지 1.style 태그 모든 a 태그에 대해 색을 red로 바꾸기 a{ }:선택자 color:red; : 효과/선언(속성:값;) 2.style 속성 style이란 속성을 css의 효과로 해석해서 적용할 것이다라는 의미 style=" "는 html의 속성이다. style태그가 위치하고 있는 태그에게 효과를 줄 것이기 때문에 선택자를 사용할 필요가 없다. 밑줄 text-decoration: none; 하나의 선택자에 대해 여러개의 효과를 줄 때 ;로 구분한다. 백준 1001번 node.js 문제 두 정수 A와 B를 입력받은 다음, A-B를 출력하는 프로그램을 작성하시오. 입력 첫째 줄에 A와 B가 주어진다. (0 < A, B < 10) 출력 첫째 줄에 A-B를 출력한다. 예제 입력 1 복사 3 2 예제 출력 1 복사 1 정답 const fs = require("fs"); const input = fs.readFileSync("/dev/stdin").toString().split(" "); const a = parseInt(input[0]); const b = parseInt(input[1]); console.log(a-b); html - 방문자 분석 면 5. 가운데 새로운 온페이지 태그 추가 밑에 전체사이트 태그 웹사이트 작성도구 클릭하면 코드가 나옵니다 https://analytics.google.com/를 사용 해준다. 왼쪽 하단 관리에서 데이터 스트림을 클릭하고 정보를 입력하여 스트림을 만든후 새로운 온페이지 태그 추가 밑 전체 사이트 태그를 누르면 코드가 나온다. 이 코드를 안에 복사해준다. 이제 애널리틱스에서 실시간 방문자 수를 확인할 수 있다. html-채팅기능 추가 tawk.to 이용 설정>chat widget에서 widget code를 복사하여 소스코드의 바디 안에 붙여 넣으면 채팅 기능이 생긴다. 사용자가 채팅을 치면 monitoring에서 볼 수 있다. html-댓글 기능 추가하기 disqus를 사용 사이트를 만들고 맨 하단에 위치한 버튼을 누른다 그 후 나오는 코드를 복사하여 나의 소스코드에 추가하면 댓글기능이 추가된다. 이전 1 ··· 5 6 7 8 9 10 다음
