2022. 8. 29. 11:06ㆍ스파르타코딩(22.8.29~22.12.31)/웹개발반 기초강의 복습(메모)
HTML의 기본 형식 ( 전체적인 태그를 제외한 나머지 )
head안에는 페이지의 속성 정보를 담습니다.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>스파르타코딩클럽 | HTML 기초</title> 제목을 나타낼때 (파일제목)
</head>
<body>
body안에는 페이지의 내용을 담습니다.
<h1>h1은 제목을 나타내는 태그입니다. 페이지마다 하나씩 꼭 써주는 게 좋아요. 그래야 구글 검색이 잘 되거든요.</h1>
<h2>h2는 소제목입니다.</h2>
<h3>h3~h6도 각자의 역할이 있죠. 비중은 작지만..</h3>
<div>나는 구역을 나누죠</div> DIVISION(구분)의 약자작성구역을 횡(가로)을 전체사용
<p>나는 문단이에요</p> paragraph(문단)의 약자 (ENTER)버튼이랑 같음 한줄 띄기
<span style="color:red">span</span> span(폭,너비)태그입니다: 특정 글자를 꾸밀 때 써요
<a href="http://naver.com/"> 하이퍼링크 </a> (hyperlink 문서에서 자료를 직접 연결할때 싸용)
<img src="https://www.google.com/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png" />img 태그입니다
이미지를 붙일때 사용.
<input type="text" /> input 태그입니다 글상자를 사용할때.
<button> 버튼입니다</button> 버튼을 사용할때
<hr> 구역 나누는 태그------------------------------------------------------------------------------------------------------------------구역 나누는 태그
<textarea>나는 무엇일까요?</textarea> textarea 글상자 태그
</body>
</html>
드레그 후 줄맞춤 태그 ctrl + art + L
드레그 후 마디 띄우기 TAB
'스파르타코딩(22.8.29~22.12.31) > 웹개발반 기초강의 복습(메모)' 카테고리의 다른 글
| 이미지 바깥여백(margin) 과 안쪽여백(padding) (0) | 2022.08.29 |
|---|---|
| css 기초 이미지 삽입(크기조절,테두리 등) (0) | 2022.08.29 |
| CSS 연습하기. (1) | 2022.08.29 |
| <div>구역에 대한 설명. (0) | 2022.08.29 |
| 1-4 CSS 기초 스타일 class 지정. (0) | 2022.08.29 |