Close
LOGO Around
Menu
  • 최근 업데이트
  • Ubuntu
  • Debian
  • Centos
  • Terminal
  • 기타 범주

SPIN UP

HTML 속성을 사용하는 방법 이 텍스트는 40픽셀 및 녹색입니다.

HTML 속성은 HTML 요소의 색상, 크기 및 기타 특성을 변경하는 데 사용됩니다.예를 들어, 속성을 사용하여 텍스트 요소 글꼴의 색상이나 크기를 변경하거나 이미지 요소의 너비와 높이를 변경할 수 있습니다.이 강좌에서는 HTML 속성을 사용하여 HTML 텍스트 요소의 크기와 색상 속성의 값을 설정하는 방법을 배울 것입니다. HTML 속성은 다음과 같이 열린 태그에 배치됩니다. 흔히 볼 수 ...

HTMLSpin Up

2022-06 last update

6 minutes reading

HTML 및 CSS 데모 웹 사이트 개요

이 강좌에서 당신은 앞의 강좌에서 의 구조를 탐색하고 그 계획을 다시 만들 것입니다. 제목 섹션 (위쪽).이 절의 상세한 설명은 우리의 강좌 '나에 대하여'부분.우리 강좌 [CSS를 사용하여 웹 사이트를 구축하는 방법에 대한 내 섹션 (2절)] 이 섹션에 대한 자세한 설명 프로젝트 섹션 (상단에서 세 번째 섹션으로 계산).이 절의 상세한 설명은 우리의 강좌 "체험"부분(상단 네 번째).우리의...

HTMLSpin UpCSS

2022-06 last update

5 minutes reading

CSS 소개

1994년 Håkon Wium Lie는 만비망의 발명자인 Tim Berners Lee와 함께 유럽핵연구기구(CERN)에서 일할 때 처음으로 CSS를 도입했다.당시 웹 페이지는 HTML로만 만들어졌는데 HTML은 버너스리가 1990년대에 개발한 하이퍼텍스트 표기 언어였다.그러나 HTML의 개발은 웹 문서 구성 요소 (예를 들어 제목과 단락) 의 의미를 설명하기 위한 것이지 스타일 설명을 제공하...

Spin UpCSS

2022-06 last update

4 minutes reading

HTML을 사용하여 웹 페이지에 스타일링된 개인 정보 이미지를 추가하는 방법

이 강좌에서 우리는 맨 위의 윤곽 이미지를 추가하고 그 스타일을 설정하는 절차를 소개할 것이다. 저희가 시작하기 전에, 귀하는 웹 사이트에 포함할 수 있도록 개인 정보 사진을 선택해야 할 수도 있습니다.만약 당신이 개인 자료 사진이 없다면, 당신은 어떤 이미지로 프레젠테이션을 하거나, 같은 사이트를 통해 화신을 만들 수 있습니다.그렇지 않으면, 당신은 사진 을 다운로드하여 우리 프레젠테이션 ...

HTMLSpin Up

2022-06 last update

5 minutes reading

HTML 요소 사용 및 이해 방법

이 HTML 코드의 결과를 확인하려면 브라우저에서 "index.HTML"파일을 불러올 수 있습니다.파일이 온라인 상태가 아니지만 브라우저는 HTML 파일을 웹 문서로 해석할 수 있습니다."index.html"파일을 브라우저에 불러오기 전에 이 파일을 저장하십시오. 다음과 같은 방법으로 브라우저에서 오프라인 HTML 파일을 볼 수 있습니다. Visual Studio 코드 텍스트 편집기를 사용하...

HTMLSpin Up

2022-06 last update

6 minutes reading

HTML 컨텐트를 사용하여 요소 구분 방법

