<![CDATA[
<div class="figure-file" data-ke-type="file" data-file-src="https://t1.daumcdn.net/cafeattach/1KsGR/a8c4ac774fda1513fb552aa20c04cf3337de3ffb?download" data-file-name="0826.zip" data-file-size="2812" data-mimetype="application/x-zip-compressed" data-ke-align="alignCenter"><a href="javascript:checkVirus('grpid%3D1KsGR%26fldid%3DVNYl%26dataid%3D1%26fileid%3D1%26regdt%3D20240826215527&url=https%3A%2F%2Ft1.daumcdn.net%2Fcafeattach%2F1KsGR%2Fa8c4ac774fda1513fb552aa20c04cf3337de3ffb')"><div class="image"></div><div class="desc"><div class="filename"><span class="name">0826</span><span class="type">.zip</span></div><div class="size">2.75KB</div></div></a></div><p> </p><p> </p><p>HTML5 <br>웹사이트의 구조를 담당합니다. 문서에 제목, 문단, 표, 이미지, 동영상등을 정의하고 의미를 부여하는 언어입니다. <br><br>CSS <br>웹사이트의 실제 표시되는 방법(색상, 크기, 폰트, 레이아웃 등) 지정해서 HTML 문서를 시각적으로 만들어주는 언어입니다. <br><br>JavaScript <br>컨텐츠 내용을 바꾸고 움직이는 페이지등을 만들기 위해 동적으로 프로그래밍 하는 언어입니다. <br><br>jQuery <br>오픈소스 기반의 자바스크립트 라이브러리입니다. 자바스크립트 언어를 쉽게 활용할 수 있도록 해줍니다. <br><br>--------------------------------------------- <br><br>Php <br>서버쪽에서 실행되는 프로그래밍 언어이며, HTML 코드를 프로그래밍적으로 생성합니다. <br><br>Node.js <br>확장성 있는 네트워크 애플리케이션(서버 사이드) 개발에 사용되는 소프트웨어 플랫폼입니다. <br><br>--------------------------------------------- <br><br>React.js <br>웹 애플리케이션의 사용자 인터페이스를 만들기 위해 사용하는 오픈소스 기반의 자바스크립트 프레임워크입니다. 고성능의 싱글페이지 애플리케이션(SPA)를 구축하는데 사용합니다.</p><p> </p><p> </p><p>HTML은 태그 형태로 괄호(<명령어>)를 사용하여 표현합니다. <br><명령어> : 시작 태그 <br></명령어> : 종료 태그 <br><br><html> : 시작 태그 <br></html> : 종료 태그 <br><br>* HTML은 문서를 작성할 수 있는 곳이면 어디든지 작성이 가능합니다. <br>* 확장명은 .html입니다. <br>* HTML은 대소문자를 구별하지 않습니다. 단 소문자로 작성하는 것을 권장합니다. <br>* HTML은 띄어쓰기, 줄바꿈을 구별하지 않습니다. <br><br>HTML의 특수 문자 <br>(개행) : <br> <br>< : &lt; <br>> : &gt; <br>(띄어쓰기) : &nbsp;</p><p> </p><p> </p><p>HTML의 주석 <br>HTML 문서에 영향을 주지 않는 설명을 기술하는 구간을 주석문이라고 합니다. HTML 문서의 주석은 <!-- 로 시작해서 --> 끝납니다. <br><br>문단 태그 <p> <br>문단이란 내용상 끊어서 구분할 수 있는 부분을 의미하고 <p> 태그를 이용하여 표현합니다. <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> <br><br>* 검색엔진은 각 웹사이트의 내용을 <h> 태그를 통해 키워드를 수집합니다. 따라서 HTMl 문서에 포함되는 제목은 <h> 태그로 작성하면 검색엔진에 노출되는 확률을 높일 수 있습니다. <br><br><br>서식 태그 <strong>, <em>, <mark>, <del>, <ins>, <sup>, <sub> <br><strong> <br>텍스트를 굵게 표현하고 싶을 때 사용합니다. <b>와 표현이 동일하지만 사용 용도가 다릅니다. <b> 태그는 단순히 텍스트를 진하게 표시하는 역할만 하지만 <strong> 태그는 단순히 보여지는 강조가 아닌 실제로 페이지 내에 주용한 부분을 브라우저에게 알려주는 역할을 합니다. <br><em> <br>텍스트를 이탤릭체로 표현하고 싶을 때 사용합니다. <i> 태그와 표현이 동일하지만 사용 용도가 다릅니다. <i> 태그는 단순히 텍스트를 이탤릭체로 표시하는 역할만 하지만 <em> 태그는 텍스트를 이탤릭체로 변환하고 그 내용이 중요하다는 의미도 함께 포함해줍니다. <br><mark> <br>텍스트에 하이라이팅(형광) 효과를 적용시켜줍니다. <br><del> <br>텍스트 중앙에 가로줄을 만들어 텍스트를 지운 것과 같은 효과를 줍니다. <br><ins> <br>텍스트 밑에 선을 그어 텍스트의 강조 효과를 줍니다.</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) <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>
<!-- -->
]]>
카페 게시글
프론트엔드2408
0826 html구조,텍스트 태그, 리스트태그, 테이블
삐돌이
추천 0
조회 66
24.08.26 21:55
댓글 0
다음검색
