| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | ||
| 6 | 7 | 8 | 9 | 10 | 11 | 12 |
| 13 | 14 | 15 | 16 | 17 | 18 | 19 |
| 20 | 21 | 22 | 23 | 24 | 25 | 26 |
| 27 | 28 | 29 | 30 |
Tags
- jsp
- 객체지향
- 테이블
- orcle
- Java
- squery
- javascript
- UI
- 코딩
- 프로그래밍
- DB
- 웹프로그래밍
- ERWin
- CSS
- 자바
- 데이터베이스
- html
- sql
- Project
- 공부를열심히
- 객제지향
- web
- 오라클
- Oracle
- 웹
- 프로젝트
- 주말이다..
- 공부
- 객체지향프로그래밍
- 객제지향프로그래밍
Archives
- Today
- Total
햄찌개
2020-09-14 HTML 테그 연습(1) 본문
<!DOCYTYPE html>
<html>
<head>
<body>
<h1>나의 홈페이지</h1>
<img src ="images/루피.jpg">
<h2>컴퓨터 프로그래머를 꿈꾸며 열심히 대덕인재개발원에서 공부하고 있습니다.</h2>
현재 학습하고 있는 과목
<ul>
<li> HTML -> <a href = "http://www.google.com">W3C사이트</a></li>
<li>java</li>
<li>데이터베이스</li>
<li>jsp</li>
</ul>
<table border = "1">
<caption>시간표</caption>
<tr>
<th> </th>
<th> 3월 </th>
<th> 4월 </th>
<th> 5월 </th>
<th> 6월 </th>
<th> 7월 </th>
<th> 8월 </th>
<th> 9월 </th>
</tr>
<tr>
<td > 오전 </td>
<td > 가 </td>
<td > 나 </td>
<td > 다 </td>
<td > 라 </td>
<td > 마 </td>
<td > 바 </td>
<td > 사 </td>
</tr>
<tr>
<td > 오후 </td>
<td > 아 </td>
<td > 야 </td>
<td > 어 </td>
<td > 여 </td>
<td > 오 </td>
<td > 요 </td>
<td > 우 </td>
</tr>
</table>
</body>
</html><!DOCTYPE html>
<html>
<head>
<title>나의 웹 페이지</title>
</head>
<body>
<p>asd</p>
</body>
</html>
<!DOCYTYPE html>
<html>
<head>
<title></title>
<body>
<h1>Welcome to the Web</h1>
<img src = https://lh3.googleusercontent.com/proxy/InZygIYC7uvpB_EVMLvjCk8O82m-rp8GLV2o_jcLiQ3Z-CAu0V5Jy5-s-r45i2vA7hPIDABqLhrSEo7kb7smM_ZPZSmRNp-m9A2sjQRoxA>
<p>
가나다라마바사아자차카타
<em>아야어여오여우유</em>
</p>
<h2>내용</h2>
<p>HTML5, CSS, JAVASCRIPT</P>
</body>
</html
<!DOCYTYPE html>
<html>
<head>
<title></title>
<body>
<h1>Web 커피 메뉴</h1>
<h2>아메리카노 5000원</h2>
<p>에스프레소에 물을 추가한 것입니다.</p>
<h2>카페오레 6000원</h2>
<p>에스프레소에 우유를 넣은 커피입니다.</p>
<h2>카푸치노 6000원</h2>
<p>커피위에 우유거품을 얹은 커피입니다.</p>
</body>
</html>
<!DOCYTYPE html>
<html>
<head>
<title></title>
<body>
<a href = "http://www.google.com" target = "blank">
google.com 방문1</a>
<br>
<a href = "http://www.naver.com" target = "blank">
naver.com 방문2</a>
<br>
</body>
</html>
<!DOCYTYPE html>
<html>
<head>
<title></title>
<body>
<h2>커피</h2>
<img border ="0" src =https://lh3.googleusercontent.com/proxy/InZygIYC7uvpB_EVMLvjCk8O82m-rp8GLV2o_jcLiQ3Z-CAu0V5Jy5-s-r45i2vA7hPIDABqLhrSEo7kb7smM_ZPZSmRNp-m9A2sjQRoxA
alt ="원두와 커피" width = "300" height ="230">
</body>
</html>
<!DOCYTYPE html>
<html>
<head>
<title>원피스가 제공한 이미지들</title>
<body>
<table border = "1">
<tr>
<th>영화제목</th>
<th>년도 </th>
</tr>
<tr>
<td>라이프 오브 파이 </td>
<td> 2013</td>
</tr>
<tr>
<td>기생충 </td>
<td>2019 </td>
</tr>
</table>
</body>
</html>
<!DOCYTYPE html>
<html>
<head>
<title>원피스가 제공한 이미지들</title>
<body>
<table border = "1">
<tr>
<th>1열/th>
<th>2열 </th>
<th>3열 </th>
</tr>
<tr>
<td rowspan ="2"> 1행 1열 </td>
<td>1행 2열</td>
<td> 1행 3열 </td>
</tr>
<tr>
<td>2행2열 </td>
<td>2행3열 </td>
</tr>
</table>
</body>
</html>
<!DOCYTYPE html>
<html>
<head>
<title>원피스가 제공한 이미지들</title>
<body>
<table border = "1">
<tr>
<th colspan ="2">12 </th>
<th colspan ="2"> 12 </th>
<th> 12 </th>
<th> 12 </th>
</tr>
<tr>
<td colspan ="4">12 </td>
<td colspan ="2"> 12 </td>
</tr>
<tr>
<td colspan ="4">12 </td>
<td colspan ="2" rowspan="2"> 12 </td>
</tr>
<tr>
<th>12 </th>
<th> 12 </th>
<th> 12 </th>
<th> 12 </th>
</tr>
</table>
</body>
</html>
<!DOCYTYPE html>
<html>
<head>
<body>
<table border = "1">
<caption>테이블 예제</caption>
<tr>
<th colspan ="2"> 0 </th>
<th colspan ="2">0 </th>
<th> 0 </th>
<th>0 </th>
</tr>
<tr>
<td colspan ="4"> 0</td>
<td colspan ="2">0 </td>
</tr>
<tr>
<td colspan ="4">0 </td>
<td colspan ="2" rowspan="2">0 </td>
</tr>
<tr>
<td>0 </th>
<td>0 </th>
<td>0 </th>
<td>0 </th>
</tr>
</table>
<table border = "1">
<caption>테이블 예제2</caption>
<tr>
<th colspan ="5"> 평생교육원 강좌 소개 </th>
</tr>
<tr>
<td > 강좌이름 </td>
<td > 강의자 </td>
<td > 소개 </td>
<td > 강좌코드 </td>
<td > 실습비 </td>
</tr>
<tr>
<td > 맷생과 유화 </td>
<td > 김철수 </td>
<td > ㅁㄴㅇㅁㄴㅇㅁㄴㅇㅁㄴㅇㅁㄴㅇㅁㄴㅇㅁㄴㅇㅁㄴㅇㅁㄴㅇㅁ </td>
<td > H27 </td>
<td > 100,000 원 </td>
</tr>
<tr>
<td > 바이올린 </td>
<td > 홍길동 </td>
<td > ㅁㄴㅇㅁㄴㅇㅁㄴㅇㅁㄴㅇㅁㄴㅇㅁㄴㅇㅁㄴㅇㅁㄴㅇㅁㄴㅇㅁ </td>
<td > H28 </td>
<td > 900,000 원 </td>
</tr>
<tr>
<td > 성악아카데미 </td>
<td > 김호성 </td>
<td > ㅁㄴㅇㅁㄴㅇㅁㄴㅇㅁㄴㅇㅁㄴㅇㅁㄴㅇㅁㄴㅇㅁㄴㅇㅁㄴㅇㅁ </td>
<td > H29 </td>
<td > 80,000 원 </td>
</tr>
</table>
</body>
</html>
<!DOCYTYPE html>
<html>
<head>
<body>
<h1>커피메뉴</h1>
<h2>
<a href = "" target ="_blank">아메리카노</a>
<a href = "" target ="_blank">카페라떼</a>
<a href = "" target ="_blank">카푸치노</a>
</h2>
<h1>멀티 미디어</h1>
<h2>
<a href = "" >오디오</a>
<a href = ""> 비디오</a>
</h2>
<iframe src = "a.html" width = "800" height ="450" iframeborder ="1">
</iframe>
</body>
</html>
<!DOCYTYPE html>
<html>
<head>
<body>
<div style="background-color: yellow; border: 3px solid red">
<h2>사자</h2>
<p>사자는 아프리카에 살며....</p>
</div>
<div style="background-color: blue; border: 3px solid red">
<h2>사자</h2>
<p>사자는 아프리카에 살며....</p>
</div>
<p>사자는
<span style="background-color:grey; border:3px solid red">
아프리카</span>에 살며 강한 다리와 턱
<span style="color: red;">긴 송곳니</span>를 지니고 있다.</p>
</body>
</html>
'UI설계 및 구현 -웹프로그래밍' 카테고리의 다른 글
| CSS - margin, padding 연습 (0) | 2020.09.17 |
|---|---|
| CSS연습 - 속성들 (0) | 2020.09.16 |
| CSS 연습 - 외부, 내부 (0) | 2020.09.16 |
| 하이퍼링크 -> id연습 (0) | 2020.09.16 |
| 2020-09-14 HTML 테그 연습(2) (0) | 2020.09.15 |
'UI설계 및 구현 -웹프로그래밍' Related Articles
more
