'.NET프로그래밍'에 해당되는 글 690건

  1. 2009.07.21 10. 문자열형태정의태그
  2. 2009.07.21 9. 문단정렬관련태그
  3. 2009.07.21 8. 폰트
  4. 2009.07.21 7. 이스케이프시퀀스-2
  5. 2009.07.21 6. 이스케이프시퀀스
  6. 2009.07.21 5. 주석문
  7. 2009.07.21 4. P태그
  8. 2009.07.20 3. 태그 (H태그)
  9. 2009.07.20 2. HTML구조
  10. 2009.07.20 1. HTML / XHTML 입문 ( <br>과 <br />의 차이 )

10. 문자열형태정의태그

.NET프로그래밍/HTML 4.0 / XHTML1.0 2009. 7. 21. 19:56 |


물리적 스타일
<pre style="font-size:30px;">

<u>밑줄</u>
<i>이탤릭체</i>
<b>굵게(볼드체)</b>
<strike>취소선</strike>
<s>취소선</s>

윗<sup>첨자</sup>
아래<sub>첨자</sub>
<tt>타자기체(정사각형크기)</tt>

</pre>


논리적 스타일
<pre>

<kbd>키보드 타이핑(tt)</kbd>
<em>강조(i)</em>
<strong>강조(b)</strong>
<code>코드 표시</code>
<cite>MSDN 참조(인용구문)</cite>
<samp>샘플코드(tt)</samp>
<var>프로그램 코드의 변수선언부</var>
<dfn>용어 정의</dfn>

</pre>

<pre>

<style>
code { background-color:yellow; }
</style>

</pre>

//맨 아래 빨간색으로 표시한 문단은 스타일시트 사용예를 보여주기 위한 데모코드로,
아래의 실행결과 화면에서 code태그 사이의 문장바탕색이 노란색으로 나온 결과를
확인할 수 있다.
- 논리적 스타일('표준, 강조') : 논문을 웹브라우저로 옮길 때 쓰임.
- <strong>태그는 <b>태그 대신에 요즘에 많이 쓴다.
- 스타일시트 - 표준. 많이 사용
<span style="font-weight:bold;">스타일시트로 대체</span>

< 실행결과 >

'.NET프로그래밍 > HTML 4.0 / XHTML1.0' 카테고리의 다른 글

12. 목록  (0) 2009.07.22
개발 관련 도구 추천  (0) 2009.07.22
9. 문단정렬관련태그  (0) 2009.07.21
8. 폰트  (0) 2009.07.21
7. 이스케이프시퀀스-2  (0) 2009.07.21
Posted by holland14
:

9. 문단정렬관련태그

.NET프로그래밍/HTML 4.0 / XHTML1.0 2009. 7. 21. 19:18 |

<address>주소표시(이탤릭체로 표시)</address>

안녕

<P align="right">오른쪽 정렬</p>

<center>가운데 정렬</center>

<div align="left">왼쪽 정렬</div>

<hr />

<pre>

      자유 정렬
      태그가 실행됨
      <hr />

</pre>

<xmp>
      pre 태그와 동일하나,
      태그가 무시됨...
      <hr />

</xmp>

<blockquote>
문단을 한단계 들여쓰기를 해준다.
</blockquote>


<blockquote>
             <blockquote>
                          2단계 들여쓰기
             </blockquote>
</blockquote>
 

<font>안녕하세요제번호는<nobr>010-111-1234</nobr>또만나요</font>


//
address태그는 웹브라우저에서 이탤릭체로
표시되며 줄바꿈까지 포함된다. <br />

blockquote태그는 '문단'한단계 들여쓰기 태그이다. <br />

nobr 태그는 줄바뀜 방지(nobr태그 안에 있는 문장이
두 줄로 나뉘지 않고 함께 뭉쳐서 이동함) <br />

< 실행결과 >




'.NET프로그래밍 > HTML 4.0 / XHTML1.0' 카테고리의 다른 글

개발 관련 도구 추천  (0) 2009.07.22
10. 문자열형태정의태그  (0) 2009.07.21
8. 폰트  (0) 2009.07.21
7. 이스케이프시퀀스-2  (0) 2009.07.21
6. 이스케이프시퀀스  (0) 2009.07.21
Posted by holland14
:

8. 폰트

.NET프로그래밍/HTML 4.0 / XHTML1.0 2009. 7. 21. 18:30 |

<font>기본글꼴</font> <br />

<font size="7">크기</font> <br/>

<font color="red">색상</font> <br/>

