[1교시]
UTF-8?
-유니코드를 위한 가변 길이 문자 인코딩 방식 중 하나로, 켄 톰프슨과 롭 파이크가 만들었다.
UTF-8은 Universal Coded Character Set + Transformation Format - 8-bit 의 약자이다.
본래는 FSS-UTF(File System Safe UCS/Unicode Transformation Format)라는 이름으로 제안되었다.
-UTF-8 인코딩은 유니코드 한 문자를 나타내기 위해 1바이트에서 4바이트까지를 사용한다.
HTML 주석?
-<!-- 주석문-->
HTML 태그?
-태그와 속성은 대소문자 구분 없음 <HTML>...</html>
-속성 갑셍 불필요한 공백 문자, HTML5 표준에 어긋남 width=" 100"(x) / width="100"(o)
[2교시]
문단 제목?
-문단 제목(장, 절, 소제목 등) 달기 <h1>, <h6>
툴팁 탈기, title 속성?
-설명문(툴팁)이 출력.
<h1 title="h1태그로 작성하였습니다.">1장 홈페이지</h1>
특수 문자, 기호, 심볼 삽입?
-÷ = ÷
- = 빈칸
-" , " = 큰 따옴표
[3교시]
블록 태그와 인라인 태그?
-블록 태그 : <p>, <h1>, <div>, <ul> (블록 태그는 항상 새 라인에서 출력, 양 옆에 다른 콘텐트를 배치하지 않고 한 라인 독점 사용, 가장 많이 사용되는 블록 태그는 <div>)
-인라인 태그 : <strong>, <a>, <img>, <span> (가장 많이 사용하는 인라인 태그<span>)
[4교시]
메타 데이터?
-데이터를 설명하는 데이터
-사진 데이터의 메타데이터 : 사진 찍은 장소, 시간
-오디오 데이터 : 재생 시간, 채널 수
-이미지 데이터 : 이미지의 폭, 높이, 컬러 해상도
메타 데이터를 담기 위한 태그들?
-<base>, <link>, <script>, <title>, <meta>
<meta> 태그는 다양한 메타 데이터 표현?
-웹 페이지의 저작자, 문자 인코딩 방식, 내용 등
<img>태그?
-<img -src="이미지 파일의 URL"
-alt="문자열"
-width="이미지 폭"
-height="이미지 높이">
-src : 이미지 파일의 URL. 필수 속성.
-alt : 이미지가 없거나 손상되는 등 이미지를 출력할 수 없는 경우 출력되는 문자열. 필수 속성.
-width : 이미지가 출력되는 너비로, 생략되면 원본 이미지의 폭. 픽셀 수.
-height : 이미지를 출력되는 높이로, 생략되면 원본 이미지의 너비. 픽셀 수.
[5교시]
리스트 만들기?
-리스트는 데이터를 나열할 때 사용되며 종류는 3가지
-1.순서 있는 리스트(ordered list) : <ol></ol>
-2.순서 없는 리스트(unordered list) : <ul></ul>
-3.정의 리스트(definition list) : <dl></dl>
-리스트의 각 아이템은 <li> 태그를 사용하며 </li>는 생략할 수 있다.
-아이템을 나타내는 마커(maker)가 출력된다.
[6교시]
표 만드는데 사용되는 태그들?
-<table> : 표 전체를 담는 컨테이너
-<caption> : 표 제목
-<thead> : 헤딩 셀 그룹
-<tfoot> : 바닥 셀 그룹
-<tbody> : 데이터 셀 그룹
-<tr> : 행. 여러 <td>, <th> 포함
-<th> : 열 제목(헤딩) 셀
-<td> : 데이터 셀
-<caption>은 <table>에 반드시 '첫 번째'로 삽입
하이퍼링크?
-HTML 페이지에서 다른 HTML 페이지를 연결하는 고리를 '하이퍼링크(hyperlink)' 라고 부른다
target 속성?
-연결된 사이트에 target="_blank" 연결시 새탭에서 열림
[7교시]
인라인 프레임 <iframe>?
-HTML 페이지 내에 HTML 페이지 삽입
-예) 200x150 크기의 인라인 프레임에 iframe.html 출력
<iframe src="iframe1.html" width="200" height="150">
브라우저는 iframe 태그를 지원하지 않습니다.
</iframe>
<iframe> 태그?
-<iframe src="URL"
srcode="HTML 문서 텍스트"
name="윈도우 이름"
width="프레임의 폭"
height="프레임의 높이">
iframe 태그를 다루지 않는 브라우저에 의해 대신 출력되는 텍스트
-src : 출력할 웹 페이지의 URL 주소
-srcdoc : 직접 HTML 태그로 작성된 텍스트로서 출력될 내용
-name : 프레임 윈도우의 이름. 다른 웹 페이지에서 target 속성 값으로 사용
-width : 프레임의 폭. 픽셀 값. 디폴드 300
-height : 프레임의 높이. 픽셀 값. 디폴트 150
태그 사용이 많아 코드블럭 처리
갓 프로그래밍에 입문