html 기본 태그(tag)_1
WEB 2021. 5. 1. 20:58<바디태그 속성 - 열려있는 태그 안에 사용해야 함. 콤마가 아닌 띄어쓰기로 구분 함>
- Background : 배경이미지 지정
- Bgcolor : 배경 색 지정
- Test : 글꼴 색 지정
- Link : 링크 색 지정 (거의 쓸일 없음)
- Vlink : 방문했던 링크 색 지정 (거의 쓸일 없음)
- Alink : 링크를 클릭하는 순간의 색 지정 (거의 쓸일 없음)
<제목태그>
- <h></h> 제목을 표시하는 태그
H3가 가장많이 사용함-뒤에 글자가 커질수록 글자크기가 작아짐.
<단락태그>
- <p></p>본문의 내용을 단락으로 표현할때 사용됨..
- 위아래로 자동으로 공백이 들어가게 됨. 공간영역을 페이지 끝까지 가지고 있음. <span>과 비교해보았을 때 span은 공백이 없고 글자까지만 공간이 할당됨., sapn은 문장을 쓸때 사용함. <p>태그의 경우 한줄로 붙여쓰더라도 소스코드 하나가 페이제 전체의 한줄을 사용하기 때문에 자동으로 줄이 바뀌어 나타나게 됨.
<줄바꿈 태그>
- <br>
- 여러 번 줄바꿈 하고 싶은 경우 br태그를 여러 번 써주면 됨.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>나의 인생 첫 페이지</title>
</head>
<body bgcolor="#2E2EFE" text="white">
안녕하세요. 저의 첫 페이지에 오신걸 환영합니다.
<h1>여기는 H1</h1>
<h2>여기는 H2</h2>
<h3>여기는 H3</h3>
<h4>여기는 H4</h4>
<h5>여기는 H5</h5>
<h6>여기는 H6</h6>
<!--p태그는 페이지 전체줄을 사용, 위아래 공간할당-->
<p>여기는 p 태그</p><p>여기는 두 번째 p 태그</p>
<!--span태그는 글자부분만 공간할당, 자동줄바꿈 없음-->
<span>여기는 span태그</span> <br> <span>여기는 두번째 span태그</span>
</body>
</html>
'WEB' 카테고리의 다른 글
| css 기본_2 (stylesheet 명시도, 공간분할 기타 등..) (0) | 2021.05.03 |
|---|---|
| css 기본_1 (기본css, 선택자) (0) | 2021.05.03 |
| html 기본 태그(tag)_2 (0) | 2021.05.01 |
| html 기본 (0) | 2021.05.01 |
| WEB 기본이론 (0) | 2021.05.01 |
