본문 바로가기

html, css, javascript68

증명사진 위에 원형 테두리 그리기 css, 동그라미 테두리 증명사진 위에 원형 테두리 그리기 css, 동그라미 테두리 증명 사진위에 원형 테두리를 넣기 위한 html, css 코드는 아래와 같습니다. HTML 삽입 미리보기할 수 없는 소스 [참고] 테두리 두께는 border 값을 조절가능 이미지 크기에 따른 width 및 height 값을 조절 필요 2023. 4. 22.
html 헤더와 단락 사용법 <h1></h>, <p></p> html 헤더와 단락 사용법 , 헤더 - 헤더는 웹 페이지의 제목이나 섹션 제목을 표시하는 데 사용되는 요소입니다. - HTML에서는 부터 까지 여섯 가지 헤더 태그를 제공합니다. - 은 가장 큰 텍스트 크기를 가지며 중요도가 높습니다. - 는 가장 작은 텍스트 크기를 가지며 중요도가 낮습니다. 예시 대제목 소제목 1 소제목 2 소제목 3 소제목 4 소제목 5 적용결과 HTML 삽입 미리보기할 수 없는 소스 단락 - 단락은 웹 페이지의 텍스트 내용을 구분하는 데 사용되는 요소입니다. - HTML에서는 태그를 사용하여 단락을 생성합니다. - 태그 안에 들어있는 텍스트는 웹 브라우저에 의해 자동으로 줄바꿈되어 표시됩니다. 예시 이것은 첫 번째 단락입니다. 여기에는 텍스트, 링크, 이미지 등 다양한 콘텐츠를 .. 2023. 4. 20.
html 에서 알아두어야 할 요소(표, 이미지, 링크, 목록, 헤더와 단락) html 에서 알아두어야 할 요소(헤더와 단락, 목록, 링크, 이미지, 표) 헤더와 단락 대제목 소제목 단락 텍스트 적용결과 HTML 삽입 미리보기할 수 없는 소스 목록 순서 없는 목록 항목 1 순서 없는 목록 항목 2 순서 있는 목록 항목 1 순서 있는 목록 항목 2 적용결과 HTML 삽입 미리보기할 수 없는 소스 링크 링크 텍스트 적용결과 HTML 삽입 미리보기할 수 없는 소스 이미지 적용결과 HTML 삽입 미리보기할 수 없는 소스 표 제목 1 제목 2 데이터 1 데이터 2 적용결과 HTML 삽입 미리보기할 수 없는 소스 2023. 4. 17.
javascript tensorflow install / 자바스크립트 텐서플로우 설치 javascript tensorflow install / 자바스크립트 텐서플로우 설치 1. Node.js 설치 // TensorFlow.js는 Node.js에서 동작합니다. // Node.js를 이용하지 않으면 사용할 수 없습니다. // Node.js는 다음 웹사이트에서 다운로드할 수 있습니다. // https://nodejs.org/en/ 2. TensorFlow.js 설치 // npm(Node.js 패키지 관리자)을 사용하여 TensorFlow.js를 설치합니다. // 명령 프롬프트 또는 터미널에서 아래 명령어를 입력합니다. // npm install @tensorflow/tfjs 3. TensorFlow.js 사용 // require('@tensorflow/tfjs')를 호출하여 TensorFlow.. 2023. 4. 16.
자바스크립트 변수 선언 및 할당 활용예시 자바스크립트 변수 선언 및 할당 활용예시 0. 설명 // JavaScript에서 변수 선언 및 할당은 매우 중요한 개념입니다. // 변수를 사용하여 데이터를 저장하고 조작할 수 있습니다. // 이제 변수를 선언하고 할당하는 방법을 알아보고, 간단한 활용 예시를 살펴보겠습니다. 1. 변수 선언 및 할당 let name = "Hoon"; let age = 30; 2. 예시 문자열 결합 // 변수 할당 let firstName = "John"; let lastName = "Doe"; // 문자 결합 let fullName = firstName + " " + lastName; console.log(fullName); // out : "John Doe" 수학 계산 // 변수 할당 let num1 = 10; let.. 2023. 4. 16.
getElementById offsetTop 사용법 설명 offsetTop은 요소의 상위 노드에 대한 상대적인 수직 위치를 반환하는 속성입니다. getElementById를 사용하여 HTML 요소를 선택한 다음, offsetTop 속성을 사용하여 해당 요소의 상위 요소로부터의 거리를 알아낼 수 있습니다. 예시 코드 HTML 삽입 미리보기할 수 없는 소스 예시 코드 적용 결과(console log 확인) 2023. 4. 13.