HTML5 (1)
<HTML5 지원범위 (HTML의 표준)>
-완전한 CSS3 지원
-비디오와 오디오 지원
-2D/3D 그래픽 지원
-로컬 저장소 지원
-로컬 SQL 데이터베이스 지원
-웹 애플리케이션 지원
<HTML5 요소 및 속성, 태그문>
[텍스트]
-특별한 태그없이 <body>...</body> 안에서 표시할 수 있다.
-html 밖에 글씨를 써도 인식하여 보여주지만 구분이 안 되므로 사용하지 않음.
-단락을 생성하지 않으면 모든 텍스트가 연결되어서 하나의 긴 줄로 표시된다.
-글씨 스타일색상 지정가능하지만 CSS에서 하는 것을 권장.
[단락] : <p></p>
-단락(Paragraphs) : 기본적으로 단락 위, 아래에 빈 줄이 추가되어 있음.
[줄바꿈] : <br>
-강제 줄바꿈태그, 앤드태그없이 사용
[수평선] : <hr>
-수평선, 구분선, 앤드태그없이 사용
[입력한 그대로 화면에 표시] : <pre></pre>
[헤딩(heading)] : <h1></h1> ~ <h6></h6>
-웹 페이지의 헤드라인
-볼드체(굵게) 표시되고 h1부터 h6까지 글씨크기가 작아짐
[특수문자] : &내용;
-<, > 와 같은 문자를 화면에 표시하기 위하여 필요
-인터넷에 html특수문자를 검색하면 많은 특수문자들의 명령어가 나와있음
[리스트] : <ol>, <ul>, <dt>
-<ol> / <li>: 1. 번호리스트, <li>내용</li>
-<ul> / <li> : • 리스트, <li>내용</li>
-<dt> / <dd> : 정의 리스트, 타이틀(dt), 내용들여쓰기(dd)
[링크 - a(anchor)사용] : <a href="주소">화면에서 클릭</a>
-이메일 링크 : <a href="mailto:메일주소">메일주소</a>
[타겟 - 링크클릭 시 페이지] : <a href="주소" target="타겟속성">화면에서 클릭</a>
-"_blank" : 새로운 윈도우에서 새페이지 열기
-"_self" : 현재 윈도우 위에서 열기
[아이디 - id] : <p id="아이디">아이디를 가지는 텍스트</p>
-단락 말고도 헤딩이나 하이퍼링크에도 아이디 적용가능
-만약 같은파일 내 id로 하이퍼크할 시 링크 주소에 아이디를 적고 '#' 붙임 ( <a href="#아이디">화면에서 클릭</a> )
[이미지 - <img>] : <img src="이미지" alt="이미지가 표시되지 않을 때 보여줌">
-앤드테그없이 사용
-이미지 + anchor (상세보기) 사용가능 : 이미지를 클릭했을 때 이미지파일이 열어짐 (' ./ ' : 현재 파일내에 있는 것의 경로)
<a href="./사진.jpg"><img src="./사진.jpg" alt="사진" width="100"></a>
[테이블 - <table></table>] : <tr> , <th>, <td>, border, rowspan, colspan, <caption>
-<tr> : 테이블 행추가
-<td> : 테이블 열(내용) 추가됨
-<th> : 테이블 열(내용) 추가됨, 테이블헤더(기본 중간정렬, 문자 굵게)
-<table border="1"> : 테이블의 테두리 경계선
-<td rowspan="행 병합 개수">내용</td> : 행 병합
-<td colspan="열 병합 개수">내용</td> : 열 병합
-<caption> : 테이블 제목, 테이블 위 가운데 위치
[HTML 기본세팅]
<!DOCTYPE html> <!-- HTML5 사용 -->
<html> <!-- html 시작태그 -->
<head> <!-- 웹 페이지 헤드라인 -->
<title>page1</title> <!-- 페이지 이름설정 -->
<meta charset="utf-8"> <!-- 한글쓸 때 깨질 수 있기 때문에 기본적으로 설정 -->
</head>
<body> <!-- 웹 페이지 내용 -->
<!-- 요소들 사용하여 웹 페이지 구성 -->
</body>
</html> <!-- html 끝태그 -->