HTML, CSS
-
(17)CSS_인라인스타일HTML, CSS 2023. 3. 29. 17:36
CSS 인라인 스타일 예제 사용하는 태그에 관한 문법 설명은 아래 링크로 가서 확인 가능하다. https://jm-rograming.tistory.com/54 (15)CSS_기본 문법 CSS(Cascading Style Sheets) 웹 페이지의 특정 요소 또는 그룹에 적용할 스타일 그룹을 지정하는 규칙을 정의하는 언어 ✔ 참고 MDN: https://developer.mozilla.org/ko/ MDN Web Docs The MDN Web Docs site provides information a jm-rograming.tistory.com DOCTYPE html> 인라인 스타일 인라인 스타일 HTML 요소 내부에 style 속성을 사용하여 적용하는 방법
-
(16)CSS_CSSHTML, CSS 2023. 3. 29. 17:35
CSS 사용법 사용하는 태그에 관한 문법 설명은 아래 링크로 가서 확인 가능하다. https://jm-rograming.tistory.com/54 (15)CSS_기본 문법 CSS(Cascading Style Sheets) 웹 페이지의 특정 요소 또는 그룹에 적용할 스타일 그룹을 지정하는 규칙을 정의하는 언어 ✔ 참고 MDN: https://developer.mozilla.org/ko/ MDN Web Docs The MDN Web Docs site provides information a jm-rograming.tistory.com DOCTYPE html> CSS h2{ text-align: center; font-size: 50px; color: darkblue;} p{ text-align: center..
-
(15)CSS_기본 문법HTML, CSS 2023. 3. 28. 17:40
CSS(Cascading Style Sheets) 웹 페이지의 특정 요소 또는 그룹에 적용할 스타일 그룹을 지정하는 규칙을 정의하는 언어 ✔ 참고 MDN: https://developer.mozilla.org/ko/ MDN Web Docs The MDN Web Docs site provides information about Open Web technologies including HTML, CSS, and APIs for both Web sites and progressive web apps. developer.mozilla.org CSS 문법 HTML 문서 사이에 요소를 사용하여 적용하는 방법 3. 외부 스타일 웹사이트 전체의 스타일을 하나의 파일에서 변경할 수 있도록 적용하는 방법 ✔ rel 현재 ..
-
(14)HTML_디스플레이HTML, CSS 2023. 3. 27. 15:08
폼태그를 이용하여 홈페이지에 입력하는 블록을 만들 수 있다. 아래 링크에서 각 요소에 관한 설명을 볼 수 있다. https://jm-rograming.tistory.com/44 (6)HTML_기본문법 하이퍼 링크 - 다른 페이지 또는 사이트로 연결하는 링크(문자 또는 이미지) - 인라인 태그 링크에 사용할 문자 또는 이미지 ✔호스팅 서버 컴퓨터의 전체 또는 일정 공간을 이용할 수 있도록 임 jm-rograming.tistory.com DOCTYPE html> 디스플레이 디스플레이 1. span 태그 영역 입니다. div 태그 영역
-
(13)HTML_폼태그HTML, CSS 2023. 3. 24. 16:42
폼태그를 이용하여 홈페이지에 입력하는 블록을 만들 수 있다. 아래 링크에서 각 요소에 관한 설명을 볼 수 있다. https://jm-rograming.tistory.com/44 (6)HTML_기본문법 하이퍼 링크 - 다른 페이지 또는 사이트로 연결하는 링크(문자 또는 이미지) - 인라인 태그 링크에 사용할 문자 또는 이미지 ✔호스팅 서버 컴퓨터의 전체 또는 일정 공간을 이용할 수 있도록 임 jm-rograming.tistory.com DOCTYPE html> 폼 태그 폼 태그 아이디: 비밀번호: 성별: 남자 여자 취미: 운동 음악감상 영화감상 게임 등산 나이: 주민번호: 첨부파일: 직업: 프로그래머 공무원 전문직 학생 취준생 자기소개 이메일: 웹사이트: 휴대폰번호: 생년월일: 좋아하는 숫자: 좋아하는 색..
-
(12)HTML_iframeHTML, CSS 2023. 3. 24. 16:40
iframe을 이용해 홈페이지에 원하는 결과를 띄워볼 수 있다. 아래 링크를 통해 각 요소에 관한 설명을 볼 수 있다. https://jm-rograming.tistory.com/44 (6)HTML_기본문법 하이퍼 링크 - 다른 페이지 또는 사이트로 연결하는 링크(문자 또는 이미지) - 인라인 태그 링크에 사용할 문자 또는 이미지 ✔호스팅 서버 컴퓨터의 전체 또는 일정 공간을 이용할 수 있도록 임 jm-rograming.tistory.com DOCTYPE html> 아이프레임 아이프레임 하이퍼 링크 연습(새탭) 하이퍼 링크 연습(iframe) 하이퍼 링크 연습 iframe을 누르면 서브로 만든 페이지로 띄워준다.
-
(11)HTML_테이블만들기2HTML, CSS 2023. 3. 24. 16:35
홈페이지에 테이블 만들기를 해보자 아래 링크를 통해 각 요소에 대한 설명을 볼 수 있다. https://jm-rograming.tistory.com/44 (6)HTML_기본문법 하이퍼 링크 - 다른 페이지 또는 사이트로 연결하는 링크(문자 또는 이미지) - 인라인 태그 링크에 사용할 문자 또는 이미지 ✔호스팅 서버 컴퓨터의 전체 또는 일정 공간을 이용할 수 있도록 임 jm-rograming.tistory.com DOCTYPE html> 테이블 만들기2 table{ width: 600px; border: 1px solid black; } td{ text-align: center; border: 1px solid black; } th{ border: 1px solid black; } 테이블 만들기2 KDT ..
-
(10)HTML_테이블만들기1HTML, CSS 2023. 3. 24. 16:33
홈페이지에 테이블 만들기를 해보자. 아래 링크를 통해 각 요소에 대한 설명을 볼 수 있다. https://jm-rograming.tistory.com/44 (6)HTML_기본문법 하이퍼 링크 - 다른 페이지 또는 사이트로 연결하는 링크(문자 또는 이미지) - 인라인 태그 링크에 사용할 문자 또는 이미지 ✔호스팅 서버 컴퓨터의 전체 또는 일정 공간을 이용할 수 있도록 임 jm-rograming.tistory.com DOCTYPE html> 테이블 만들기1 table{width: 600px; border:1px solid black;} td{border: 1px solid rgb(168, 104, 104);} th{border: 1px solid blue;} 테이블 만들기1 첫번째 셀 첫번째 셀 두번째 셀 ..