-
HTML 기본 개념개발일지/웹프로그래밍 2021. 12. 22. 19:38
HTML 이란
Hyper Text Mark up Language의 약자로 웹사이트에서 구조를 맡고 있다.
HTML과 더불어 CSS, javascript와 함께 웹사이트를 만들기 위한 필수 요소이다.
HTML의 기본 구조는 태그로 되어있다는 점인 데 크게 태그는 <>를 말하며 내부에는 지정된단어들이 들어간다.
대부분의 경우는 짝을 이루어서 존재하고 2번째로 오는 곳에는 </> 슬래시를 포함하여 작성한다.
가장 크게 부분을 나눈다면
<head> 설정 작성 </head> <body> 내용 작성 </body><head> 태그와 <body> 태그이다.
<head> 는 html의 설정값, 인코딩 종류, 링크관리, 모양, 함수 등등 미리 설정해줘야하는 태그들 및 내용이 들어간다.
<body> 는 실제 내용물이 들어간다. 웹사이트를 보게되면 보이는 박스라던가 라벨, 이름, 문장, 단어 등등이 이에 포함된다.
기본으로 사용되는 태그들에는
<div> 구역을 나누는 태그 (가장 많이 쓰임) </div> <h1>제목줄을 표시하는 태그</h1> <p> 한 문장을 표시하는 태그</p> <input> 버튼을 만들거나 입력받는 태그 <button> 버튼을 만드는 태그 </button> <img> 이미지를 넣는 태그 <a href = ''> 하이퍼링크를 나타내는 태그 </a> <ul> Unordered list의 약자로 순서가 없는 리스트 </ul> <li> 순서가 있는 리스트 </li> <talble> 테이블(표)을 시작하는 태그 <th> 테이블의 제목 및 상단을 설정할 수 있는 table head 태그 </th> <tb> 실제 테이블의 데이터가 쌓이는 태그 <tr> 한 가로줄을 정의한 태그 <td> table data의 약자로 실제 태이블안에 표에 들어가는 값</td> <td></td> </tr> </tb> </table>이외에도 매우 많은 양의 태그들이 존재하고 이를 다외워서 사용하기 보단 필요할때 적절히 사용하는게 좋다.
주로 div를 자주 쓰며 이후에 나올 CSS와 부트스트랩을 통해 거의 거진 많이 사용된다.
우선 대략적인 구조를 알아야 웹사이트를 만들 수 있기 때문에 필수적인 요소이다.
'개발일지 > 웹프로그래밍' 카테고리의 다른 글
JavaScript 기본 (0) 2021.12.22 CSS 기본 내용 (0) 2021.12.22