- html 뜯어먹기.
<body>
<구역을 나누는 태그들>
<div class="mybtn">나는 구역을 나누죠
<div class="btn1">버튼 1</div>
<div class="btn2">버튼 2</div>
</div>
<p>나는 문단</p>
<ul>
<li> bullet point!1 </li>
<li> bullet point!2 </li>
</ul>
<구역 내 콘텐츠 태그들>
<h1>h1은 제목을 나타내는 태그입니다. 페이지마다 하나씩 꼭 써주는 게 좋아요. 그래야 구글 검색이 잘 되거든요.</h1>
<h2>h2는 소제목입니다.</h2>
<h3>h3~h6도 각자의 역할이 있죠. 비중은 작지만..</h3>
<hr>
span 태그입니다: 특정 <span style="color:red">글자</span>를 꾸밀 때 써요
<hr>
<hr>
img 태그입니다: <img src="https://www.google.com/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png" />
<hr>
input 태그입니다: <input type="text" />
<hr>
button 태그입니다: <button> 버튼입니다</button>
<hr>
textarea 태그입니다: <textarea>나는 무엇일까요?</textarea>
</body>
- <head> :헤드 태그(<>). 페이지의 속성 정보를 담고 있다. css, js를 입력하는(가 들어가는) 곳.
1. meta :
2. script :
3. style :
4. link :
5. title : - <body> : 바디 태그. 페이지의 내용을 담고 있다. html이 들어가는 곳.
1. span :
2. img :
3. input :
4. textarea :
'웹개발 기초' 카테고리의 다른 글
| 웹개발 종합반2(javascript) (0) | 2024.08.28 |
|---|---|
| 웹개발 종합반 1 (1) | 2024.08.27 |
| 웹개발 종합반 0 (0) | 2024.08.26 |
| 용어 정리 (0) | 2024.08.26 |