본문 바로가기
노트필기

[Web] Class01

BONiii 2017. 7. 11. 12:50

<!DOCTYPE html>

<html>

<head>

<meta charset="EUC-KR">

<title>Insert title here</title>

</head>

<body bgcolor="red" text="white">

안녕하세요. 보&nbsp&nbsp&nbsp&nbsp니입니다.<br>

안녕하세요. 신상입니다.


</body>

</html>



=> &nbsp 는 띄어쓰기




<!DOCTYPE html>

<html>

<head>

<meta charset="EUC-KR">

<title>Insert title here</title>

</head>

<body>

<b>주홍<sup>28</sup></b>입니다.<br>

저는 아직 <u>출석을 하지 않았구요.</u><br>

어제 <b>술<sub>소주</sub></b>을 <i>과음해서</i><br>

급하게 마셔서...<br>

<pre>

안녕하세요. 구보니입니다.

학생이구요.

smhrd에서 공부중 입니다.

</pre>


</body>

</html>



=>pre 이 태그는 내가 쓰는 그대로를 보여준다. 줄바꿈 띄어쓰기 등



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



<pre>

안녕하세요. <b>구보니</b>입니다.

학생이구요.

smhrd에서 공부중 입니다.

</pre>

<xmp>

안녕하세요. <b>구보니</b>입니다.

학생이구요.

smhrd에서 공부중 입니다.

</xmp>



=> 안녕하세요. 구보니입니다.

학생이구요.

smhrd에서 공부중 입니다.


안녕하세요. <b>구보니</b>입니다.

학생이구요.

smhrd에서 공부중 입니다.


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


<!DOCTYPE html>

<html>

<head>

<meta charset="EUC-KR">

<meta http-equiv="refresh" content="3"> // 자동으로 3초에 한번씩 새로고침 됌

<title>Insert title here</title>

</head>

<body>


</body>

</html>


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


<!DOCTYPE html>

<html>

<head>

<meta charset="EUC-KR">

<meta http-equiv="refresh" content="3;url='https://www.naver.com'">//3초에 한번씩 네이버로 새로고침함. 은행사이트에서 많이 사용하는 기능

<title>Insert title here</title>

</head>

<body>


</body>

</html>


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


<!DOCTYPE html>

<html>

<head>

<meta charset="EUC-KR">

<title>Insert title here</title>

</head>

<body>

<ol>

<li>차현석</li>

<li>김영목</li>

<li>홍준희</li>

</ol>

<ul>

<li>차현석</li>

<li>김영목</li>

<li>홍준희</li>

</ul>


</body>

</html>


=> 

  1. 차현석
  2. 김영목
  3. 홍준희
  • 차현석
  • 김영목
  • 홍준희

=--------------------------------------

<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>Insert title here</title>
</head>
<body>
<ol type="I">
<li>차현석</li>
<li>김영목</li>
<li>홍준희</li>
</ol>
</body>
</html>

=>
  1. 차현석
  2. 김영목
  3. 홍준희
-------------------------------

<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>Insert title here</title>
</head>
<body>
<ul type="circle">
<li>차현석</li>
<li>김영목</li>
<li>홍준희</li>
</ul>

</body>
</html>

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

<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>Insert title here</title>
</head>
<body>
<dl> //용어 정리할 수 있는 리스트
<dt>차현석</dt>
<dd>직업 : 연구원</dd>
<dd>나이 : 99</dd>
</dl>

</body>
</html>


=> 


차현석
직업 : 연구원
나이 : 99


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


<!DOCTYPE html>

<html>

<head>

<meta charset="EUC-KR">

<title>Insert title here</title>

</head>

<body>

<ol type="I">

<li>차현석</li>

<li>김영목</li>

<li>홍준희</li>

</ol>

<ul type="circle">

<li>차현석</li>

<li>김영목</li>

<li>홍준희</li>

</ul>

<dl>

<dt>차현석</dt>

<dd>직업 : 연구원</dd>

<dd>나이 : 99</dd>

</dl>

<ul type="circle">

<li>body<sup>태그</sup>

<ol type="i">

<li>bgcolor<sup>속성</sup></li>

