AND_END

* HTML class * : HTML class 속성은 동일한 클래스 이름을 가진 요소에 대해 동일한 스타일을 정의하는데 사용됩니다. 따라서 동일한 class 속성을 가진 모든 HTML 요소는 동일한 형식 및 스타일을 갖습니다. EX) .cities { background-color: black; //배경 색 : black color: white; //글자 색 : white margin: 20px; //상하 좌우 모두 20px의 간격 (바깥쪽 여백) padding: 20px; //상하 좌우 모두 20px의 간격 (안쪽 여백) } // cities의 이름을 가진 클래스 사용 런던 London is the capital of England. // cities의 이름을 가진 클래스 사용 파리 Paris is..

5. HTML style 속성 HTML 요소의 스타일 속성은 style 속성을 사용하여 수행 할 수 있습니다. style 속성의 구문은 다음과 같습니다. HTML 배경색 : background-color 속성은 HTML 요소의 배경 색을 정의합니다. EX) 안녕하세요. 배경색 = powderblue 입니다 실행 결과 HTML 텍스트 색상: color 속성은 HTML 요소의 텍스트 색상을 정의합니다.EX) 텍스트 색상 실행 결과 HTML 글꼴: font-family 속성은 HTML 요소에 사용할 글꼴을 정의합니다. EX) 글꼴: verdana 이 글꼴은 courier 실행 결과 HTML 텍스트 크기: font-size 속성은 HTML 요소의 크기를 정의합니다. EX) 텍스트 크기 300% 텍스트 크기 16..

2. HTML 편집기 HTML의 코딩 환경 준비 코딩을 하기 위해서는 에디터(Editor)라는 프로그램이 필요합니다. 각자의 운영체제에는 이미 에디터가 준비되어 있습니다.-윈도우 : 메모장-맥 : 텍스트 편집기-리눅스 : gedit, nano, vim 각각의 운영체제가 있지만 윈도우에 대해서 하도록 하겠습니다. *우선, 가장 기본적인 방법으로 메모장을 엽니다.메모장안에 html 코드를 입력 후 '제목.html' 로 저장을 해줍니다. EX) My First Heading My first paragraph. 이렇게 메모장에 입력 후 저장을 합니다. 저장 된 파일을 마우스 오른 쪽 버튼을 클릭 후 "연결 프로그램"을 선택 후 원하는 웹 브라우저를 선택합니다.그러면, 원하는 웹 브라우저에서 아래와 같은 결과가 ..