<![CDATA[
<p>HTML5 <br>웹사이트의 구조를 담당합니다. 문서에 제목, 문단, 표, 이미지, 동영상등을 정의하고 의미를 부여하는 언어입니다. <br><br>CSS <br>웹사이트의 실제 표시되는 방법(색상, 크기, 폰트, 레이아웃 등) 지정해서 HTML 문서를 시각적으로 만들어주는 언어입니다. <br><br>JavaScript <br>컨텐츠 내용을 바꾸고 움직이는 페이지등을 만들기 위해 동적으로 프로그래밍 하는 언어입니다. <br><br>jQuery <br>오픈소스 기반의 자바스크립트 라이브러리입니다. 자바스크립트 언어를 쉽게 활용할 수 있도록 해줍니다.</p><p> </p><p>-------------------------------------------------------------------------------------------------------------------------------------------------------------------------</p><p> </p><p> </p><p> </p><p>HTML(Hyper Text Markup Language) <br><br>웹 표준 <br>웹에서 사용되는 표준 기술이나 규칙을 의미하며, W3C권고안에 나온 기술들이 여기에 해당합니다. 이 표준 기술들을 기준으로 웹 브라우저들이 만들어지는데, 브라우저를 만드는 업체에서 표준 기술을 해석하는 차이, 새로운 기술 사입등으로 조금 다르게 구동되는 브라우저가 생기게 됩니다. <br><br>크로스 브라우징 <br>여러 브라우저에서 동일한 사용자 경험을 줄 수 있도록 하는 기술, 방법등을 의미합니다. 대부분의 브라우저는 최대한 웹 표준을 준수해서 제작하지만 MSIE 브라우저는 표준화가 쉽지 않은 브라우저입니다. 그래서 IE에서도 동작하는 것을 보통 크로스 브라우징이라고 부르기도 합니다. <br><br>웹 접근성 <br>정상적인 웹 컨텐츠 사용이 가능한 일반 사용자부터 고령자, 장애인 같은 신체적, 환경적 조건에 제한이 있는 사용자를 포함해 모든 사용자들이 동등하게 접근할 수 있도록 웹 컨텐츠를 제작하는 방법을 말합니다.</p><p> </p><p>-------------------------------------------------------------------------------------------------------------------------------------------------------------------------</p><p> </p><p>HTML은 태그 형태로 괄호(<명령어>)를 사용하여 표현합니다. <br><명령어> : 시작 태그 <br></명령어> : 종료 태그 <br><br><html> : 시작 태그 <br></html> : 종료 태그 <br><br>* HTML은 문서를 작성할 수 있는 곳이면 어디든지 작성이 가능합니다. <br>* 확장명은 .html입니다. <br>* HTML은 대소문자를 구별하지 않습니다. 단 소문자로 작성하는 것을 권장합니다. <br>* HTML은 띄어쓰기, 줄바꿈을 구별하지 않습니다.</p><p> </p><p>HTML의 주석 <br>HTML 문서에 영향을 주지 않는 설명을 기술하는 구간을 주석문이라고 합니다. HTML 문서의 주석은 <!-- 로 시작해서 --> 끝납니다. <br><br>  <br>제목 태그 <h> <br>HTML은 제목을 표현할 수 있는 다양한 크기의 <h> 태그를 제공합니다. 가장 큰 <h1> 태그부터 가장 작은 <h6> 태그까지의 크기로 제목을 표현할 수 있습니다. <br><br><h1>제목</h1> <br><h2>제목</h2> <br><h3>제목</h3> <br><h4>제목</h4> <br><h5>제목</h5> <br><h6>제목</h6></p><p> </p><p>문단 태그 <p></p></p><p>문단이란 내용상 끊어서 구분할 수 있는 부분을 의미하고 </p><p> 태그를 이용하여 표현합니다.</p><p> </p><p> </p><p><br>이미지 태그 <img/></p><p><img src="이미지가 위치하는 주소 또는 파일경로(파일명)" alt="이미지를 대체할 문자"></p><p><br>jpg(jepg) <br>압축률이 훌륭하여 사진이나 예술분야에 많이 사용됩니다. <br>- 손실 압축 <br>- 표현 색상(24비트, 약 1600만 색상)이 뛰어나 고해상도 표시장치에 적합 <br>- 가장 널리 쓰이는 이미지 포멧 <br><br>GIF <br>이미지 파일 내에 이미지 및 문자열 같은 정보등을 저장할 수 있습니다. <br>- 비손실 압축 <br>- 8비트(256색상) 컬러만 지원 <br>- 여러장의 이미지를 한 개의 파일에 저장할 수 있음(움짤, 애니메이션) <br><br>PNG <br>GIF의 대체 포멧으로 개발되었습니다. <br>- 비손실 압축 <br>- 8비트, 24비트 컬러 이미지 처리 <br>- W3C 권장 포멧 <br>- 알파 채널 지원(투명도) <br><br>WEBP <br>JPG, PNG, GIF를 모두 대체할 수 있는 구글이 개발한 이미지 포멧입니다. <br>- 완벽한 손실 / 비손실 압축 지원 <br>- GIF 같은 애니메이션 지원 <br>- 알파 채널 지원(손실, 비손실 모두) <br>- 완벽한 포멧</p><p> </p><p>* 파일 경로 작성 방법 <br>1. 절대 경로 <br>고유한 경로입니다. http:// https:// <br>D:\Ryuzy\HTML\Day3\cat1.png (file 경로는 사용하지 않음) <br><br>2. 상대 경로 <br>이미지를 삽입할 HTML 문서를 기준으로 경로를 사용합니다. <br>1. 이미지가 HTML 문서와 같은 폴더에 있는 경우 -> 파일명 또는 ./파일명 <br>2. 이미지가 images 하위폴더에 있는 경우 -> images/파일명 또는 ./images/파일명 <br>3. 이미지가 상위폴더에 있는 경우 -> ../파일명 <br>4. 이미지가 상위폴더 images에 있는 경우 -> ../images/파일명</p><p> </p><p> </p><p style="text-align: start;">하이퍼 링크 <a><br>하이퍼 링크란 다른 페이지나 사이트로 연결하는 링크(문자 또는 이미지)를 말합니다.<br><br><a href="사이트 또는 이동할 문서의 위치" target="타깃지정">링크에 사용될 문자 또는 이미지</a><br>예)<br><a href="<a href="https://www.naver.com" target="_top" class="ke-link">https://www.naver.com</a>">네이버</a></p><p style="text-align: start;"> </p><p style="text-align: start;">_blank : 연결된 문서나 파일을 새로운 브라우저 창에서 엽니다.<br>_parent : 자신의 프레임보다 한 단계 상위의 프레임으로 문서를 엽니다.<br> _self : 프레임이 나누어져 있든 아니든 자신의 프레임에서 연결된 문서를 엽니다. 지정하지 않으면 기본 값입니다.<br> _top : 프레임으로 나누어져 있는 경우 프레임을 무시하고 전체화면으로 연결 문서를 열 때 사용합니다. 새 창이 열리는 건 아닙니다. 프레임으로 나누어지지 않은 경우에는 _self와 같습니다.</p><p> </p><p> </p><p> </p><p>테이블 <table> <br>테이블이란 여러 종류의 데이터를 보기 좋게 정리하여 보여주는 표입니다. HTML에서는 <table> 태그를 이용하여 표 및 웹사이트의 틀을 작성할 수 있습니다. <br><br>1. <table> 태그로 시작하고 </table> 닫습니다. <br>2. <tr> 태그로 테이블의 각 층을 구성합니다. <br>3. <th> 태그로 각 열의 제목을 나타내고, <td> 태그로 테이블의 셀을 나눠줍니다. <br><br><table> 속성 <br>border : 테이블의 테두리 두께를 설정합니다. (기본 0) <br>width : 테이블의 가로 폭을 설정합니다. <br>height : 테이블의 세로 폭을 설정합니다.  <br>align : 테이블의 정렬을 설정합니다. (left, right, center)</p><p>cellpadding :셀과 테이타 간격</p><p>cellspacing : 각 셀 사이 간격<br><br><tr>, <th>, <td> 속성 <br>width : 셀의 가로 폭을 설정합니다. <br>height : 셀의 세로 폭을 설정합니다. <br>align : 셀의 텍스트 정렬을 설정합니다. (left, right, center) <br><br>colspan 속성 <br>가로로 열을 합칩니다. <br><td colspan="합칠 열의 갯수"> <br><br>rowspan 속성 <br>세로로 행을 합칩니다. <br><td rowspan="합칠 행의 갯수"></p><p> </p><p> </p><p> </p><p> </p>
<!-- -->
]]>
카페 게시글
웹디자인준비(문화)
html 기본
삐돌이
추천 0
조회 25
24.07.24 08:53
댓글 0
다음검색