<font face="궁서" size="7">글꼴</font>

<hr />

<span style="color:black;font-size:9pt;font-family:verdana;">
안녕하세요.
</span>

//위의 font태그에서는 속성이 3가지(size, color, face)임.
참고로 'verdana'글꼴은 많이 쓰이는 글꼴임.

< 실행결과 >

 

 

'.NET프로그래밍 > HTML 4.0 / XHTML1.0' 카테고리의 다른 글

10. 문자열형태정의태그  (0) 2009.07.21
9. 문단정렬관련태그  (0) 2009.07.21
7. 이스케이프시퀀스-2  (0) 2009.07.21
6. 이스케이프시퀀스  (0) 2009.07.21
5. 주석문  (0) 2009.07.21
Posted by holland14
:

7. 이스케이프시퀀스-2

.NET프로그래밍/HTML 4.0 / XHTML1.0 2009. 7. 21. 17:32 |


(공백) : (&nbsp;) <br />
왼쪽꺽쇠 : &lt; <br />
오른쪽꺽쇠 : &gt; <br />
앰퍼샌드 : &amp; <br />
큰따옴표 : &quot; <br />

<hr />

등록기호 : &reg; <br />
저작권 : &copy; <br />

<hr />

나머지는 : ASCII기호로 표시 <br />


<br /><br />

<!-- 추가내용 -->

(공백)출력: &amp;nbsp; <br />
<출력 :  &amp;lt; <br />
>출력 : &amp;gt; <br />
&출력 : &amp;amp; <br />
"출력 : &amp;quot; <br />

//코멘트 아래 부분은 웹브라우저에서 &표시가 보이도록 하는 방법(&amp;을 앞에 넣어줌)을 푸는 퀴즈였음.
나머지 ASCII기호는 한글자판에서 자음을 한자로 변환한 후 선택해서 사용.

< 실행결과 >


'.NET프로그래밍 > HTML 4.0 / XHTML1.0' 카테고리의 다른 글

9. 문단정렬관련태그  (0) 2009.07.21
8. 폰트  (0) 2009.07.21
6. 이스케이프시퀀스  (0) 2009.07.21
5. 주석문  (0) 2009.07.21
4. P태그  (0) 2009.07.21
Posted by holland14
:

6. 이스케이프시퀀스

.NET프로그래밍/HTML 4.0 / XHTML1.0 2009. 7. 21. 16:55 |

(공백) : (&nbsp;) <br />
왼쪽꺽쇠 : &lt; <br />
오른쪽꺽쇠 : &gt; <br />
앰퍼샌드 : &amp; <br />
큰따옴표 : &quot; <br />

<hr />

등록기호 : &reg; <br />
저작권 : &copy; <br />

<hr />

나머진 : ASCII기호로 표시

//
괄호 안 공백을 스페이스바로 여러번 눌러도 1회 공백밖에 안됨.
괄호안에 &nbsp;를 넣는 횟수만큼 공백이 생김.


< 실행결과 >


'.NET프로그래밍 > HTML 4.0 / XHTML1.0' 카테고리의 다른 글

8. 폰트  (0) 2009.07.21
7. 이스케이프시퀀스-2  (0) 2009.07.21
5. 주석문  (0) 2009.07.21
4. P태그  (0) 2009.07.21
3. 태그 (H태그)  (0) 2009.07.20
Posted by holland14
:

5. 주석문

.NET프로그래밍/HTML 4.0 / XHTML1.0 2009. 7. 21. 16:35 |

<!--
주석문(Comment): 코드에 대한 설명문
웹브라우저에서 실행되지 않는다.
-->

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
     <title>주석문 : 코드설명문</title>
</head>
<body>
<div>

<!-- 메뉴 들어오는 곳 -->

<!-- <hr />내용 들어오는 곳<hr /> -->

<comment>이것도 주석문입니다.</comment>

</div>
</body>
</html>

< 실행결과 >



'.NET프로그래밍 > HTML 4.0 / XHTML1.0' 카테고리의 다른 글

7. 이스케이프시퀀스-2  (0) 2009.07.21
6. 이스케이프시퀀스  (0) 2009.07.21
4. P태그  (0) 2009.07.21
3. 태그 (H태그)  (0) 2009.07.20
2. HTML구조  (0) 2009.07.20
Posted by holland14
:

4. P태그

.NET프로그래밍/HTML 4.0 / XHTML1.0 2009. 7. 21. 15:53 |

