2011/06/13에 해당되는 글 4건

HTML 소개

언어로그/Html/Javascript/CSS 2011. 6. 13. 23:22



1. HTML (Hyper Text Markup Language)
문서가 서로 다른 OS에서 동일한 형식으로 보여지게 하기위한 필요성에 의해 등장했으면, SGML 이란 마크업 언어를
원류로 하고 있다.


2. HTML의 구성
<head> 와 같은 눈에 보이지 않는 요소 와 <table>. <div>와 같은 눈에 보이는 요소 로 나뉜다
눈에 보이는 요소는 다시 block-level 과 inline-level 로 구분된다.
 block-level 은 <div>와 같이 한라인에 하나만 위치할 수 있는 요소이고,
inline-level 은  <span>과 같이 한라인에 복수로 위치할 수 있는 요소이다.

<div style="border:1px gray solid;">block-level element </div>
<div style="border:1px gray solid;">block-level element </div>
   
<span style="border:1px gray solid;">inline-level element </span>
<span style="border:1px gray solid;">inline-level element </span>

 block-level 요소는 inline-level 요소를 포함할 수 있지만, 그 반대는 불가능하다 .



2.1 block-level elements
p               - 문단태그
h1~h6        - 글씨 태그
ul              - 도형목록 태그
ol              - 순서목록 태그
pre            - 공백까지 그대로 출력
dl                
div             - 영역을 지정해줌
noscript       
blockquote 
form           
hr                - 수평선을 그려줌
table
fieldset
address


2.2 inline-level elements
samp
kbd
var
cite
abbr
acronym
a                  - 링크
img               - 이미지
object
br
script
map
q
sub
sup
span
bdo
input
select
textarea
label
button



 2.3 table 태그
사이트에 레이아웃을 잡는데 활용되며, 중첩해서 사용할 수 있다.
 
<table border=1 width="700" height="400">
 <tr>
     <td height="10%">상단</td>
 </tr>

 <tr>
     <td height="80%" width="100%">
     <table border=1 height="100%" width="100%" >
             <tr>
               <td> 테스트 1</td>
               <td> 테스트 2</td>
            </tr>
        </table>
        </td>
    </tr>

<tr>
   <td height="10%">하단</td>
</tr>
</table>


2.4 table 선을 단선으로 표현하기 : border-collapse
table에 border 속성을 주면 2중 선으로 테투리가 그려지는데, style 속성으로 border-collapse:collapse 를 줘서 단선으로 그릴수 있다.
 
  <table width="90%" cellpadding="5" cellspacing="0" border="1" align="center" style="border-collapse:collapse;border:1px gray solid;">
  <tr>
   <td style="border:1px gray solid;">Css </td>
   <td style="border:1px gray solid;">Cascading Style Sheet</td>
  </tr>
 </table>


2.5 table 셀 크기 고정하기 : table-layout 속성
 table 태그에 한글을 쓰면 중간중간 공백이 들아가기 때문에 테이블의 width에 맞춰 자동 줄바꿈이 된다.
그러나 공백이 없는 영문 주소와 같은경우,  width 를 지정해줘도 밀리는 경우가 생긴다.
이때 table 태그 style 속성에 style="table-layout:fixed" 를 지정해서 밀리는 것을 방지할 수 있다. 
그러나 이럴경우, width 를 넘어서는 부분은 내용이 잘리는데, word-break:break-all 속성으로  width에 맞춰
줄바꿈하게 해줄 수 있다.
 
 
<!--  한글은 공백으로 인해 자동 줄바꿈 -->
  <table width="200" cellpadding="5" cellspacing="2" border="1" align="center">
  <tr>
   <td> 셀안의 데이터가 한글인 경우 지정한 셀의 크기에 따라서 자연스럽게 줄바꿈이 일어납니다.</td>  
  </tr>
  </table>
  
  <!-- 공백이 없는 영문주소는 width를 지정해도 셀이 측면으로 밀림 -->
  <table width="200" cellpadding="5" cellspacing="2" border="1" align="center">
  <tr>
   <td>http://www.homejjang.com/09/border-callapse.php</td>  
  </tr>
  </table>
  <!-- table-layout:fixed 를 설정해서 셀 크기 고정 : 하지만 내용이  잘린다. -->
  <table width="200" cellpadding="5" cellspacing="2" border="1" align="center" style="table-layout: fixed;">
  <tr>
   <td>http://www.homejjang.com/09/border_collapse.php</td>
  </tr>
  </table>
  <!-- word-break:break-all; 지정해서 width에 맞춰  줄바꿈이 일어나게 함   -->
  <table width="200" cellpadding="5" cellspacing="2" border="1" align="center" style="table-layout:fixed; word-break:break-all;">
  <tr>
   <td>http://www.homejjang.com/09/border_collapse.php</td>
  </tr>
  </table>

