<!DOCTYPE html> : 최초의 선언문
<h1..h2..h3></h1../h2../h3> : 제목으로 사용함. 큰 글씨가 나옴. h뒤 숫자가 커질수록 글씨 크기 줄어듬.(텍스트 확대)
<p></p> : 글 내용을 적는 곳.
<a></a>: 콘텐츠와 연결하기 위해 사용.
<div></div> : 텍스트나 다른 HTML 요소를 포함할 수 있음.
<ul></ul> : Unordered list 정렬되지 않은 리스트
<ol></ol> : Ordered list 정렬된 리스트(순서 있는, 숫자 있는)
<li></li> : list. ul이나 ol 리스트 안에서 사용된다. 내용을 씀.
<img src = "" /> : 이미지를 표현하게 할 수 있음.
<img src = "#" alt= "" / > : alt 기능. 영상이나 이미지를 웹 페이지에 로드 하지 못할 경우, 그 주소를 불러옴.
<video src ='' width="" height="" controls> Video not supported : 비디오 업로드 가능.(controls 있으면 영상 재생 가능하게 버튼 뜸.)
<a href="">Linking Out</a> : 웹 주소를 href에 넣고 Linking Out 부분이 빈 공간인데 이 공간에 쓰고 싶은 타이틀을 쓰면 그 글에 하이퍼 링크가 걸린다.
target=_blank : 현재 창에서 접속하는 것이 아니라 새로운 창에서 뜨게 한다.
사용 예) <a href="xxx.xx" target="_blank">BAKA</a> BAKA를 누르면 새로운 창이 뜸.
상대 경로: ./index.html : ./ 폴더 안에 있는 index.html 파일을 불러온다.
절대 경로: full url, http://codecademy.com/learn/index.html
div id를 주소에 #과 같이 넣어주면 introduction이라는 단어를 누를 때 그 페이지 쪽으로 가게 해준다.
div id 적는 곳 단어
<li>< a href="#introduction">introduction</a></li>
<div id="introduction">
<table></table>: 얘 안에서 테이블 관련된 명령어 수행 가능
<thead></thead>: table의 머리
<tbody></tbody>: table의 몸
<tfoot></tfoot>: table의 발
<tr></tr>: 행(rows)을 추가한다. 1행 2행 3행 등등
<th></th>: 제목 셀(열). 표 머리글
<td></td>: 내용 셀(열)
<td rowspan="합칠 행의 개수">내용</td>: 행이 서로 다른 n개의 셀을 병합
<td colspan="합칠 열의 개수">내용</td>: 열이 서로 다른 n개의 셀을 병합
<!-- 주석 처리할 내용 -->: 주석
<style></style> 태그 사용법 예)
<style>
table, th, td {
border: 1px solid black;
font-family: Arial, sans-serif;
font-size: 18px;
text-align: center;
} </style>
부모 자식 개념 잘 확인하고 있기.
CSS 사용법 3가지 정리: http://ingorae.tistory.com/1692
CSS FONTS 글꼴 설정: http://nimolove.tistory.com/101
Cyberworld
Everything is connected, connection is power.