| HTML FORM 테그 (0) | 2022.05.19 |
|---|---|
| HTML TABLE, IFRAME (0) | 2022.05.19 |
| 그리드 레이아웃 (0) | 2022.04.02 |
| 뷰포트(viewport), 미디어 쿼리 (0) | 2022.04.02 |
| CSS 고급선택자 - 화면 구성시 가장 참조가 될 듯 하다, 테스트파일 포함 (0) | 2022.04.02 |
출판사 이지스퍼블리싱(이지스퍼블리싱 (easyspub.co.kr))에서 출판한 '한 권으로 끝내는 웹 기본 교과서' HTML+CSS+자바스크립트 웹 표준의 정석에 대한 무료 동영상 강의 입니다.
06-1 CSS의 기본
https://youtu.be/IBMvbL3G1yo?list=PLG7te9eYUi7tS_nx58Z1Zi9Iqt0JEQ1Is
06-2 CSS의 기본
https://youtu.be/QC6e80wLrLU?list=PLG7te9eYUi7tS_nx58Z1Zi9Iqt0JEQ1Is
07-1 텍스트를 표현하는 다양한 스타일
https://youtu.be/-1N3aJ2ExkA?list=PLG7te9eYUi7tS_nx58Z1Zi9Iqt0JEQ1Is
07-2 텍스트를 표현하는 다양한 스타일
https://youtu.be/rJcYXvnWdoQ?list=PLG7te9eYUi7tS_nx58Z1Zi9Iqt0JEQ1Is
08-1 레이아웃을 구성하는 CSS 박스 모델
https://youtu.be/N1splqbPYTo?list=PLG7te9eYUi7tS_nx58Z1Zi9Iqt0JEQ1Is
08-2 레이아웃을 구성하는 CSS 박스 모델
https://youtu.be/tzVYfwA6cec?list=PLG7te9eYUi7tS_nx58Z1Zi9Iqt0JEQ1Is
09-1 이미지와 그러데이션 효과로 배경 꾸미기
https://youtu.be/20T5syAEx9k?list=PLG7te9eYUi7tS_nx58Z1Zi9Iqt0JEQ1Is
09-2 이미지와 그러데이션 효과로 배경 꾸미기
https://youtu.be/EtC6E6K6ibU?list=PLG7te9eYUi7tS_nx58Z1Zi9Iqt0JEQ1Is
10 CSS 고급 선택자
https://youtu.be/EqePYz6ikDs?list=PLG7te9eYUi7tS_nx58Z1Zi9Iqt0JEQ1Is
11-1 트랜지션과 애니메이션
https://youtu.be/STpqz5d9N3U?list=PLG7te9eYUi7tS_nx58Z1Zi9Iqt0JEQ1Is
11-2 트랜지션과 애니메이션
https://youtu.be/mp_pUWesUOU?list=PLG7te9eYUi7tS_nx58Z1Zi9Iqt0JEQ1Is
12-1 반응형 웹과 미디어 쿼리
https://youtu.be/tRVLuDxtrH8?list=PLG7te9eYUi7tS_nx58Z1Zi9Iqt0JEQ1Is
12-2 반응형 웹과 미디어 쿼리
https://youtu.be/5B2sBqlAdYg?list=PLG7te9eYUi7tS_nx58Z1Zi9Iqt0JEQ1Is
12-3 반응형 웹과 미디어 쿼리
https://youtu.be/dSdvumCRwKM?list=PLG7te9eYUi7tS_nx58Z1Zi9Iqt0JEQ1Is
13 자바스크립트와 첫 만남
https://youtu.be/v1mwP4X9zEk?list=PLG7te9eYUi7tS_nx58Z1Zi9Iqt0JEQ1Is
14-1 자바스크립트 기본 문법
https://youtu.be/vZu3xbw1-JA?list=PLG7te9eYUi7tS_nx58Z1Zi9Iqt0JEQ1Is
14-2 자바스크립트 기본 문법
https://youtu.be/u9b1VjdSocQ?list=PLG7te9eYUi7tS_nx58Z1Zi9Iqt0JEQ1Is
14-3 자바스크립트 기본 문법
https://youtu.be/Z3bQjfObI5Y?list=PLG7te9eYUi7tS_nx58Z1Zi9Iqt0JEQ1Is
14-4 자바스크립트 기본 문법
https://youtu.be/TETbGBrzDxQ?list=PLG7te9eYUi7tS_nx58Z1Zi9Iqt0JEQ1Is
15-1 함수와 이벤트
https://youtu.be/Nc1S_rwLekE?list=PLG7te9eYUi7tS_nx58Z1Zi9Iqt0JEQ1Is
15-2 함수와 이벤트
https://youtu.be/G0dUJ9nUhn0?list=PLG7te9eYUi7tS_nx58Z1Zi9Iqt0JEQ1Is
15-3 함수와 이벤트
https://youtu.be/iVcDf1Zkf-0?list=PLG7te9eYUi7tS_nx58Z1Zi9Iqt0JEQ1Is
16-1 자바스크립트와 객체
https://youtu.be/7JQJxq03gbo?list=PLG7te9eYUi7tS_nx58Z1Zi9Iqt0JEQ1Is
16-2 자바스크립트와 객체
https://youtu.be/yFE01Mev_i4?list=PLG7te9eYUi7tS_nx58Z1Zi9Iqt0JEQ1Is
17-1 문서 객체 모델(DOM)
https://youtu.be/XgKc2mIRZ8c?list=PLG7te9eYUi7tS_nx58Z1Zi9Iqt0JEQ1Is
17-2 문서 객체 모델(DOM)
https://youtu.be/j6LPaKWr2fw?list=PLG7te9eYUi7tS_nx58Z1Zi9Iqt0JEQ1Is
17-3 문서 객체 모델(DOM)
https://youtu.be/xYV4ucs5sSA?list=PLG7te9eYUi7tS_nx58Z1Zi9Iqt0JEQ1Is
| 자바스크립트 중급 강좌, 무료강좌 (0) | 2022.02.22 |
|---|---|
| 자바스크립트 DOM & EVENT (0) | 2022.02.22 |
| 자바스크립트 기초 강좌, 무료강좌 (0) | 2022.02.22 |
| 자바스크립트 기초 강좌 : 100분 완성 (0) | 2022.02.22 |
| Do it! 웹 프로그래밍을 위한 자바스크립트 기본 편, 동영상 무료강의 (0) | 2022.02.12 |
초보자를 위한 완벽정리, 프론트엔드 개발자 입문 : CSS, 완벽한 포트폴리오를 위한 지름길 , 너의 웹사이트가 못생겼다면 극건 CSS 탓
HTML에 CSS 입히기
1. 태그에 직접적으로 주는 방법
2. id를 이용하는 방법
3. class를 이용하는 방법 -> 가장 일반적인 방법
CSS
.text-red{
color:red;
}
HTML
<div>This text color will b red</div>
CSS+HTML
<div class="text-red">This text color will be red </div>
replit.com => 온라인 코딩 툴
요소 안쪽에 공간은 padding, 바깥쪽 공간은 margin
www.w3schools.com/cssref/
CSS Reference
W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.
www.w3schools.com:443
-----------------------------------------------------------------------------------------------------------------------------
(부트캠프 강사의 유료강의)코딩, 뭐부터 배울지 모르겠다면 여기부터 시작하면됨, 초보자를 위한 HTML강의, 바로 코딩 가능
| 개발자, 인터넷 강의 사이트 (0) | 2022.01.12 |
|---|---|
| Javascript 공부는 'Head First jQuery' 로 시작해보는 것은 어떨지... (0) | 2022.01.07 |
| 멀티미디어 태그 활용 (0) | 2021.12.27 |
| Form기본태그 (0) | 2021.12.27 |
| TABLE, IFRAME, LAYER 만들기 (0) | 2021.12.25 |
대학교를 졸업한지 약 13년이 지났지만 HTML도 몰라서 다시 시작하기로 했다.
아래의 내용은 http://www.kmooc.kr 에서 강의를 하시는
한동대학교의 김군오 교수님의 'HTML에서 웹앱까지' 라는 수업의 시작 부분이다.
컴퓨터공학과를 나오고 기본적인 HTML도 잘 몰라서 부끄러워서 다시 시작하기로 마음 먹었다.
1.폰트 스타일 지정
<font size="크기" color="RGB값" face="글씨체">텍스트</font>
2.텍스트 형식
<br> 줄바꿈
<p> 문단바꿈: <br>보다 한 줄 더 건너뜀
<pre> 모든 문장 요소를 그대로 반영, 작성한 그대로를 텍스트로 반영
3. 배경 변경
<body bgcolor="#0000FF"> : 배경색 변경
<body background="경로"> : 배경에 그림 삽입
4. 리스트(list)
<li> 목록요소
<ol><li>텍스트</li></old> : 순차 리스트(ordered list)
<ul><li>텍스트</li></ul> : 비순차 리스트(unordered list)
5. 기타
텍스트 텍스트 : 텍스트 사이에 한 칸 띄어쓰기
<blockquote>텍스트</blockquote> : 문단 들여쓰기
<hr width="크기" align="정렬" size="두께"> : 수평선 긋기
<!--텍스트--> : 주석 넣기
<html>
<head>
<title> 김용현의 홈페이지</title>
</head>
<body>
<b> </b>
<blockquote></blockquote>
<hr witdth="200" align="center" size="10" color="#FF0000">
<!-- 주석입니다~-->
</body>
</html>
| Form기본태그 (0) | 2021.12.27 |
|---|---|
| TABLE, IFRAME, LAYER 만들기 (0) | 2021.12.25 |
| HTML, CSS, Javascript 무료 온라인 강의 (0) | 2021.12.23 |
| Visual studio code - extention (0) | 2021.12.23 |
| Javascript 자주 사용하는 함수, 배열함수 7종세트 (0) | 2021.12.23 |
1. HTML/CSS
HTML5+CSS3 웹 표준의 정석 Do it
클릭하세요 HTML 입문+웹디자인
HTML+CSS Java Script
HTML & CSS : 웹사이트 개발과 디자인 기초
웹표준 핵심가이드북2 HTML5 CSS3 (구조 분석을 통한 실전 프로젝트 정복)
2. Javascript
Easy Javascript (프로그래밍 왕초보를 위한 자바스크립트 배우기
JavaScript Cookbook (시간을 절약해주는 자바스크립트 지식 창고)
JAVASCRIPT가 보이는 그림책
HTML+CSS+JAVASCRIPT
| 오라클에서 JDBC 연결 - jsp, java (0) | 2014.05.15 |
|---|---|
| JSP에서 한글처리 (0) | 2014.05.03 |
| 구입해야 할 책들 - JSP, 서블릿 (0) | 2014.04.27 |
| JSP(JavaServer Page)란??? (0) | 2013.02.20 |
| 자바 책들 (0) | 2013.02.20 |
|
