HTML 속성을 사용하는 방법 이 텍스트는 40픽셀 및 녹색입니다.
HTML 속성은 HTML 요소의 색상, 크기 및 기타 특성을 변경하는 데 사용됩니다.예를 들어, 속성을 사용하여 텍스트 요소 글꼴의 색상이나 크기를 변경하거나 이미지 요소의 너비와 높이를 변경할 수 있습니다.이 강좌에서는 HTML 속성을 사용하여 HTML 텍스트 요소의 크기와 색상 속성의 값을 설정하는 방법을 배울 것입니다. HTML 속성은 다음과 같이 열린 태그에 배치됩니다. 흔히 볼 수 ...
HTMLSpin Up2022-06 last update
6 minutes reading
HTML을 사용하여 웹 페이지에 스타일링된 개인 정보 이미지를 추가하는 방법
이 강좌에서 우리는 맨 위의 윤곽 이미지를 추가하고 그 스타일을 설정하는 절차를 소개할 것이다. 저희가 시작하기 전에, 귀하는 웹 사이트에 포함할 수 있도록 개인 정보 사진을 선택해야 할 수도 있습니다.만약 당신이 개인 자료 사진이 없다면, 당신은 어떤 이미지로 프레젠테이션을 하거나, 같은 사이트를 통해 화신을 만들 수 있습니다.그렇지 않으면, 당신은 사진 을 다운로드하여 우리 프레젠테이션 ...
HTMLSpin Up2022-06 last update
5 minutes reading
VS 코드를 사용하여 HTML 항목 설정하는 방법
실천에서 HTML을 탐색하고 HTML 사이트를 구축하려면 텍스트 편집기를 사용하여 새로운 항목을 설정해야 합니다.이 강좌 시리즈는 Mac, Windows 또는 Linux에 적용되는 무료 코드 편집기 를 사용하지만, 원하는 코드 편집기를 사용할 수 있습니다. 기본 설정 텍스트 편집기를 연 후 새 프로젝트 폴더를 열고 이름html-practice을 지정합니다.우리는 이 폴더를 사용하여 이 시리즈...
HTMLSpin Up2022-06 last update
4 minutes reading
HTML을 사용하여 웹 페이지에 이미지를 추가하는 방법
<img> 요소를 사용하여 HTML 문서에 이미지를 추가합니다.<img> 요소는 이미지를 저장하는 파일의 위치를 설정할 수 있는 속성src이 필요합니다.이미지 요소는 다음과 같이 작성됩니다. 그런 다음 small-profile.jpeg 파일의 내용을 지우고 index.html 파일에 붙여넣습니다.(이 강좌 시리즈를 배우지 않으셨다면 저희 강좌 에서 설정 <img src="Image_Locat...
Spin UpHTML2022-06 last update
5 minutes reading
CSS를 사용하여 웹 사이트에 이력서나 취업 내역 섹션을 추가하는 방법 (4 섹션)
이 강좌에서는 HTML 테이블과 CSS 클래스를 사용하여 의 취업 섹션 (또는 네 번째 섹션) 을 다시 만듭니다.맞춤형 사이즈를 원하신다면 언제든지 Sammy의 정보를 자신의 정보와 교환하십시오.여기에서 사용하는 방법은 다른 CSS/HTML 웹 사이트 항목에 적용될 수 있습니다. 이 코드 세션에서 "섹션 4"를 표시하는 CSS 규칙 집합과 설명 section-break 클래스의 용도에 대한 ...
CSSSpin Up2022-06 last update
17 minutes reading
CSS를 사용하여 웹 사이트에서 특별 견적 상자를 만드는 방법(6절)
특색 있는 견적 부분을 만들려면 용기 스타일을 설정하는 클래스와 특색 있는 텍스트 스타일을 설정하는 클래스를 만듭니다.styles.css 파일에 다음 코드 세그먼트를 추가합니다. 이 코드 세션에서 CSS 코드의 이 부분을 표시하기 위해 CSS 주석/* Section 6: Featured Quote */을 추가했습니다.그런 다음 클래스column-quote를 정의하고 이 클래스를 사용하여 견적...
CSSSpin Up2022-06 last update
7 minutes reading
HTML 및 CSS를 사용하여 정적 바닥글 작성 방법(7절)
이 단계에서 페이지 맨 왼쪽에 메뉴 항목을 추가하고 스타일을 설정합니다.이 메뉴 항목은 사이트의 다른 페이지에 연결할 수 있습니다.현재 귀하의 사이트에는 웹 페이지가 하나밖에 없기 때문에 저희가 제공한 링크를 사용하여 프레젠테이션을 할 수 있습니다.나중에 사이트에 다른 페이지를 추가하면 메뉴 항목을 만들고 정확한 링크를 추가할 수 있습니다.이 강좌를 통해 새 웹 페이지를 만들고 연결하는 방법...
CSSSpin Up2022-06 last update
18 minutes reading
HTML을 사용하여 웹 사이트 구축 방법: Digital Ocean Room 키트
복제 가능한 코드 세그먼트, 개념 개요 및 기타 CSS 과정과 힌트를 포함하여 프로젝트 사이트를 더욱 사용자 정의할 수 있습니다. 웹 사이트를 구축하고 디자인하는 방법을 배우는 데 관심이 있다면, 하이퍼텍스트 표기 언어(HTML)는 좋은 출발점이다.이 프로젝트 기반 강좌 시리즈는 저희 (아래) 를 모델로 개인 사이트를 구축하여 HTML과 그 방법을 소개합니다.일단 기초 지식을 배우면 사이트의...
Workshop KitsHTMLSpin Up2022-06 last update
6 minutes reading
CSS를 사용하여 웹 사이트 구축 방법: Digital Ocean Room 키트
워크숍 참석자는 HTML에 익숙해야 합니다.참석자가 HTML에 익숙하지 않다면, 이 세미나를 시작하기 전에 우리의 시리즈를 이해할 수 있습니다. 과 은 복제 가능한 코드 세그먼트, 개념 개술, 프로젝트 사이트를 더욱 사용자 정의하는 데 사용되는 다른 CSS 과정과 힌트를 포함한다. 이 워크숍 키트 페이지는 강사가 워크숍을 준비하고 학생들에게 시작점을 제공하기 위한 것입니다.강사는 학생들이 슬...
CSSWorkshop KitsSpin Up2022-06 last update
7 minutes reading
CSS 및 HTML 전자책으로 웹 사이트 구축 방법
온전한 전자책을 다운로드하세요! 이 프로젝트 기반 전자책은 저희 를 모델로 개인 사이트를 구축하여 사이트에 표시되는 스타일시트를 제어하는 데 사용되는 스타일시트 언어인 클래스 스타일시트(CSS)를 소개합니다.비록 우리의 프레젠테이션 사이트는 상어 사미를 특색으로 하지만, 만약에 귀하가 귀하의 사이트를 개성화하기를 원한다면, 당신은 사미의 정보를 귀하의 정보와 교환할 수 있습니다. CSS는 H...
CSSHTMLBooksSpin Up2022-06 last update
4 minutes reading
DigitalOcean Droplet에 Ubuntu 20.04 서버 설정 방법
이 안내서에서는 Digital Ocean 관리 패널을 통해 Ubuntu 20.04 서버를 만들고 SSH 키를 사용하도록 구성합니다.서버를 설정하면 응용 프로그램과 사이트를 배치할 수 있습니다. Digital Ocean Droplet의 신용카드 또는 베버 계정을 구축합니다.이 강좌는 최소 Droplet 제품을 사용할 수 있으며, 매달 구독료는 저희 페이지에서 찾을 수 있습니다.사용자는 언제든지...
Cloud ComputingUbuntuSpin Up2022-06 last update
8 minutes reading
CSS를 사용하여 HTML 요소의 스타일을 설정하는 방법
이 강좌에서는 CSS를 사용하여 HTML 컨텐츠 분할 요소 또는 <div> 요소의 스타일을 설정하는 방법을 설명합니다.<div> 요소는 페이지 레이아웃을 구축하고 웹 페이지를 단독 구성 요소로 나누어 단독 스타일 설정을 할 수 있습니다.이 강좌에서는 <div> 요소를 만들고 스타일을 설정하며, <div> 용기에 다른 요소를 추가하고 스타일을 설정하는 방법을 배울 것입니다.이 기술들은 이후 시...
CSSHTMLSpin Up2022-06 last update
16 minutes reading
CSS 및 HTML 웹 사이트 항목 설정 방법
이 강좌에서는 HTML과 CSS를 사용하여 웹 사이트를 구축하는 데 필요한 폴더와 파일을 설정합니다.이전 강좌에서 HTML 내용을 수신할 수 있도록 index.html 파일도 준비할 것입니다. 이 강좌 시리즈를 계속 따를 경우, 이 시리즈 앞에서 만든 css-practice 프로젝트 디렉터리, index.html 파일, images 폴더, css 폴더 및 styles.css 파일을 계속 사용...
CSSHTMLSpin Up2022-06 last update
5 minutes reading
CSS를 사용하여 교육 역사와 기술을 웹 사이트에 추가하는 방법 (5절)
이 강좌에서는 HTML 테이블과 CSS 클래스를 사용하여 교육 섹션 및 기술 섹션 을 다시 작성합니다.만약 귀하가 귀하의 사이트를 개성화하기를 원한다면, 언제든지 Sammy의 정보를 귀하의 정보와 교환하십시오.여기에서 사용하는 방법은 다른 CSS/HTML 웹 사이트 항목에 적용될 수 있습니다. 이 부분을 구축하려면, 웹 페이지에 나란히 놓을 수 있는 크기가 같은 두 개의 내용 상자에 스타일을...
CSSSpin Up2022-06 last update
19 minutes reading
CSS를 사용하여 웹 사이트의 제목 섹션을 구축하는 방법 (1 섹션)
이 강좌에서 HTML과 CSS를 사용하여 의 맨 위 제목 부분을 다시 만듭니다.시험이나 개성화된 사이즈를 원한다면 Sammy의 정보를 자신의 정보와 교환할 수 있습니다.여기에서 사용하는 방법은 다른 CSS/HTML 웹 사이트 항목에 적용될 수 있습니다. 우리의 사이트 제목은 제목("상어 사미"), 부제목("DIGITALOCEAN의 고급 SELACHIMORPHA")과 작은 단면도를 포함한다.이...
CSSSpin Up2022-06 last update
13 minutes reading
CSS를 사용하여 웹 사이트의 내 정보 섹션을 구축하는 방법 (2 섹션)
두 컨텐트 상자를 만들려면 먼저 images 파일에서 이 설정 상자의 스타일을 위한 열 클래스를 정의해야 합니다.그런 다음 텍스트와 이미지 내용을 HTML 문서에 추가합니다.large-profile.jpeg 파일로 돌아가 다음 규칙 세트를 복사하여 파일 하단에 붙여넣습니다. 첫 번째 규칙 집합은 "styles.css"선택기를 사용하여 이 규칙 집합이 모든 HTML 요소 및 클래스에 적용되어야...
CSSSpin Up2022-06 last update
12 minutes reading
HTML을 사용하여 웹 페이지에 이미지를 추가하는 방법
<img> 요소를 사용하여 HTML 문서에 이미지를 추가합니다.<img> 요소는 이미지를 저장하는 파일의 위치를 설정할 수 있는 속성src이 필요합니다.이미지 요소는 다음과 같이 작성됩니다. 그런 다음 small-profile.jpeg 파일의 내용을 지우고 index.html 파일에 붙여넣습니다.(이 강좌 시리즈를 배우지 않으셨다면 저희 강좌 에서 설정 <img src="Image_Locat...
HTMLSpin Up2022-05 last update
5 minutes reading
HTML을 사용하여 웹 페이지에 스타일링된 개인 정보 이미지를 추가하는 방법
이 강좌에서 우리는 맨 위의 윤곽 이미지를 추가하고 그 스타일을 설정하는 절차를 소개할 것이다. 저희가 시작하기 전에, 귀하는 웹 사이트에 포함할 수 있도록 개인 정보 사진을 선택해야 할 수도 있습니다.만약 당신이 개인 자료 사진이 없다면, 당신은 어떤 이미지로 프레젠테이션을 하거나, 같은 사이트를 통해 화신을 만들 수 있습니다.그렇지 않으면, 당신은 사진 을 다운로드하여 우리 프레젠테이션 ...
HTMLSpin Up2022-05 last update
5 minutes reading