HTML Content Division 요소(<div>는 용기를 충당하여 웹 페이지를 단독 구성 요소로 구성하여 단독 스타일 설정을 합니다.이 강좌는 웹 페이지에서 <div> 용기의 스타일을 만들고 설정하는 방법을 가르쳐 줍니다. 그 자체로 말하자면 <div> 요소는 페이지의 레이아웃에 거의 영향을 주지 않고 크기, 색깔, 위치 또는 기타 기능을 조정할 수 있도록 부여된다 .일반적으로 개발자...

HTMLSpin Up

2022-06 last update

10 minutes reading

VS 코드를 사용하여 HTML 항목 설정하는 방법

실천에서 HTML을 탐색하고 HTML 사이트를 구축하려면 텍스트 편집기를 사용하여 새로운 항목을 설정해야 합니다.이 강좌 시리즈는 Mac, Windows 또는 Linux에 적용되는 무료 코드 편집기 를 사용하지만, 원하는 코드 편집기를 사용할 수 있습니다. 기본 설정 텍스트 편집기를 연 후 새 프로젝트 폴더를 열고 이름html-practice을 지정합니다.우리는 이 폴더를 사용하여 이 시리즈...

HTMLSpin Up

2022-06 last update

4 minutes reading

HTML을 사용하여 웹 페이지에 이미지를 추가하는 방법

<img> 요소를 사용하여 HTML 문서에 이미지를 추가합니다.<img> 요소는 이미지를 저장하는 파일의 위치를 설정할 수 있는 속성src이 필요합니다.이미지 요소는 다음과 같이 작성됩니다. 그런 다음 small-profile.jpeg 파일의 내용을 지우고 index.html 파일에 붙여넣습니다.(이 강좌 시리즈를 배우지 않으셨다면 저희 강좌 에서 설정 <img src="Image_Locat...

Spin UpHTML

2022-06 last update

5 minutes reading

CSS를 사용하여 웹 사이트에 이력서나 취업 내역 섹션을 추가하는 방법 (4 섹션)

이 강좌에서는 HTML 테이블과 CSS 클래스를 사용하여 의 취업 섹션 (또는 네 번째 섹션) 을 다시 만듭니다.맞춤형 사이즈를 원하신다면 언제든지 Sammy의 정보를 자신의 정보와 교환하십시오.여기에서 사용하는 방법은 다른 CSS/HTML 웹 사이트 항목에 적용될 수 있습니다. 이 코드 세션에서 "섹션 4"를 표시하는 CSS 규칙 집합과 설명 section-break 클래스의 용도에 대한 ...

CSSSpin Up

2022-06 last update

17 minutes reading

CSS를 사용하여 웹 사이트에서 특별 견적 상자를 만드는 방법(6절)

특색 있는 견적 부분을 만들려면 용기 스타일을 설정하는 클래스와 특색 있는 텍스트 스타일을 설정하는 클래스를 만듭니다.styles.css 파일에 다음 코드 세그먼트를 추가합니다. 이 코드 세션에서 CSS 코드의 이 부분을 표시하기 위해 CSS 주석/* Section 6: Featured Quote */을 추가했습니다.그런 다음 클래스column-quote를 정의하고 이 클래스를 사용하여 견적...

CSSSpin Up

2022-06 last update

7 minutes reading

HTML 및 CSS를 사용하여 정적 바닥글 작성 방법(7절)

이 단계에서 페이지 맨 왼쪽에 메뉴 항목을 추가하고 스타일을 설정합니다.이 메뉴 항목은 사이트의 다른 페이지에 연결할 수 있습니다.현재 귀하의 사이트에는 웹 페이지가 하나밖에 없기 때문에 저희가 제공한 링크를 사용하여 프레젠테이션을 할 수 있습니다.나중에 사이트에 다른 페이지를 추가하면 메뉴 항목을 만들고 정확한 링크를 추가할 수 있습니다.이 강좌를 통해 새 웹 페이지를 만들고 연결하는 방법...

CSSSpin Up

2022-06 last update

18 minutes reading

HTML을 사용하여 웹 사이트 구축 방법: Digital Ocean Room 키트

복제 가능한 코드 세그먼트, 개념 개요 및 기타 CSS 과정과 힌트를 포함하여 프로젝트 사이트를 더욱 사용자 정의할 수 있습니다. 웹 사이트를 구축하고 디자인하는 방법을 배우는 데 관심이 있다면, 하이퍼텍스트 표기 언어(HTML)는 좋은 출발점이다.이 프로젝트 기반 강좌 시리즈는 저희 (아래) 를 모델로 개인 사이트를 구축하여 HTML과 그 방법을 소개합니다.일단 기초 지식을 배우면 사이트의...

Workshop KitsHTMLSpin Up

2022-06 last update

6 minutes reading

CSS를 사용하여 웹 사이트 구축 방법: Digital Ocean Room 키트

워크숍 참석자는 HTML에 익숙해야 합니다.참석자가 HTML에 익숙하지 않다면, 이 세미나를 시작하기 전에 우리의 시리즈를 이해할 수 있습니다. 과 은 복제 가능한 코드 세그먼트, 개념 개술, 프로젝트 사이트를 더욱 사용자 정의하는 데 사용되는 다른 CSS 과정과 힌트를 포함한다. 이 워크숍 키트 페이지는 강사가 워크숍을 준비하고 학생들에게 시작점을 제공하기 위한 것입니다.강사는 학생들이 슬...

CSSWorkshop KitsSpin Up

2022-06 last update

7 minutes reading

CSS 및 HTML 전자책으로 웹 사이트 구축 방법

온전한 전자책을 다운로드하세요! 이 프로젝트 기반 전자책은 저희 를 모델로 개인 사이트를 구축하여 사이트에 표시되는 스타일시트를 제어하는 데 사용되는 스타일시트 언어인 클래스 스타일시트(CSS)를 소개합니다.비록 우리의 프레젠테이션 사이트는 상어 사미를 특색으로 하지만, 만약에 귀하가 귀하의 사이트를 개성화하기를 원한다면, 당신은 사미의 정보를 귀하의 정보와 교환할 수 있습니다. CSS는 H...

CSSHTMLBooksSpin Up

2022-06 last update

4 minutes reading

DigitalOcean Droplet에 Ubuntu 20.04 서버 설정 방법

이 안내서에서는 Digital Ocean 관리 패널을 통해 Ubuntu 20.04 서버를 만들고 SSH 키를 사용하도록 구성합니다.서버를 설정하면 응용 프로그램과 사이트를 배치할 수 있습니다. Digital Ocean Droplet의 신용카드 또는 베버 계정을 구축합니다.이 강좌는 최소 Droplet 제품을 사용할 수 있으며, 매달 구독료는 저희 페이지에서 찾을 수 있습니다.사용자는 언제든지...

Cloud ComputingUbuntuSpin Up

2022-06 last update

8 minutes reading

HTML에서 테이블을 만드는 방법

필요한 줄과 열을 추가하여 사용자 정의하고, 테이블을 쉽게 읽을 수 있도록 줄과 열 제목을 추가합니다. HTML 테이블은 시작<table> 태그와 끝</table> 태그로 작성됩니다.이러한 태그에는 테이블 행 열기 및 닫기<tr> 태그와 테이블 데이터 열기 및 닫기<td> 태그를 사용하여 데이터가 행과 열로 구성됩니다. 결과를 저장하고 브라우저에서 확인합니다.웹 페이지에는 다음과 같은 세 줄...

HTMLSpin Up

2022-06 last update

29 minutes reading

CSS 규칙을 이해하고 작성하는 방법

이 강좌에서는 HTML 내용의 레이아웃을 설정하고 제어하기 위해 CSS 규칙(규칙 집합)을 이해하고 만드는 방법을 배울 것입니다.이 강좌는 <h1> HTML 요소를 파란색으로 바꾸는 CSS 규칙 예시부터 CSS 규칙의 모든 구성 요소를 설명하기 전에 CSS 규칙이 어떻게 작동하는지 연구합니다. styles.css 파일을 저장합니다.오른쪽에 color: blue 두 개의 공백이 들어 있습니다....

CSSSpin Up

2022-06 last update

6 minutes reading

CSS를 사용하여 HTML 요소의 스타일을 설정하는 방법

이 강좌에서는 CSS를 사용하여 HTML 컨텐츠 분할 요소 또는 <div> 요소의 스타일을 설정하는 방법을 설명합니다.<div> 요소는 페이지 레이아웃을 구축하고 웹 페이지를 단독 구성 요소로 나누어 단독 스타일 설정을 할 수 있습니다.이 강좌에서는 <div> 요소를 만들고 스타일을 설정하며, <div> 용기에 다른 요소를 추가하고 스타일을 설정하는 방법을 배울 것입니다.이 기술들은 이후 시...

CSSHTMLSpin Up

2022-06 last update

16 minutes reading

CSS 및 HTML 웹 사이트 항목 설정 방법

이 강좌에서는 HTML과 CSS를 사용하여 웹 사이트를 구축하는 데 필요한 폴더와 파일을 설정합니다.이전 강좌에서 HTML 내용을 수신할 수 있도록 index.html 파일도 준비할 것입니다. 이 강좌 시리즈를 계속 따를 경우, 이 시리즈 앞에서 만든 css-practice 프로젝트 디렉터리, index.html 파일, images 폴더, css 폴더 및 styles.css 파일을 계속 사용...

CSSHTMLSpin Up

2022-06 last update

5 minutes reading

CSS를 사용하여 교육 역사와 기술을 웹 사이트에 추가하는 방법 (5절)

이 강좌에서는 HTML 테이블과 CSS 클래스를 사용하여 교육 섹션 및 기술 섹션 을 다시 작성합니다.만약 귀하가 귀하의 사이트를 개성화하기를 원한다면, 언제든지 Sammy의 정보를 귀하의 정보와 교환하십시오.여기에서 사용하는 방법은 다른 CSS/HTML 웹 사이트 항목에 적용될 수 있습니다. 이 부분을 구축하려면, 웹 페이지에 나란히 놓을 수 있는 크기가 같은 두 개의 내용 상자에 스타일을...

CSSSpin Up

2022-06 last update

19 minutes reading

CSS를 사용하여 ID 생성 방법

이 강좌에서 CSS ID 선택기를 만들고 CSS와 HTML을 사용하여 웹 사이트를 구축할 때 사용하는 방법과 이유를 배울 것입니다. CSS ID 선택기의 기능은 CSS 와 유사합니다.고유 ID 속성이 있는 HTML 요소에 적용할 수 있는 CSS 규칙을 만들 수 있습니다.클래스와 마찬가지로 개발자는 ID 선택기를 사용하여 CSS 규칙을 만들 때 ID 이름을 선택합니다.그러나 ID와 클래스의 차...

CSSSpin Up

2022-06 last update

6 minutes reading

CSS를 사용하여 위조 클래스를 만드는 방법

이 강좌에서 CSS 위조 클래스를 만들고 어떻게 사용하는지, 왜 사용하는지 배울 것입니다.또한 사용자 커서가 요소에 멈출 때 요소의 스타일을 변경할 수 있도록 :hover 위조 클래스를 사용하는 연습을 할 것입니다. 위조 클래스는 특정 상태에서만 활성화된 CSS 클래스입니다.예를 들어, 사용자의 커서가 이미지 또는 텍스트 요소에 멈추면 위조 클래스 :hover 를 사용하여 요소의 모양을 변경...

CSSSpin Up

2022-06 last update

7 minutes reading

CSS 규칙에서 여러 속성의 값을 선언하는 방법

이 강좌에서 CSS 규칙에 여러 속성의 값을 설명하는 방법을 배울 것입니다.하나의 규칙에서 여러 속성을 선언하면 요소에 크기, 색깔, 정렬 등 여러 가지 스타일 지시를 동시에 적용할 수 있습니다.또한 하나의 HTML 문서에서 서로 다른 컨텐트에 서로 다른 스타일을 적용할 수 있도록 다양한 CSS 규칙을 만들 수 있습니다. 이 섹션에서는 HTML index.html 요소를 사용하여 <p> 파일...

CSSSpin Up

2022-06 last update

7 minutes reading

CSS 디자인 사이트 본문 사용 방법

이 강좌에서는 CSS 규칙을 사용하여 웹 페이지의 본문 스타일을 설정합니다.이 규칙을 사용하여 배경 이미지를 적용하고 스타일을 설정하며 웹 페이지의 글꼴 시리즈를 설정합니다.모든 하이퍼링크 텍스트의 색을 프레젠테이션 사이트 팔레트와 더 일치하는 색으로 바꾸는 스타일 규칙도 만들 것입니다. 이 연습은 의 스타일을 다시 만드는 데 사용되지만, 다른 HTML/CSS 사이트 프로젝트에 사용되는 동일...

CSSSpin Up

2022-06 last update

5 minutes reading

CSS를 사용하여 웹 사이트의 제목 섹션을 구축하는 방법 (1 섹션)

이 강좌에서 HTML과 CSS를 사용하여 의 맨 위 제목 부분을 다시 만듭니다.시험이나 개성화된 사이즈를 원한다면 Sammy의 정보를 자신의 정보와 교환할 수 있습니다.여기에서 사용하는 방법은 다른 CSS/HTML 웹 사이트 항목에 적용될 수 있습니다. 우리의 사이트 제목은 제목("상어 사미"), 부제목("DIGITALOCEAN의 고급 SELACHIMORPHA")과 작은 단면도를 포함한다.이...

CSSSpin Up

2022-06 last update

13 minutes reading

CSS를 사용하여 웹 사이트의 내 정보 섹션을 구축하는 방법 (2 섹션)

두 컨텐트 상자를 만들려면 먼저 images 파일에서 이 설정 상자의 스타일을 위한 열 클래스를 정의해야 합니다.그런 다음 텍스트와 이미지 내용을 HTML 문서에 추가합니다.large-profile.jpeg 파일로 돌아가 다음 규칙 세트를 복사하여 파일 하단에 붙여넣습니다. 첫 번째 규칙 집합은 "styles.css"선택기를 사용하여 이 규칙 집합이 모든 HTML 요소 및 클래스에 적용되어야...

CSSSpin Up

2022-06 last update

12 minutes reading

HTML 요소 사용 및 이해 방법

이 HTML 코드의 결과를 확인하려면 브라우저에서 "index.HTML"파일을 불러올 수 있습니다.파일이 온라인 상태가 아니지만 브라우저는 HTML 파일을 웹 문서로 해석할 수 있습니다."index.html"파일을 브라우저에 불러오기 전에 이 파일을 저장하십시오. 다음과 같은 방법으로 브라우저에서 오프라인 HTML 파일을 볼 수 있습니다. Visual Studio 코드 텍스트 편집기를 사용하...

HTMLSpin Up

2022-05 last update

6 minutes reading

HTML을 사용하여 웹 페이지에 이미지를 추가하는 방법

<img> 요소를 사용하여 HTML 문서에 이미지를 추가합니다.<img> 요소는 이미지를 저장하는 파일의 위치를 설정할 수 있는 속성src이 필요합니다.이미지 요소는 다음과 같이 작성됩니다. 그런 다음 small-profile.jpeg 파일의 내용을 지우고 index.html 파일에 붙여넣습니다.(이 강좌 시리즈를 배우지 않으셨다면 저희 강좌 에서 설정 <img src="Image_Locat...

HTMLSpin Up

2022-05 last update

5 minutes reading

HTML을 사용하여 웹 페이지에 스타일링된 개인 정보 이미지를 추가하는 방법

이 강좌에서 우리는 맨 위의 윤곽 이미지를 추가하고 그 스타일을 설정하는 절차를 소개할 것이다. 저희가 시작하기 전에, 귀하는 웹 사이트에 포함할 수 있도록 개인 정보 사진을 선택해야 할 수도 있습니다.만약 당신이 개인 자료 사진이 없다면, 당신은 어떤 이미지로 프레젠테이션을 하거나, 같은 사이트를 통해 화신을 만들 수 있습니다.그렇지 않으면, 당신은 사진 을 다운로드하여 우리 프레젠테이션 ...

HTMLSpin Up

2022-05 last update

5 minutes reading

다음 페이지