| <html> | html코드임을 표현 | <html></html> |
| <head> | 웹 페이지 헤드 부분임을 표현 | <head></head> |
| <body> | 문서의 본문임을 표현 | <body></body> |
| <title> | 사이트 제목을 표현 | <title></title> |
| <meta> | 메타데이터 표현 | <meta></meta> |
| <div> | 콘텐츠를 담는 그릇(줄 바꿈 o) | <div></div> |
| <a> | 하이퍼링크 | <a href ="url">contents</a> |
| <script> | 자바스크립트 삽입 | <script>code</script> |
| <link> | 외부 파일을 HTML문서와 연결 | <lonk rel="style.css" type="text/css"/> |
| <img> | 문서에 이미지 삽입 | <img src="이미지 경로"/> |
| <span> | 콘텐츠를 담는 그릇(줄 바꿈 x) | <span style="color:red">빨간색</span> |
| <p> | 문단(단락) 표현 (줄 바꿈 o) | <p></p> |
| <li> & <ul> | 목록(리스트) 표현을 위해 사용 | <ul> <li>항목 1</li> </ul> |
| <style> | CSS코드 삽입 | <style>CSS코드 삽입</style> |
| <br> | 줄 바꿈 | 줄바꿈<br/>예시 |
| <h1> | 가장 큰 제목 | <h1></h1> |
| <h2> | 두번째로 큰 제목 | <h2></h2> |
| <input> | 화면에 입력창 삽입 | <input type="text" name="name/> |
| <form> | 정보를 모아 한 번에 전송 | <form action="서버 주소" method="POST">폼 작성을 위한 코드</form> |
| <h3> | 세번째로 큰 제목 | <h3></h3> |
| <iframe> | 다른 콘텐츠를 현재 문서에 삽입 | <iframe src="주소"/> |
| <nav> | 하이퍼링크를 모아 두는 영역 표시 | <nav> <a href="#">main</a> </nav> |
| <strong> | 글자 굵게 | <strong>원하는 굵은 글자</strong> |
| <footer> | 웹 사이트 푸터(하단의 정보 기재란) 작성 | <footer>푸터 코드 작성</footer> |
| <header> | 웹 사이트 헤더(도입부에 해당하는 영역) 작성 | <header>헤더 코드 작성</header> |
| <button> | 화면에 버튼 삽입 | <button type="submit">전송하기</button> |
'웹 개발 > HTML+CSS+Js' 카테고리의 다른 글
| input태그 type (0) | 2024.04.02 |
|---|---|
| 코드 바르게 정렬하기 (0) | 2024.04.02 |
| HTML <!DOCTYPE html> (0) | 2024.03.21 |
| Ruby, jekyll설치 (0) | 2024.03.21 |