건물에 가장 큰 기둥 : HTML
건물에 들어가는 각종 장신구, 데코레이션 : CSS
건물을 동작시키는 전기공급 : jQuery
<!DOCTYPE html> <- 무조건 쓰는거. 이 문서는 HTML 문서라고 말해주는것.
<html> <- html 문서 시작
<head> <- html 문서 머리 시작
</head> <- html 문서 머리 종료
<body> <- html 문서 몸통 시작
</body> <- html 문서 몸통 종료
</html> <- html 문서 종료
head : html 문서의 속성, 실제로 나오지 않는 부분을 담당
body : 실제로 출력되는 부분.
모든 글자는 <p>(paragraph)로 묶어 주어야한다.
<ul>
<li>문장</li>
<li>문장</li>
</ul>
리스팅 해주는 문법. 메뉴바 등에서 많이 쓰인다. <p>와 <ul>의 차이는 화면으로 보는거에선 없지만, <p>는"문장"이고
<ul>은 리스트를 담을 때 쓴다.
<a></a> 링크를 나타내는 문법
<a href="이동할곳"></a> 로 사용.
<img></img>문법은 "시작"과 "끝"을 다 써주지 않고 <img>만 써주어도 된다.
<img src="이미지파일 위치">
CSS - 꾸미기
div 태그 : 테두리 만들기
css 링크 넣기 -> 구글 검색 . 외부에서 불러오기
<link href="2.css" rel="stylesheet" media="all">
rel = stylesheet : css파일이라는 뜻
media=all : pc나 모바일 어디든 나오게 하라는 뜻
href="2.css" : 2.css 파일을 링크하겠다는 뜻
html - css 파일 연결 필요
->html 태그 하나하나에 이름 붙임
나는 "상단메뉴를 빨간색으로 칠할꺼야!" 라고 css에서 해줘야 함. html에서 뭐가 '상단메뉴' 인지 지정해줌
하나의 태그에 아이디 부여 가능, 아이디는 html파일에서 고유, 하나의 태그는 하나의 아이디. 주민등록번호로 생각.
태그는 알파벳이랑 '-'만 가능(으로 알아둬라)
<div id="my-id"></div>
<p id ="my-second-id"></div>
길이의 단위 : 전부 px
#top-menu{
background-color:red;
height:200px;
}
#16진수 3자리 또는 6자리
검색 -> css link center
'잡동사니' 카테고리의 다른 글
| [코드스터디] 3주차 (0) | 2015.06.25 |
|---|---|
| [코드스터디] 2주차 (0) | 2015.06.25 |
| Linux 기초 2 (0) | 2015.06.24 |
| Linux 기초 1 (0) | 2015.06.24 |
| Linux // SetUID, SetGID, Sticky_Bit (0) | 2015.06.24 |
