https://www.youtube.com/watch?v=50JOpxN0554
<html>
<head>
<title> 명주의 IT일기장 </title>
<link href="style.css" rel="stylesheet"
type="text/css" />
<mete name="description" content="명주의 IT일기장 소개">
</head>
<body>
<div class="item">안녕</div>
<!-- 텍스트 관련 태그들 -->
<h1>안녕하세요</h1>
<h2>안녕하세요</h2>
<h3>안녕하세요</h3>
<h4>안녕하세요</h4>
<h5>안녕하세요</h5>
<h5>안녕하세요</h6>
<!-- 미디어 관련 태그들 -->
<img scr=""/>
<video scr=" "/
controls>
<a href="www.facebook.com" target="_blank"> 페이스북 </a>
<!--테이블 관련 태그-->
<table border = "1">
<thead>
<tr>
<th>이름</th>
<th>나이</th>
</tr>
</thead>
<body>
<tr>
<td>명주</td>
<td>23살</td>
</tr>
</body>
</table>
<!-- 목록태그 -->
<ol>
<li>명주</li>
<li>워니</li>
</ol>
<ul>
<li>명주</li>
<li>워니</li>
</ul>
<!-- 구역을 나누는 태그
div는 한줄을 차지하고 span은 자기 구역만큼만 차지-->
<div class="top">상단</div>
<div class="mid">중단</div>
<div class="bot">하단</div>
<span class="like">좋아요</span>
<span class="sub">구독</span>
<span class="comment">댓글</span>
<p>
<!-- 인풋 태그 -->
텍스트 <input type="text" />
체크박스 <input type="checkbox" />
라디오 <input type="radio" />
색깔 <input type="color" /> <br>
아이디 <input type="id" />
비밀번호 <input type="password" />
</p>
여러문장<textarea></textarea>
드랍다운<select name="name">
<option value="워니">워니</option>
<option value="명주"">명주</option>
</select>
<!-- 로그인 페이지 -->
<form>
<input type="email" placeholder="이메일" />
<input type="password" placeholder="비밀번호" />
<button type="submit">로그인</button>
</form>
</body>
</html>
CSS
.item{
color : blue;
}
.top {
background: red;
height: 100px;
}
.mid {
background:blue;
height: 100px;
}
.bot {
background: yellow;
height: 100px;
}
.like {
background: red;
height: 100px;
}
.sub {
background:blue;
height: 100px;
}
.comment {
background: yellow;
height: 100px;
}
'개발 > PHP' 카테고리의 다른 글
| PHP - include 함수 중복 사용 시 오류 (0) | 2021.11.10 |
|---|---|
| [홈페이지 제작]로그인,로그아웃,메인 페이지 (0) | 2021.11.09 |
| [홈페이지 제작]회원가입 페이지 (0) | 2021.11.08 |
| [홈페이지 제작]로그인 구현 참고 사이트 (0) | 2021.11.02 |
| PHP(2) - CSS와 PHP 사용시 화면을 미리보기 할 수 있는 codepen 혹은 replit 활용 (0) | 2021.10.17 |
