본문 바로가기

COMPUTER SCIENCE/A piece of INFO.

 (28)
CSS _ 문단 구분을 위한 박스 만들기 * 본 포스팅은 스타일 시트의 기본을 위한 CSS 정보글입니다. 2. 스타일 시트의 기본을 위한 CSS 정보글 문서 내용을 자유롭게 표현 "간단한 웹문서 제작을 위한 HTML의 기본" 글을 통해서 HTML을 통해서 문단을 구성하고, 글씨체를 바꾸고, 이미지를 첨부하거나 여백을 설정하는 등 간단한 웹문서를 hooks.tistory.com 1. 박스 디자인 하기, p { 디자인 } A. 박스 사이즈, width: 와 height: 웹문서에서 보통 문단 내용은 앞서 배웠던 내용 코드를 이용하여 문단을 장식합니다. 이 p 코드에 css 코드를 적용하여 박스 모양으로 문단을 구분하고 위치를 설정하여 웹문서를 꾸밀 수 있습니다. 먼저 다음과 같은 스타일 코드를 적용하여, 초록색의 박스를 생성하는 것이 가능합니다. ..
CSS _ 배경색과 이미지로 배경 꾸미기 * 본 포스팅은 스타일 시트의 기본을 위한 CSS 정보글입니다. 2. 스타일 시트의 기본을 위한 CSS 정보글 문서 내용을 자유롭게 표현 "간단한 웹문서 제작을 위한 HTML의 기본" 글을 통해서 HTML을 통해서 문단을 구성하고, 글씨체를 바꾸고, 이미지를 첨부하거나 여백을 설정하는 등 간단한 웹문서를 hooks.tistory.com 1. 배경색 넣기, background - color : rgba(0,0,0,. 1); 배경색을 넣는 코드는 background-color 코드를 사용하여 웹페이지의 색을 지정할 수 있습니다. 예를 들어 다음과 같이 body 스타일에 예시 코드를 적용하여 10%의 투명함을 가지는 붉은색 배경화면 웹페이지를 제작하는 것이 가능합니다. 예시 코드: 2. 이미지 배경으로 넣기,..
CSS RGB _ 색의 표현 * 본 포스팅은 스타일 시트의 기본을 위한 CSS 정보글입니다. 2. 스타일 시트의 기본을 위한 CSS 정보글 문서 내용을 자유롭게 표현 "간단한 웹문서 제작을 위한 HTML의 기본" 글을 통해서 HTML을 통해서 문단을 구성하고, 글씨체를 바꾸고, 이미지를 첨부하거나 여백을 설정하는 등 간단한 웹문서를 hooks.tistory.com 1. RGB 색 표현 RGB 색 모형은 빛의 삼원색을 이용하여 색을 표현하는 방식입니다. RGB 방식을 이용하여 색을 표현하는 html에서는 색의 이름으로 종종 색을 표현하곤 하지만, 빨강, 초록, 파란색의 정도를 0에서 255까지 섞어서 다양한 색을 표현할 수 있습니다. 2. 색 정의 코드 A. 특정색 이름으로 정의하기, color = color name html에서 특..
전자회로 정보_ 트랜지스터와 논리게이트 * 본 포스팅은 컴퓨터의 이해를 위한 정보 글입니다. 컴퓨터의 이해 _ 메모리 편 1. 컴퓨터 메모리의 종류 컴퓨터의 메모리(Memory)는 1과 0의 상태의 데이터를 기억하는 컴퓨터의 구성 장치 중 하나입니다. 1959년에 MOSFET(metal-oxide-semiconductor field-effect transistor), 줄여서 MOS 트.. hooks.tistory.com 논리 게이트 트랜지스터를 이용하여 구성하기 논리 게이트 AND, OR, NOT, 그리고 NAND와 NOR회로를 트랜지스터로 구성하기 위해서는 먼저 트랜지스터를 이용하여 스위치 회로를 구성하는 법을 알아야 합니다. 이 트랜지스터로 스위치 회로를 구성하는 법을 알고, 논리 게이트의 진리표를 참고하여 트랜지스터로 논리 게이트를 표현..
[HTML] 서식 관련 코드 정리 1. 글자 강조 글자 강조 코드를 배우기 전에, 다음과 같이 문단제목과 문단내용을 구성해봅시다. 어딘가 이상한 노래가사 사과는 길어, 길으면 기차, 기차는 빨라, 빨르면 비행기 글자를 진하게 강조하는 코드 HTML에서 문자를 진하게, 일명 볼드체라고도 불리는 강조 코드는 다음과 같이 두 개가 있습니다. A. ... B. ... 두 코드의 차이를 비교하기 위해 문단 내용 중 사과와 비행기를 다음과 같이 강조해봅시다. 어딘가 이상한 노래가사 사과 는 길어, 길으면 기차, 기차는 빨라, 빨르면 비행기 기울임 꼴 , Italic체 만들기 HTML에서 글자를 강조하기위해서 문자를 기울이는 꼴로 변경하는 것이 가능합니다. 코드는 다음과 같이 두 코드가 있습니다. A. ... B. ... 두 기울임 꼴 코드의 차이를..
문단 구성에 유용한 HTML 코드 정리 2 * 본 포스팅은 간단한 웹문서 제작을 위한 HTML 정보글입니다. 1. 간단한 웹문서 제작을 위한 HTML의 기본 개인 홈페이지 제작의 필요성 정보화 시대, 빠르게 변화하는 사회 등등 어렸을 때부터 우리가 많이 듣던 이야기입니다. 그로부터 벌써 10년, 20년도 더 지난 현재 사회는 정말 빠르게 많은 직업 hooks.tistory.com 0. 문단 구성에 유용한 HTML 코드 이전 포스팅에서 문단 구성에 유용한 h1~h7 코드와 p코드 그리고 hr 코드에 대해서 배웠습니다. 이번에는 구성한 코드들의 집합을 사용자가 알아보기 쉽도록 문단에 집합을 구성하는 코드와 코드에 대해서 알아보고, 문단의 상단, 하단, 그리고 사이드를 지정하는 코드를 알아보도록 합시다. * 문단의 상단부와 하단부. 그리고 사이드를 지..

티스토리툴바