BK's Memo: html

2015년 6월 25일 목요일

css

참고 사이트

<head>
<meta charset="utf-8">
<style>
--여기가 CSS 부분, style 테그 안쪽 부분
</style>
</head>

----------------------------------------------------------------

- 반영될 항목 지정

html tag 이름 직접 입력 하는 경우

h1, h2, input {
color: red;
font-size: 10px
text-decoration:underline;
}

//head 태그 하위의 h1에만 적용
header h1{
border: 1px;
border-style: solid;
border-color: red;// transparent는 투명
}

//class="btn_start" 인 것에 적용
.btn_start{
width: 250px;
height: 35px;
font-size: 17px;
}

//id="btn_start" 인 것에 적용
#btn_start{
text-decoration: underline;
}

----------------------------------------------------------------

- css 파일 분리
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/csss" href="http://gsyan.iptime.org:8080/style.css">
--link로 이 문서 외부에 존재하는 style.css문서의 내용을 이곳에 대체 한다는 뜻
-- 중복의 제거, 수정작업 효율성 증대 기대

html

<!DOCTYPE html>
이 html 문서가 어떤 표준안에 따라 작성되었는가를 표현

--------------------------------------------------------------

<head>
이 안에 들어가는 내용들
</head>

<meta charset = "utf-8" /> // 한글이 안깨지게 해줌
<title> 웹 창의 타이틀 </title>

--------------------------------------------------------------

<body>
이 안에 들어가는 내용들
</body>

tag <a>

<a href = "url"> 링크 </a> // 현재 창에서 이동
<a href = "url" target="_self"> 링크 </a> // 현재 창에서 이동
<a href = "url" target="_blank"> 링크 </a> // 새창에서 열기

tag <ol>, <ul>

<ol>
<li>html</li>
<li>css</li>
<li>java</li>
<li>순서필요함 ordered list</li>
</ol>

<ul>
<li>지은호</li>
<li>지은동</li>
<li>순서필요없음 unordered list</li>
</ul>

Tag Reference

--------------------------------------------------------------

Debug
참고사이트

1) 크롬 우측 상단의 메뉴버튼 / 도구 더 보기 / 자바 스크립트 콘솔 -> 오류 메세지 확인

2) apache2 / logs / error.log 를 atom에서 열어서 제일 밑에 있는 최신 에러항목 확인

--------------------------------------------------------------

Escape( 이스케이핑)
&amp -> & (ampersand, &, 앤드 기호)
&lt -> < ( less than )
&gt -> > ( greater then )
&quot -> " ( quatation mark )
&apos -> ' ( apostrophe )

--------------------------------------------------------------

공백문자
&nbsp