웹 프로그래밍 1일차

yoonmiring·2022년 5월 27일
<a href>Tablecolspanhtmlimg srcrowspan
0

web_programing

목록 보기
1/13
post-thumbnail

실습1

<!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>실습1</title>
</head>
<body>
    이름:<b> 정윤민</b><br><br>
    생년월일:<b> 1996년 11월 9일</b><br><br>
    사는곳:<b> 경기도 성남시 분당구</b><br><br>
    혈액형:<b> B형</b><br><br>
    <img src="data:image/jpeg;base64,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" alt="월레스와 그로밋"
    width="30%"><br>
</body>
</html>

실습결과

실습1 이름: 정윤민

생년월일: 1996년 11월 9일

사는곳: 경기도 성남시 분당구

혈액형: B형


--------------------------------------------------------------------------------------------------------------

실습2

<!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>실습2</title>
</head>
<body>
    <p>나만의 바로가기</p><br>
    <a href="https://www.naver.com" target="_self">네이버</a><br><br>
    <a href="https://www.google.com" target="_self">구글</a><br><br>
    <a href="https://github.com/yoonmiring/" target="_blank">yoonmiring깃허브</a><br><br>
    <a href="https://www.daum.net" target="_blank">다음</a><br><br>
</body>
</html>

실습 결과

실습2

나만의 바로가기


네이버

구글

yoonmiring깃허브

다음

--------------------------------------------------------------------------------------------------------------

실습3

<!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>실습3(rowspan)</title>
</head>
<body>
    <table width="200" height="300" border="1">
        <tr>
            <td rowspan="4">1</td>
            <td>2</td>
        </tr>
        <tr>
            <td>3</td>
        </tr>
        <tr>
            <td>4</td>
        </tr>
        <tr>
            <td>5</td>
        </tr>
        <tr>
            <td colspan="2" align="center">6</td>
        </tr>
    </table>
</body>
</html>

실습 결과

실습4

<!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>실습4 colspan</title>
</head>
<body>
<table border="1" width="200" height="300">
    <tr>
        <td colspan="2">2</td>
        <td rowspan="5" align="center">7</td>
    </tr>
    <tr>
        <td rowspan="3">1</td>
        <td>3</td>
    </tr>
    <tr>
        <td>4</td>
    </tr>
    <tr>
        <td>5</td>
    </tr>
    <tr>
        <td colspan="2" align="center">6</td>
    </tr>
</table>
</body>
</html>

실습 결과

실습5

<!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>실습5 colspan rowspan</title>
</head>
<body>
    <table border="1" width="300" height="400">
        <tr>
            <td colspan="2" height="100">1</td>
            <td rowspan="4" width="100">2</td>
        </tr>
        <tr>
            <td rowspan="4" width="100">4</td>
            <td rowspna="3"><img src="data:image/jpeg;base64,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" alt="그로밋"
                width="100" height="100"></td>
        </tr>
        <tr>

        </tr>
        <tr>

        </tr>
        <tr>
            <td colspan="2" height="100">3</td>
        </tr>
    </table>
</body>
</html>

실습 결과

실습6

<!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>실습6 table 색넣기</title>
</head>
<body>
    <table border="1" width="300" height="400">
        <tr>
            <td rowspan="4" width="100" style="background-color: red">4</td>
            <td colspan="2" height="100" style="background-color: yellow">1</td>
           
        </tr>
        <tr>
            
            <td rowspna="3"><img src="data:image/jpeg;base64,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" alt="그로밋"
                width="100" height="100"></td>
            <td rowspan="4" width="100" style="background-color: greenyellow">2</td>
        </tr>
        <tr>

        </tr>
        <tr>

        </tr>
        <tr>
            <td colspan="2" height="100" style="background-color: blue">3</td>
        </tr>
    </table>
</body>
</html>

실습 결과

실습 7

<!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>실습7 form만들기</title>
</head>
<body>
    <!-- 회원가입창 만들기 -->
    <form action="">
        
        <input type="text" size="38" placeholder="아이디"><br><br>
        <input type="password" size="38" placeholder="비밀번호">
        <a href="naver.com"><font size=1>비밀번호 도움말</a><br><br>
        <input type="password" size="38" placeholder="비밀번호 재입력"><br><br>
        <input type="radio"  name="fav_language" >
        <label >남</label>
            <input type="radio" name="fav_language">
            <label >여</label>
            <input type="radio"  name="fav_language">
        <label >선택안함</label><br><br>
            <select name="phone">
                <option value="none">휴대폰 번호 선택</option>
                <option value="010">010</option>
                <option value="011">011</option>
                <option value="016">016</option>
                <option value="017">017</option>
            </select>-
            <input type="number" min="0000" max="9999" size=20>-
            <input type="number" min="0000" max="9999" size=20><br><br>
        <input type="text" value="이메일" size="22">@
            <select name="email" id="email">
                <option value="none">선택</option>
                <option value="naver.com">naver.com</option>
                <option value="nate.com">nate.com</option>
                <option value="hanmail.com">hanmail.com</option>
                <option value="gmail.com">gmail.com</option>
            </select><br><br>
        <input type="submit" value="회원가입 완료">
        <input type="reset" value="취소"> 
    </form>
</body>
</html>

profile
yoonmiring
Yoon_ministop
다음 포스트

웹 프로그래밍 2일차

2개의 댓글

comment-user-thumbnail
정지훈
2022년 5월 27일

숀 귀여워

1개의 답글