<html xmlns="http:www.w3.org/1999/xhtml">
<head>
     <title>P태그</title>
</head>
<body>
<div>

<h1>회사소개</h1>

안녕하세요.<br />

<p>우리 회사는 닷넷 전문 컨설팅회사입니다.</p>

<p align="center">가운데정렬</p>

<center>가운데정렬</center>

<div style="text-align:center;">가운데정렬</div>

<hr />

<hr color="red" />

<hr color="#FF0000" />

<hr color="red" width="100" size="10" />

<hr noshade />

</div>
</body>
</html>

//
p태그는 단락을 구분지을 때 쓴다.

<br />과 <hr />태그는 예외적으로 한 개만 쓴다.

<태그명 속성명="속성값" />

HTML은?
태그 : 50개
속성 : 2~3개
속성값 : 2~3개 방식

width : 가로길이
height : 세로길이
<hr color="#FF0000" />에서 #FF0000은 붉은색 RGB컬러 표현방식이다.

< 실행결과 >

'.NET프로그래밍 > HTML 4.0 / XHTML1.0' 카테고리의 다른 글

6. 이스케이프시퀀스  (0) 2009.07.21
5. 주석문  (0) 2009.07.21
3. 태그 (H태그)  (0) 2009.07.20
2. HTML구조  (0) 2009.07.20
1. HTML / XHTML 입문 ( <br>과 <br />의 차이 )  (0) 2009.07.20
Posted by holland14
:

3. 태그 (H태그)

.NET프로그래밍/HTML 4.0 / XHTML1.0 2009. 7. 20. 20:21 |

<html xmlns="http:www.w3.org/1999/xhtml/">
<head>
     <title>H태그</title>
</head>
<body>
<div>

H태그 : 제목(Header) 표시<br />

     <h1>H1정도 크기</h1>
     <h2>H2정도 크기</h2>
     <h3>H3정도 크기</h3>
     <h4>H4정도 크기</h4>
     <h5>H5정도 크기</h5>
     <h6>H6정도 크기</h6>

</div>
</body>
</html>

< 실행결과 >




//

<html>이 아닌 <html xmlns="http:www.w3.org/1999/xhtml/">로 쓴 것은 XHTML형식에 맞추기 위해서임.

'.NET프로그래밍 > HTML 4.0 / XHTML1.0' 카테고리의 다른 글

6. 이스케이프시퀀스  (0) 2009.07.21
5. 주석문  (0) 2009.07.21
4. P태그  (0) 2009.07.21
2. HTML구조  (0) 2009.07.20
1. HTML / XHTML 입문 ( <br>과 <br />의 차이 )  (0) 2009.07.20
Posted by holland14
:

2. HTML구조

.NET프로그래밍/HTML 4.0 / XHTML1.0 2009. 7. 20. 19:49 |

<html>
<head>
    <title>제목</title>
</head>
<body>
<div>
     본문<br />
     HTML 기본구조<br />
     태그 : 무조건 소문자(XHTML)
</div>
</body>
</html>

<hr/>
1. xmlns 적용<br />
2. 모든 태그는 소문자<br />
3. 모든 태그는 시작과 끝 명시<br />
4. body 태그 다음에 태그가 아닌 텍스트가 올 수 없다.


<실행결과>


 

'.NET프로그래밍 > HTML 4.0 / XHTML1.0' 카테고리의 다른 글

6. 이스케이프시퀀스  (0) 2009.07.21
5. 주석문  (0) 2009.07.21
4. P태그  (0) 2009.07.21
3. 태그 (H태그)  (0) 2009.07.20
1. HTML / XHTML 입문 ( <br>과 <br />의 차이 )  (0) 2009.07.20
Posted by holland14
:

1. HTML / XHTML 입문 ( <br>과 <br />의 차이 )

.NET프로그래밍/HTML 4.0 / XHTML1.0 2009. 7. 20. 17:55 |

안녕하세요.<br>
반갑습니다.<br />
또 만나요.


/*

설명:

<br> : HTML 레벨

<br /> : XHTML 레벨(표준)
 모든 태그는 시작과 끝으로 표시


*/


< 실행결과 >

'.NET프로그래밍 > HTML 4.0 / XHTML1.0' 카테고리의 다른 글

6. 이스케이프시퀀스  (0) 2009.07.21
5. 주석문  (0) 2009.07.21
4. P태그  (0) 2009.07.21
3. 태그 (H태그)  (0) 2009.07.20
2. HTML구조  (0) 2009.07.20
Posted by holland14
:

티스토리툴바