오늘은 추석 당일이다.
그래서 오늘은 그동안 잊고 있었던 책을 다시 처음부터 쓱 보면서 리마인드 하기로 결정 ~ (다른 공부가 더 시급.. ㅠ_ㅠ)
<html>
<head>
//문서의 제목 및 정보를 담고있는 영역입니다.
//meta 테그 요소로는 css 파일 정보와 js 파일 정보를 갖고 있습니다.
//head 요소는 html 문서의 필수요소입니다.
<title></title>
</head>
<body>
//컨텐츠 영역
<div>
컨텐츠 입니다.
</div>
</body>
</html>
<h1></h1>(heading)
* 1 ~ 6 까지 총 6단계의 속성이 있으며, 단락의 제목을 정의하는데 주로 쓰인다.
<p></p>(paragraph)
* 문서의 단락을 나눌 때 사용하며, 위의 h 테그와 같이 이용하기 좋다.
<div></div>(division)
* 문서의 단락을 나눌 때 p 테그를 이용했다면 div 테그는 그 모든것을 담고있는, 영역을 나눌 때 주로한다.
* 물론 div 영역 안에서도 여러 영역으로 나누어 사용할 수 있다.
* <div>
<h1>제목입니다.</h1>
<p> 첫번째 단락입니다.</p>
</div>
<ol><li></li></ol>(order list, list item)
* 문서의 앞뒤 관계가 중요한, 순서가 필요한 아이템들을 정렬할 때 사용하는 테그이다.
* type 으로는 1(기본), a, A, i, I 총 5가지가 있으며, 숫자, 알파벳, 로마숫자로 구성된다.
* type 외 속성으로는 start 의 속성으로 초기값을 설정할 수 있다.
* <ol type="1" start="100">
<li>안녕하세용</li>
<li>히둥입니다.</li>
</ol>
<ul><li></li></ul>(un order list)
* 순서가 필요없고, 앞뒤 관계가 필요없는 정보들을 나열할때 사용하는 테그이다.
* type 으로는 circle disc square 흰 동그라미, 검정 동그라미, 검정 사각형이 있다.
* <ul type="square">
<li>안녕하세용</li>
<li>히둥입니다.</li>
</ul>
<dl><dt></dt><dd></dd></dl>(definition list, definition term, definition description)
* 어떤 단어의 의미를 부여하고 정의를 내릴 때 사용하는 태그
* dl 태그로 정의 후, dt 태그를 이용하여 서술에 대한 제목정의 후, dd 태그로 서술한다.
* <dl>
<dt>dt 제목 정의</dt>
<dd>이것은 연습입니다.</dd>
</dl>
<a></a>
* 외부또는 내부로 이동을 시키기 위한 링크 태그
* 속성으로는 href="이동 위치", target, title 등이 있다.
* target 속성중 4가지 속성 설명
* 1. _self : target 을 지정하지않았을 때 기본으로 동작한다.
2. _blank : 새창에서 링크 작동
3. _parent 부모의 창에서 새창으로 열리며 부모창이 없을경우 _self 로 동작한다.
4. _top : 가장 상위창에서 열림
* title 속성은 마우슬를 올렸을 때 링크의 설명 툴팁 형태로 표기된다.
<pre></pre>
* 입력 한 그대로 텍스트가 화면에 표기된다.
* html 문서의 띄어쓰기를 아무리 많이해도 브라우저가 해석할때 하나의 띄어쓰기로 해석하지만, 이때 pre 태그는 모든 띄어쓰기를 인정.
<span><span>
* div 태그와 반대로 영억이 나누어지지 않은 태그이다. 컨텐츠 표기할때 사용.
<img/>
* 이미지를 표기하기위한 태그이며,
* 속성으로는 src="이미지 경로 표기"
* alt 속성 필수
<select><option></option></select>
* 드롭박스 형태를 만들 때 사용하는 태그
<textarea></textarea>
* input type="text" 와 다르게 대용량의 텍스트를 입력할 수 있다.
<form>,/form>
* 모든 태그를 담을 수 있는 태그이며 서버로 데이터를 전송할 때 사용한다.
* method 속성을 이용하여 서버로 데이트를 어떤 방식으로 전송할 지 정의
* action 속성을 이용하여 어느 서버에서 데이터를 처리할 지 주소를 정의한다.
<input/>
* type 으로는 button, submit, text, password, checkbox, radio, reset 속성이 있다.
* button : input 속성을 버튼처럼 사용할 수 있으며, 버튼의 이름은 value 로 정의한다.
* submit : submit type 의 input 속성이 포함된 form 요소를 서버로 데이터를 전송할수있는 버튼으로 사용
* text : 텍스트를 입력할 수 있는 공간을 제공
* password : 비밀번호를 입력할 때 사용하며, 표기된 비밀번호는 화면에서 * 로 표기된다.
* checkbox : 체크박스를 만든다.
* radio : 라디오 버튼을 만든다.
* reset : 이 속성은 초기화 속성으로 해당 속성이 포함되어있는 form 태그 안의 모든 input 속성을 초기화한다.
<table<tr><td></td></tr></table>
* 테이블을 정의한다.
이정도로만 정리해두고 다음 단계로 넘어 가도록해야겠다.
뒤로 갈수록 힘들고.. 힘들다.
댓글