2022. 12. 25. HTML 기본 태그 복습하기
그동안 열심히 프로필을 돌려 단편영화 두 편과 웹드라마 하나를 찍었고 신년엔 연기, 일본어 스터디를 계획하게 됐습니다. 시간은 잘 채워 보냈지만 개발공부를 별로 하지 못해 만족스럽지 않은 시간이었는데 앞으론 더 갓생을 살기로 다짐했습니다. 다짐만 하고 끝나지 않기를!
드림코딩(https://www.youtube.com/@dream-coding) 님과
아케이코딩(https://www.youtube.com/watch?v=rgI930gqdaY) 님의 영상을 참고하여 html에서 기본적으로 쓰이는 태그들을 공부, 복습했습니다.
<head> : 웹사이트에 대한 정보. 외부 자료 참조 (CSS, JS)
<body> : 실제 화면의 내용
<title> : 웹사이트의 제목
<h1>~<h6> : 글의 제목, 강조 나타날 때 사용. 1이 제일 큼.
<p> : 문단 넣을 때 사용
<input> : 입력 창
- <input type="text">
<button> : 버튼
style : <button style+"width:250px; height:100px; font-size:50px;">버튼</button>
- 다음과 같이 꾸며줄 때 사용
<div> : 줄 바꿀 때 사용. 나눠주면 줄 바뀜. 같은 div 안에 내용 넣으면 평행.
- 사용하던 <div> 태그들을 하나의 전체 div로 묶어주고 그 첫줄을 <div style="display: flex;"> 로 써주면
블록이 나뉨.
<br> : html상에서 텍스트 내용을 줄 바꿈할 때 사용
<strong> : 텍스트 강조
<a> : 링크 걸어줄 떄 사용.
- <a href="https://www.google.com" style="font-size: 30px;">구글로 이동</a>
<img> : 이미지 표시
- <img src="https://~이미지 주소" alt="youtube"> - alt는 이미지 불러오고 실패했을 시 표시해줄 텍스트
<ul>, <ol> :
- <ul>안에 <li>태그 -> 리스팅
- <ol>안에 <li>태그 -> 자동으로 넘버링해서 리스팅
<table> : 테이블(표)을 만들 때 사용
- <tr> : 테이블의 한 행.
<tr>안에 <th> 태그 --> 첫 행(헤더) 나타냄.
<tr>안에 <td> 태그 --> 다음 행(내용) 나타냄
- <caption> : 테이블 이름.
- <select> : 항목 선택을 위한 태그.
- <form> : 회원가입, 로그인 등 여러 정보 묶어 하나의 폼으로 제출할 때 사용안녕하세요
dkssu
방금 왜 원노트로 작성한 필기가 벨로그로 깔끔하게 못 오는 알아냈는데 여기선 html 태그들이 전부 바로 적용이 된다. 그래서 코드작성을 누르고 겨우 옮겨넣었다. 괜찮네! 아싸리 여기서 글 작성할 때 html 태그들을 연습해야겠다.
하나하나 차근차근