<li>text</li>

</ol>

</li>

<li>p</li>

<li>hr

<ol>

<li>noshade</li>

<li>color</li>

<li>size</li>

</ol>

</li>

</ul>


</body>

</html>


=>

  1. 차현석
  2. 김영목
  3. 홍준희
  • 차현석
  • 김영목
  • 홍준희
차현석
직업 : 연구원
나이 : 99
  • body태그
    1. bgcolor 속성
    2. text
  • p
  • hr
    1. noshade
    2. color
    3. size


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

<상대경로>


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




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




---------


<!DOCTYPE html>

<html>

<head>

<meta charset="EUC-KR">

<title>Insert title here</title>

</head>

<body>                                                // 좌우 여백

<img alt="고냥이" src="../img/a01.png" hspace="30">

<img alt="고냥이" src="../img/a02.png" hspace="30">

<img alt="고냥이" src="../img/a03.png" hspace="30">

<img alt="고냥이" src="../img/a04.png" hspace="30">

</body>

</html>


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


<!DOCTYPE html>

<html>

<head>

<meta charset="EUC-KR">

<title>Insert title here</title>

</head>

<body>                                                                   //상하 정렬

<img alt="고냥이" src="../img/a01.png" hspace="30" vspace="50">

<img alt="고냥이" src="../img/a02.png" hspace="30" vspace="50">

<img alt="고냥이" src="../img/a03.png" hspace="30" vspace="50">

<img alt="고냥이" src="../img/a04.png" hspace="30" vspace="50">

</body>

</html>



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


<!DOCTYPE html>

<html>

<head>

<meta charset="EUC-KR">

<title>Insert title here</title>

</head>

<body>                                                                            //테이블 여백

<table border="1" width="200" height="200" align="center" cellspacing ="10">

<tr align="center">

//가로 병합

<td colspan="3">asdf</td>

</tr>

<tr align="center">

//세로병합

<td rowspan="2">vbcvn</td>

<td>drgtsdrt</td>

<td>qwerqw</td>

</tr>

<tr align="center">

<td>123</td>

<td>346</td>

<td>r345</td>

</tr>


</table>

</body>

</html>


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


<!DOCTYPE html>

<html>

<head>

<meta charset="EUC-KR">

<title>Insert title here</title>

</head>

<body>

<table border="1" width="600" height="300">

<tr align="center">

<td colspan="6"><h1>일정</h1></td>

</tr>

<tr align="center">

<td>요일/시간</td>

<td>09:00</td>

<td>10:00</td>

<td>11:00</td>

<td>12:00</td>

<td>13:00</td>


</tr>

<tr align="center">

<td>월요일</td>

<td colspan="2" rowspan="3" bgcolor="lightsteelblue">수업<br><b>lightsteelblue</b></td>

<td></td>

<td></td>

<td rowspan="3" bgcolor="deepskyblue">운동<br><b>deepskyblue</b></td>


</tr>

<tr align="center">

<td>화요일</td>

<td></td>

<td></td>


</tr>

<tr align="center">

<td>수요일</td>

<td></td>

<td></td>


</tr>

<tr align="center">

<td>목요일</td>

<td></td>

<td></td>

<td colspan="3" bgcolor="salmon">리포트제출 <b>salmon</b></td>


</tr>

<tr align="center">

<td>금요일</td>

<td colspan="2" bgcolor="lightyellow" align="right">영화보기 <b>lightyellow</b></td>

<td></td>

<td></td>

<td></td>


</tr>

<tr align="center">

<td>토요일</td>

<td></td>

<td></td>

<td></td>

<td></td>

<td bgcolor="plum" align="right">점심약속 <b>plum</b></td>


</tr>


</table>


</body>

</html>


=> 


저작자표시

'노트필기' 카테고리의 다른 글

[Web] class 0712-1  (0) 2017.07.12
[Web] class1-2  (0) 2017.07.11
[Android] 2017.06.20(오후)  (0) 2017.06.20
[Android] 2017.06.20(오전)  (0) 2017.06.20
[Do it 안드로이드] Day 16 - 4  (0) 2017.06.18

'노트필기' Related Articles

티스토리툴바