[HTML] img, table, ul, list

고동이의 IT·2021년 11월 4일
0

HTML5&JavaScript

목록 보기
4/15
post-thumbnail

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style>

img{
width : 300px;
    height: 300px;
}
table {
	border: 5px solid #86B404;
}
td {
	width: 120px;
	height: 40px;
	text-align: center;
}
th{
height: 40px;
}
#size{
 font-size: 30px;
 font-weight: bold;
}
caption {
	
	margin-bottom : 10px;
	font-size: 1.5em;
	font-weight: bold;
}
</style>
</head>
<body>
	<p id="size">나의 홈페이지</p>
	<img alt="강아지5.jpg" src="../images/강아지5.jpg">
	<p id="size">컴퓨터 프로그래머를 꿈꾸며 대덕인재개발원에서 열심히 공부하고있습니다.</p>
	<p>현재 학습하고 있는 과목</p>
	<ul>
		<li>HTML&Script <a href="https://www.W3C.com/">W3C 사이트</a>
		</li>
		<li>JAVA</li>
		<li>데이터베이스</li>
		<li>JSP</li>
	</ul>


	<table border="1">
		<caption>시간표</caption>
		<tr>
			<th></th>
			<th>1</th>
			<th>2</th>
			<th>3</th>
			<th>4</th>
			<th>5</th>
			<th>6</th>
			<th>7</th>
			
		</tr>

		<tr>
		
			<td>오전</td>
			<td>HTML</td>
			<td>J쿼리</td>
			<td>고급자바</td>
			<td>jsp</td>
			<td>프레임워크</td>
			<td>프로젝트</td>
			<td>프로젝트</td>
		</tr>

		<tr>
			
	
			<td>오후</td>
			<td>HTML</td>
			<td>J쿼리</td>
			<td>고급자바</td>
			<td>jsp</td>
			<td>프레임워크</td>
			<td>프로젝트</td>
			<td>프로젝트</td>
		</tr>

	</table>


</body>
</html>
profile
삐약..뺙뺙

0개의 댓글