본문 바로가기

html, css, javascript68

html 표 작성 다양한 스타일 html 표 작성 다양한 스타일 1. 기본표 Header 1 Header 2 Data 1 Data 2 Data 3 Data 4 적용결과 HTML 삽입 미리보기할 수 없는 소스 2. 표에 테두리 가 있는 표 Header 1 Header 2 Data 1 Data 2 Data 3 Data 4 적용결과 HTML 삽입 미리보기할 수 없는 소스 3. 표에 줄 간격 및 배경색 있는 표 Header 1 Header 2 Data 1 Data 2 Data 3 Data 4 적용결과 HTML 삽입 미리보기할 수 없는 소스 4. 표에 가운데 정렬 및 헤더 스타일을 반영한 표 Header 1 Header 2 Data 1 Data 2 Data 3 Data 4 적용결과 HTML 삽입 미리보기할 수 없는 소스 5. 라운드된 테두리와 .. 2023. 4. 26.
canvas fillStyle 사용법 canvas fillStyle 사용법 자바스크립트 코드 사용법 ctx.fillRect(x, y, width, height); 입력값 설명 x 직사각형의 왼쪽 위 모서리 x 좌표 y 직사각형의 왼쪽 위 모서리 y 좌표 width 직사각형의 너비 height 직사각형의 높이 사용 예시 HTML 삽입 미리보기할 수 없는 소스 2023. 4. 25.
자바스크립트 꼭 알아두어야 할 기초 코드 4가지, javascript(변수 선언, 함수 선언, 조건문, 반복문) 자바스크립트 꼭 알아두어야 할 기초 코드 4가지, javascript(변수 선언, 함수 선언, 조건문, 반복문) 1. 변수 선언 및 변수 할당 // 이 코드는 let 키워드를 사용하여 변수 name과 age를 선언하고 초기값을 할당합니다. // name 변수의 값을 "Mike"로, age 변수의 값을 35로 변경한 다음, // console.log() 함수를 사용하여 변수 값을 출력합니다. // 변수 선언 및 초기값 할당 let name = "John"; let age = 30; // 변수 값 변경 name = "Mike"; age = 35; // 변수 출력 console.log("Name: " + name); console.log("Age: " + age); 2. 조건문 // 아래 코드는 let 키워드.. 2023. 4. 24.
html, css, javascrip 디지털 시계(digital clock) 자바스크립트 예시 html, css, javascrip 디지털 시계(digital clock) 자바스크립트 예시 HTML 삽입 미리보기할 수 없는 소스 2023. 4. 23.
[javascript] Date() 객체 1 [javascript] Date() 객체 1 new Date() 지금 현재시각을 선언합니다 !! (사용자 컴퓨터 표준시간대 기준으로 표시 됩니다!!) getFullYear() : 선언된 시간대에서 년도만 표시합니다. getMonth() : 선언된 시간대에서 월만 표시합니다. getDay() : 선언된 시간대에서 날짜만 표시합니다. getHours() : 선언된 시간대에서 시간만 표시합니다. getMinutes() : 선언된 시간대에서 분만 표시합니다. getSeconds() : 선언된 시간대에서 초만 표시합니다. 위 코드를 사용한 예시는 아래와 같습니다. HTML 삽입 미리보기할 수 없는 소스 2023. 4. 23.
[css] 하이퍼링크 글자 수정 [css] 하이퍼링크 글자 수정 하이퍼링크 랍 치고 ... 파랑 글씨에 밑줄이 쳐져 있는 글을 보면 뭔가 ... 노력해서 HTML을 짠거 같지 않은 기분이 듭니다.... 찝찝 한 마음 그래서 !! 하이퍼링크를 두고 글씨 색과 체를 바꿀 수 있는 css 코드를 기억해 둡니다 HTML 삽입 미리보기할 수 없는 소스 2023. 4. 23.