'언어로그 > Html/Javascript/CSS' 카테고리의 다른 글

HTML5 Canvas API  (0) 2012.03.11
jquery 간략한 사용법  (0) 2011.10.15
[HTML5] 데이터 스토리지  (0) 2011.06.26
HTML 소개  (0) 2011.06.13
block-level, html, HTML5, inline-level, table
트랙백 0개 , 댓글 0개

과제 #2 제어문/선택문을 이용해 다양한 모양그리기

언어로그/C/C++ 2011. 6. 13. 23:08



#1. 윤년구하기 
사용자에게 년도를 입력받아 윤년인지 아닌지를 판단하는 프로그램을 작성.
단, 하나의 1f~else 문을 이용하여 작성.
        윤년의 조건
4로 나누어 떨어지는 해
그 중에서 100으로 나누어 떨어지는 해는 평년
하지만 400으로 나누어 떨어지는 해는 윤년

1_empty_year.c


#2. 삼각형과 역삼각형 출력
선택 및 반복문을 이용하여 작성
임의 숫자를 입력받아 삼각형과 역삼각형 출력

결과


2_triangles.c


#3. 다이아몬드  출력
선택 및 반복문을 이용하여 작성
임의 숫자를 입력받아 삼각형과 역삼각형 출력

결과


3_diamond.c


#4. 다이아몬드  테두리 출력
선택 및 반복문을 이용하여 작성
임의 숫자를 입력받아 삼각형과 역삼각형 출력

결과


4_diamond_border.c


#5. 알파벳 출력
메뉴번호를 입력하면,  각 문자열 도형 출력.
정수 65부터 90까지가 ASCII A-Z 임.

결과




5_alphabet_chars.c


'언어로그 > C/C++' 카테고리의 다른 글

[C/C++] C 언어 포스트 목록  (0) 2015.08.30
과제 #2 제어문/선택문을 이용해 다양한 모양그리기  (0) 2011.06.13
과제 #1 입출력,연산자  (0) 2011.06.13
음수의 표현  (0) 2011.06.13
문자열 조작함수 직접 구현하기  (2) 2011.04.29
라인 입출력 함수  (0) 2011.03.27
C language, c 언어, 다이아몬드출력, 삼각형출력, 선택문, 역삼각형출력, 윤년, 제어문
트랙백 0개 , 댓글 0개

과제 #1 입출력,연산자

언어로그/C/C++ 2011. 6. 13. 23:01



#1 온도변환 : 화씨, 섭씨
화씨 온도(F)를 입력 받은 후 섭씨 온도(C)로 계산하여 출력하는 프로그램
C = 5/ 9 * (F -32)

화씨 온도를 입력하세요 : 85
섭씨 온도는 29.4도 입니다.

1_temperature.c


#2 원의 넓이 구하기
사용자 입력으로 원의 반지르을 입력받고, 원의 넓이를 구하는 프로그램
원의 넓이 = 반지름 * 반지름 * 3.14159

원의 반지름을 입력하세요 : 10.5
원의 면적 346.36

2_circle_breadth.c


 
#3 신체질량지수(BMI)
몸무게와 키를 입력받고, 신체질량지수(BMI)를 구하는 프로그램 작성. BMI는 비만도를 측정하는 한가지 방법.
BMI = 몸무게(kg) / 키(m)의 제곱

몸무게를 입력하세요( kg) : 62
키를 입력하세요(m) : 1.75
당신의 BMI는 : 20.2입니다.

3_bmi.c


#4 거리 및 속력계산
거리(km)와 속력(km/h)을 입력받고, 해당 거리를 속력으로 달릴 때 걸리는 시간 출력 프로그램 작성.
거리, 속력은 실수. 시간은 시간, 분까지 계산 출력. 초는 소수점 이하 셋째 자리까지 출력

거리(km)을 입력하세요 : 100
속력(km/h)을 입력하세요 : 85

걸리는 시간은 : 1시간, 10분, 35.294초 입니다 

