* 이미지 불러오기 : <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

* 이테리체 : <em></em>  &  <dfn></dfn>

* 굵은 글씨 : <strong></strong>  &  <b></b>

* 줄바꿈 : <p></p> (없는 경우 줄바꿈이 되지않는다)  & <br></br>


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
<html>
 <head>
   <title>상단바 제목</title>
 </head>
 <body>
   <p>내용을 작성하는데 다음처럼</p>
   <p><em>띄어쓰기</em>를        <dfn>하든</dfn></p>
   <p><strong>엔터</strong>를 <b>적용</b>하든</p>
   <p>소용없어</p>
 
   <p>-------------------------------</p>
   
   <p>
    <font size="1" color="red">내용1</font>
    
    <font size="2"><strike>내용2</strike></font>
    
    <font size="3"><s>내용3</s></font>
    
    <font size="4" color="#00ff00">내용4</font>
    
    <font size="6" color="blue">내용6</font>
    
    <font size="7" face="궁서체">내용7</font>  <!--사이즈는 7까지-->
    
    <font size="8"><u>내용8</u></font>
    
    <u><font size="9">내용9</font></u>  <!--엘리먼트사이의 다중적용-->
       
   </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

* 타이틀바 : <title></title>

* 주석 : <!-- -->

* 제목 : <h1></h1>


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<!-- 주석 작성 -->
<html>     <!--태그-->
 <head>
  <!-- 문서의 정의 ,속성(눈에 보이지 않는다)-->
   <title>상단바 제목</title>
 </head>
 <body>
   <h1>제목1</h1>
   <h2>제목2</h2>
   <h3>제목3</h3>
   <h4>제목4</h4>
   <h5>제목5</h5>
   <h6>제목6</h6>        <!--6까지 존재-->
 
 </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

티스토리툴바