오늘은 HTML에 대한 개념 정리 글을 작성해보려합니다.
보통 프론트엔드 개발자라면 HTML를 언어로 생각하지 않거나 등한시하는 경우가 대부분인데요.
은근히 에러가 발생되는 부분 또한 HTML 부분일 가능성도 있고, HTML를 중요시하는 개발자가 점점 늘어나는 추세입니다.
개발자라 할지라도 HTML를 꾸준히 배워할 필요성이 있는 것 같습니다...
(저도 많이 혼나는 중이라 겸사겸사해서 정리해보았습니다 ㅜㅜ)
혹시 틀린 부분이나 고칠 부분에 대해 댓글 부탁 드립니다~
HTML (HyperText Markup Language) : 웹에서 자유롭게 오갈 수 있는 웹 문서를 만드는 언어
Markup : Tag를 사용해 문서에서 어느 부분이 제목이고 본문인지 어느 부분이 사진이고 링크인지 표시
HyperText : 웹 사이트에서 링크를 클릭해 다른 문서나 사이트로 즉시 이동할 수 있는 기능
<!doctype> - 문서 유형을 지정하는 선언문
<html> - 웹 문서 시작을 알리는 태그
<head> - 브라우저에게 정보를 주는 태그
<meta> - 문자 인코딩 및 문서 키워드, 요약 정보
</meta>
</head>
<body> - 실제 브라우저에 표시될 내용
<div> </div>
<table >
<caption>sdfsdfs</caption> - 표에 제목 붙이기
<colgroup> - 여러 열 붂어 스타일 지정하기
<col width="10%">
<col>
</colgroup>
<thead> - 표에 대한 제목부분
<tr>
<colspan><rowspan> - 속성 행 합치기 / 열 합치기
<th>head1</th>
<th>head2</th>
</tr>
</thead>
<tbody> - 표에 대한 본문 부분
<tr>
<td>text1</td>
<td>text2</td>
</tr>
</tbody>
<tfoot> - 요약 부분
<th><th>
<td></td>
</tfoot>
</table>
<ul> - 순서없는 목록 만들기
<li >sdfsd</li>
<li >sddfs</li>
<li >sdf</li>
<li >xcv</li>
<li >xcvsdfs</li>
<li >sdfsd</li>
<li >xcvxc</li>
</ul>
<ol> - 순서 목록 만들기
<li>1.dsff</li>
<li>2.sdfdsf</li>
</ol>
<dl> -설명 목록 만들기
<dt>ddf</dt>
<dd>sdfs</dd>
</dl>
<form>
<input type="text" id="" name="" value="" />
<input type="hidden" id="" name="" value="" />
(사용자는 보이지 않지만 폼을 서버로 전송할 때 서버로 함께 전송되는 요소)
<input type="radio" />
<input type="checkbox" />
<select> - 드롭다운 목록 만들기
<option > </option>
</select>
<textarea> </textarea> - 여러 줄 입력하는 텍스트 영역 만들기
</form>
</div>
</body>
</html>
'JAVASCRIPT & JQUERY' 카테고리의 다른 글
| 시간을 지연 시켜주는 함수 setTimeout (0) | 2020.06.17 |
|---|---|
| 제어쿼리 Form Action 값 변경 (3) | 2020.06.12 |
| [HTML&JQUERY & SPRING] 버튼 클릭 시, 숫자 증감/감소 기능 (0) | 2020.02.28 |
| [HTML & JQUERY] 버튼 클릭 후 팝업창 기능 구현 (0) | 2020.02.26 |
| [HTML&JQUERY] 리스트 삭제 버튼 구현 (0) | 2020.02.26 |
댓글