잉카콜라 잉카콜라

CSS 주석 주석은 코드를 설명하는 데 사용되며 나중에 소스 코드를 편집할 때 도움이 될 수 있다 주석은 브라우저에서 무시되고 CSS 주석은 요소 내부에 배치되며 다음과 같이 주석을 나타낼 수 있다 /* 이곳에 적혀진 내용은 주석처리 */ 또한 주석은 여러 줄에 걸쳐 있을 수도 있다 HTML 및 CSS 주석 HTML과 CSS 의 주석을 이용하여 작성자를 포함하여 다른 사람이 볼 수 있도록 문서화를 할 수 있다 w3schools - CSS 공부내용 정리

CSS를 삽입하는 세 가지 방법 1. 외부 CSS 2. 내부 CSS 3. 인라인 CSS 외부 CSS 외부 스타일 시트를 사용하면 파일 하나만 변경하여 전체 웹 사이트의 모양을 변경할 수 있다 head 섹션 안에, link 요소 안에 외부 스타일 시트 파일에 대한 참조를 포함해야 한다 외부 스타일 시트는 모든 텍스트 편집기에서 작성할 수 있으며 .css 확장자로 저장해야 한다 외부 .css 파일에는 HTML 태그가 포함되어서는 안 된다!!! 위 사진은 "mystyle.css" 파일의 모양이다 ※ 속성값과 단위 사이 공백 금지 ( 20 px 로 하지 말고 공백 제거해서 20px 로 해야 함 ) ※ 내부 CSS 단일 HTML 페이지에 고유한 스타일이 있는 경우 내부 스타일 시트를 사용할 수 있다 내부 스타일은..

CSS 선택기 CSS 선택기는 스타일을 지정할 HTML 요소를 찾는(선택하는) 데 사용된다 위의 코드에서 head 태그 안에 style 태그를 만들어 주었고 body 태그안에는 웹페이지에 보여줄 p 태그가 있다 style 태그 안쪽에 해시(#) 문자를 적고 id를 적어주고 해당 아이디의 내용을 중괄호 안에 적어준다 body 태그 안에 있는 p 태그중 id 값으로 paral 이 되어있는 p 태그에 위에서 설정한 내용으로 변경되어 웹페이지에 나타나는걸 확인할 수 있다 ※ ID 이름은 숫자로 시작할 수 없고 항상 시작태그에 들어가 있어야 한다 ※ CSS 클래스 선택자 위 사진에서 class 이름이 center인 모든 HTML 요소는 초록색으로 하고 가운데 정렬로 바꾸도록 한다 h1 과 p 태그 모두 class..

CSS란? CSS는 Cascading Style Sheets의 약자이다. CSS는 많은 작업을 저장하고 한 번에 여러 웹 페이지의 레이아웃을 제어할 수 있다 외부 스타일시트는 CSS 파일에 저장된다 CSS 구문 CSS 규칙은 선택기와 선언 블록으로 구성된다 선택기는 스타일을 지정할 HTML 요소를 가리키고 선언 블록에는 세미콜론으로 구분된 하나 이상의 선언이 포함된다. 각 선언에는 콜론으로 구분된 CSS 속성 이름과 값이 포함되고 여러 CSS 선언은 세미콜론으로 구분되며 선언 블록은 중괄호로 묶인다 위의 코드를 예로 들어 CSS의 기초 사용법에 대해 알아보겠다 태그 안에 태그가 들어가 있는 상태이고 태그 안에 있는 p는 선택기 이므로 안에 있는 모든 태그들을 선택해 준다 color는 속성이고 red속성 ..

배경색 background-color를 powderblue 색으로 변경할 수 있다 각 단락마다 background-color 색을 지정해 주어 바꾸어 줬다 텍스트 색상 background를 빼고 color의 색상을 정해주면 해당 글자의 색이 바뀌게 된다 글꼴 font-family는 HTML 요소에 사용할 글꼴을 정해준다 텍스트 크기 font-size는 HTML 요소의 텍스트 크기를 정해준다 텍스트 정렬 text-align는 HTML 요소의 가로 텍스트 정렬을 도와줍니다 w3schools - html 공부내용 정리

HTML 단락 HTML 요소는 단락을 정의한다 단락은 항상 새 줄에서 시작하며 브라우저는 자동으로 단락 앞과 뒤에 약간의 공백(여백)을 추가해 준다 브라우저는 페이지가 표시될 때 추가 공백과 줄을 자동으로 제거하여 표시해 준다 HTML 수평규칙 태그는 HTML 페이지에서 콘텐츠를 분리(또는 변경 정의)하는 데 주로 사용된다 는 비어 있는 태그로, 종료 태그가 없어 단독으로 사용한다 HTML 줄 바꿈 태그는 비어 있는 태그로, 종료 태그가 없어 단독으로 사용한다 HTML 태그는 안에 있는 내용을 띄워쓰거나 줄내림을 해서 쓰더라고 보여질때는 한줄에 다 보여지는데 태그는 미리 서식이 지정된 텍스트를 보여주기에 안에 적은 내용 그대로 화면에 보이게 된다 w3schools - html 공부내용 정리

배타적 논리합 배타적 논리합( eXclusive OR, XOR ) → 입력으로 들어온 2개의 값이 서로 다를 때, 참 거짓을 반환하는 연산이다. 위 사진에서는 입력으로 2가지의 값이 들어오고 출력으로는 참, 거짓으로 나타나게 된다. 입력값 → 0 , 0 : 2개의 입력값이 0으로 같으므로 0을 출력( 반환 ) 입력값 → 0 , 1 : 2개의 입력값이 0과 1로 다르므로 1을 출력( 반환 ) 입력값 → 1 , 0 : 2개의 입력값이 1과 0으로 다르므로 1을 출력( 반환 ) 입력값 → 1 , 1 : 2개의 입력값이 1로 같으므로 0을 출력( 반환 ) 위 사진은 배타적 논리합 연산의 예이다. 숫자 5와 7을 이진수로 변환하게 되면 각각 101 , 111 로 변환이 된다. 숫자 3과 10을 이진수로 변환하게 ..

HTML 종료 태크 주의사항 → 태그로 시작을 해서 내용을 적은뒤 종료 태그를 입력하지 않아도 출력이 가능하지만 권장되지 않는다 HTML 제목 주의사항 검색 엔진은 제목을 사용하여 웹 페이지의 구조와 콘텐츠를 인덱싱한다 그리고 사용자는 종종 제목으로 페이지를 훑어본다 따라서 문서 구조를 표시하려면 제목을 사용하는 것이 중요하다 ※ 제목에만 HTML 제목을 사용할것!! ※ ※ 제목을 사용해 텍스트를 크게 또는 굻게 하지 말것!! ※ HTML 속성 모든 HTML 요소는 속성을 가질 수 있다 속성은 요소에 대한 추가 정보를 제공해준다 속성은 항상 시작 태그 에 지정된다 속성은 일반적으로 name="value" 와 같은 이름/값 쌍으로 제공된다 너비 및 높이 속성 → width와 height 은 각각 픽셀 단위..