4_velocity.c


#5 자판기 잔돈계산
커피 자판기에 입력받은 돈으로 거스름돈 계산 하는 프로그램 작성
커피 값은 150원
지폐는 1000단위만 입력가능.
거스름 돈은 500원, 100원, 50원, 10원.
자판기가 내주는 동전의 종류와 수를 계산하시오

돈을 입력하세요 : 1000

잔돈 드릴게요 ..
500원짜리 동전 1개
100원짜리 동전 3개
 50원짜리 동전 1개
 10원짜리 동전 0개

5_vending_machine.c

'언어로그 > C/C++' 카테고리의 다른 글

[C/C++] C 언어 포스트 목록  (0) 2015.08.30
과제 #2 제어문/선택문을 이용해 다양한 모양그리기  (0) 2011.06.13
과제 #1 입출력,연산자  (0) 2011.06.13
음수의 표현  (0) 2011.06.13
문자열 조작함수 직접 구현하기  (2) 2011.04.29
라인 입출력 함수  (0) 2011.03.27
C language, c언어, 거리속력, 신체질량지수, 온도변환, 원의넓이구하기
트랙백 0개 , 댓글 0개

음수의 표현

언어로그/C/C++ 2011. 6. 13. 22:53


컴퓨터에서는 모든 데이터들이 이진수로 표현된다.  어떻게 데이터들이 표현되는지 아는 것은 
때로는 효율적인, 때로는 효과적으로 프로그래밍하기 위해 필수적인 요소이다.  
문제가 발생하는 몇 가지 다른  음수의 비트 표현에 대해서 알아보자. 


부호화 비트 표현법
가장 단순하게 음수를 표현하는 방법으로부호화비트 표현법이 있다.  가장 상위 비트를 부호비트로 표현하여
부호비트가 0이면 양수, 1이면 음수로 표현하는 방법이다.  하지만 두 수를 연산하는데 문제가 생기게 되는데...

4비트로 수를 표현하되 첫번째 비트가 부호비트라고 가정해보자
  + 5        =>     0101    
 -  5        =>     1101  (부호화 비트 표현)
  와 같이 +5는 0101,  -5는 부호비트만 바꾼 1010 으로 표현이 된다.
 하지만 두 값을 더한 값은 0이 되야 하지만 결과는 0010 (2)가 되어 잘못된 결과가 나오게 된다. 



1의 보수 표현법
그래서 다른 이진수 음수 표현법이 필요하게 됐고, 1의 보수표현법, 2의 보수표현법이 생겨나게 됐다.
 
1의 보수표현법은 음수를,  절대값의 이진수 표현에서 각 비트를 역전 시킨 값을 음수로 나타낸다.  
+ 5      =>     0101
 - 5      =>     1010   (1의 보수 표현 )
두 값 0101과 1010을 더하면 결과는 1111 이 나온다.  음수를 1의 보수로 변경했기 때문에
다시 결과를 1의 보수로로 취해주면 결과는 0000이 되어 올바른 결과가 나온다. 




2의 보수 표현법
그럼 2의 보수 표현법을 알아보자. 2의 보수 표현법은 1의 보수표현법에 1을 더한 값이다 
+ 5     =>      0101
 - 5     =>      1011  (2의 보수 표현)
두 값 0101 과 1011 을 더하면 10000이 나오고, 4비트 표현이기 때문에 최상위 1비트를 버리면,
결과가 0으로 올바른 값이 나온다.

2의 보수표현법은 1의 보수 표현법보다 속도가 더 빠르기 때문에 (총 n비트라면 1의 보수표현법은 2n번의 비트 역전을,
2의 보수표현법은 1n + 1 번의 비트 역전을 수행한다.) 컴퓨터에서 음수를 표현하기 위해 2의 보수표현법이 선택되었다.







'언어로그 > C/C++' 카테고리의 다른 글

과제 #2 제어문/선택문을 이용해 다양한 모양그리기  (0) 2011.06.13
과제 #1 입출력,연산자  (0) 2011.06.13
음수의 표현  (0) 2011.06.13
문자열 조작함수 직접 구현하기  (2) 2011.04.29
라인 입출력 함수  (0) 2011.03.27
배열의 이해  (0) 2011.03.27
1의보수, 2의보수, 보수, 부호화비트, 음수, 음수의표현
트랙백 0개 , 댓글 0개
1

티스토리툴바