HTML-2(오후)

표에 색을 추가하기

https://www.w3schools.com/colors/
table의 속성으로 bgcolor=""으로 색상을 추가할 수 있다.

<tr bgcolor="red">
첫번째 열의 배경색이 붉은색으로 설정된다.

표에 이미지를 추가하기

table의 속성으로 background=""으로 색상을 추가할 수 있다.

<tr background="./images/logo.png">
images 디렉토리에 있는 logo.png를 배경으로 설정한다.
반복의 특징을 갖고 있다.

이미지(img)로 넣게되면 데이터의 개념을 갖게된다.

표에 여백 효과

cellpadding : 셀 내부의 크기 변경
cellspacing : 셀 경계선의 두께 변경

홈페이지 layout을 만들어 보자

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
</head>
<body>
    <div align="center">
        <table border="1" width="1024" height="800" 
        cellpadding="10" cellspacing="0">
            <tr>
                <td colspan="2" height="50">헤더</td>
            </tr>
            <tr>
                <td width="15%">메뉴</td>
                <td>내용</td>
            </tr>
            <tr>
                <td colspan="2" height="50">푸터</td>
            </tr>
        </table>
    </div>
</body>
</html>

웹페이지에서 다른 URL정보를 삽입

iframe : 창 안에서 다른 html 페이지를 보여주는 방법

<iframe src="https://www.etnews.com" width="800" height="600"/>

좋은 웹페이지 즐겨찾기