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
31
32
33
34
35
<html>
<head></head>
<body>
  <h1>회원가입</h1>
  <form action="ex01.html">
   id:<input type="text" size="10"><br>
   pw:<input type="password" maxlength="5"><br>
   
   취미:
    <select>
          <option>농구</option>
          <option selected="selected">배구</option>
          <option>야구</option>
    </select><br>
    
     관심사:
     <input type="checkbox">java
     <input type="checkbox" checked="checked">web
     <input type="checkbox">spring
   <br>
   
   하나만 선택:
   <input type="radio" name="red">java
   <input type="radio" name="red" checked="checked">spring
   <input type="radio" name="red">web<br>
   <input type="file">file
   <br>
   <textarea rows="5" cols="10"></textarea>
   <br>
   <input type="submit" value="입력">
   <input type="reset" value="취소">
  </form>
  
</body>
</html>
cs




저작자표시 비영리 변경금지

'* Programming > HTML&CSS' 카테고리의 다른 글

[HTML/CSS] 마우스 올렸을 경우,클릭하고있는 경우,클릭 후  (0) 2016.09.22
[HTML/CSS] HTML에 CSS를 적용하는 방법 3가지  (0) 2016.09.20
[HTML]table만들기  (0) 2016.09.06
[HTML]이미지 불러오기 / 이동하기  (0) 2016.09.06
[HTML]특수문자 엔티티(' < ',' > ',' " ',' " ')  (0) 2016.09.06

* 테이블 : <table border="0" width="가로길이" height="세로길이" align="위치">

border="1" or "0" : 1은 테두리 표시

 : 0은 테두리 표시하지 않음을 뜻한다


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
31
32
33
34
35
36
37
38
39
40
<html>
<head></head>
<body>
  <table border="0" width="100%" height="500" align="center">
    <tr height="50">
      <th width="20%">1줄</th>
      <th>2줄</th>
      <th>3줄</th>
    </tr>
    <tr>
      <td>1줄,1행</td>
      <td>
        <table border="1" width="100%" height="200" align="center">
            <tr height="50">
                <th>1줄</th>
                <th>2줄</th>
                <th>3줄</th>
            </tr>
            <tr>
                <td>1줄,1행</td>
                <td>2줄,1행</td>
                <td>3줄,1행</td>
            </tr>
            <tr>
                <td>1줄,2행</td>
                <td>2줄,2행</td>
                <td>3줄,2행</td>
            </tr>
        </table>
      </td>
      <td>3줄,1행</td>
    </tr>
    <tr>
      <td>1줄,2행</td>
      <td>2줄,2행</td>
      <td>3줄,2행</td>
    </tr>
  </table>
</body>
</html>
cs



저작자표시 비영리 변경금지

'* Programming > HTML&CSS' 카테고리의 다른 글

[HTML/CSS] HTML에 CSS를 적용하는 방법 3가지  (0) 2016.09.20
[HTML]Form(input, select, checkbox, radio)  (0) 2016.09.06
[HTML]이미지 불러오기 / 이동하기  (0) 2016.09.06
[HTML]특수문자 엔티티(' < ',' > ',' " ',' " ')  (0) 2016.09.06
[HTML]글자 폰트  (0) 2016.09.06

* 이미지 불러오기 : <img src=주소" width="가로길이" heigth="높이" border="테두리 굵기" align="위치">

* 링크로 이동하기 : <a href="위치" name="이름"></a>


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
<html>
    <head>
      <title>이동 예제</title>
    </head>
    <!--가져오기-->
    <body>
      <a href = "#down" name="top">down</a></hl>
      <img src="http://img.naver.net/static/www/u/2013/0731/nmms_224940510.gif" width="138" heigth="110" border="10" align="left">
      <h1>목차</h1>
      <p><a href="#point">여기</a>로 이동</p>
      
      <p>
       오후는 html언어에<br>대한 기본문법 계속입니다
      </p>
      
      <p>
       a태그는
       <a href="http://naver.com">네이버</a><br>
       
       1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>
       1<br>1<br>1<br>1<br>1<br><a name="point">여기</a><br>1<br>1<br>1<br>1<br>1<br>1<br>
        <a href = "#top" name = "down">top</a>
      </p>
      
    </body>
</html>
cs



저작자표시 비영리 변경금지

'* Programming > HTML&CSS' 카테고리의 다른 글

[HTML]Form(input, select, checkbox, radio)  (0) 2016.09.06
[HTML]table만들기  (0) 2016.09.06
[HTML]특수문자 엔티티(' < ',' > ',' " ',' " ')  (0) 2016.09.06
[HTML]글자 폰트  (0) 2016.09.06
[HTML]제목 / 주석 / 타이틀바  (0) 2016.09.06

* 띄어쓰기 : &nbsp;

* < : &lt;

* > : &gt;

* & : &amp;

* " : &quot;


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<html>
 <head>
   <title>상단바 제목</title>
 </head>
 <body>
 
   <p>내용을 작성하는데 다음처럼<br>     <!--엔터 엔티티-->
   띄어쓰기를        하든<br><br>        <!--띄어쓰기 적용안됨-->
   엔터를 적용&nbsp;&nbsp;&nbsp;하든<br><br> <!--&nbsp; 띄어쓰기 캐릭터엔티티-->
   <소용>없어</p>
   
   &lt;br&gt;     <!--모양 '<' 과 '>' 표현-->
   
   <br>앤드 & == &amp;
   <br>&quot;  큰따옴표 &quot;  <!--모양 ' " ' 과 ' " ' 표현-->
   
 </body>
</html>  <!-- <>엘리먼트</> -->
cs



저작자표시 비영리 변경금지

'* Programming > HTML&CSS' 카테고리의 다른 글

[HTML]Form(input, select, checkbox, radio)  (0) 2016.09.06
[HTML]table만들기  (0) 2016.09.06
[HTML]이미지 불러오기 / 이동하기  (0) 2016.09.06
[HTML]글자 폰트  (0) 2016.09.06
[HTML]제목 / 주석 / 타이틀바  (0) 2016.09.06

+ Recent posts

티스토리툴바