<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
h3{
font-size:12px;
}
body{
background: #efefef;
}
input{
border:none;
}
.ps-box{
display: block ;
height:26px ;
width: 280px;
background-color: white;
padding: 7px 14px;
border:1px solid #ddd;
}
.setup-url{
font-size: 11px;
color: #666;
}
</style>
</head>
<body>
<div class="row_group">
<div class="join_now">
<h3 class= "join title"> 아이디</h3>
<span class="ps-box int -id">
<input type="text" class="int" size="17">
<span class=" setup_ url">@naver.com</span>
</span>
</div>
</body>
</html>
<html>
<head>
<title> 경일 아카데미
</title>
<style>
h3{
font-size:12px;
}
</style>
</head>
<body>
<div:class="row_group">
<div class="join_now">
<h3 class= "join title"> 아이디</h3>
<span class="ps-box int -id"> </span>
<input type="text" class="int">
<span class=" setup_ url">@naver.com</span>
</div>
</body>
</html>naver 에 회원가입 페이지를 F12 로 보고 아이디 부분 만들기
head 에 style 로 h3에 명령을 줘 {font-size:12px; } 사이즈 조정
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div> HTML은 어디서 시작하지?
</div>
<div>
DIV 엘리먼트
</div>
<span>
span 엘리먼트
</span>
<h1>
제목1
</h1>
<h2>
제목2
</h2>
<h3>
제목3
</h3>
<h4>
제목4
</h4>
<h5>
제목5
</h5>
<ul>
<li>리스트1</li>
<li>리스트2</l>
<li>리스트3</li>
<li>리스트4</li>
<li>리스트5</li>
</ul>
<a href="https://www.naver.com"> 네이버 바로가기 </a>
<input type="text">
<input type="password"> <br />
독서 <input type="checkbox"> <br />
영화 <input type="checkbox"> <br />
pc <input type="checkbox"> <br />
<p>
문단나누기
</p>
<input type= "radio">남자
<input type= "radio">여자
<div>
block 이란 뭘까!?
</div>
<div>
block 이란 뭘까!?ㅁㅁ
</div>
<span>
inline 이란 뭘까?
</span>
<span>
inline 이란 뭘까?ㅁㅁ
</span>
</body>
</html>div 는 한줄을 차지하는 블럭
span 은 옆으로 붙는 인라인
h 는 뒤에 붙는 숫자에 따라 1은 크게 숫자가 클수록 작아진다.
li 리스트 작성시 순서대로 사용하기 편하며 반드시 ul로 시작 과 끝을 묶어줘야 한다.
a href 는 속성값을로 인라인 이다. 안에 주소를 넣어 링크를 넣어준다.
text 는 아이디 적는 란 password 는 비밀번호 적는 란으로 활용.
br 은 엔터 기능으로 열고 닫을 필요가 없이 사용. 편리하지만
p 로 열고 닫는 걸 주로 활용.
ridio 는 점박이 체크표시로 활용 할수 있다...