2023.03.20 월 (PHP 연산자, HTML 북마크ㆍ리스트ㆍ테이블 )

📖 Coding Study

2023.03.20 월 (PHP 연산자, HTML 북마크ㆍ리스트ㆍ테이블 )

빵모루 2023. 3. 20. 22:34

웹프로그래밍, 프론트엔드웹디자인 3주차 1차시

웹프로그래밍

PHP 연산자

1. 복합 대입 연산자 +=

2. 증감 연산자 ++ -- (전위, 후위에 유의하기)

3. 비교 연산자 == != < > <= >= (기본적인 6가지)

PHP에는 기본적인 6가지의 비교 연산자 이외에 3가지가 추가로 더 있다.

- === (Identical) : 두 변수의 값을 비교하는데, 값과 타입이 모두 같아야 true값을 반환한다.

- !== (Not Identical) : 두 변수의 값을 비교할 때, 값이나 타입이 다르면 true값을 반환한다.

- <=> (Space Ship) : 두 변수의 값을 비교하여 -1, 0, 1중에 한 값을 반환한다.

(앞 변수의 값이 뒤 변수의 값보다 작을 때는 -1을 반환, 앞 변수의 값이 뒤 변수의 값보다 클 때는 1 반환.

4. 논리 연산자 and or xor not

5.조건 연산자 ? :

BMI지수를 계산해주는 예제

- bmi.html파일

<!doctype html>
<html>
    <head>
        <title>BMI 계산</title>
        <meta charset="utf-8">
    </head>

    <body>
        <h1>BMI지수 계산하기</h1>
        <form action = "bmi.php" method = "get">

           몸무게(kg) : <input type = "text" name = "kg"> <br>
            키(cm) : <input type = "text" name = "cm"> <br>
                    <input type = "submit" value = "계산">
    </form>
    </body>

</html>

- bmi.php파일

<?php
    $kg = $_GET['kg'];
    $cm = $_GET['cm'];


    $cm /= 100;
    $bmi = $kg / $cm ** 2;

    $result = ($bmi > 18 && $bmi < 23)? "정상체중입니다." : "비정상체중입니다.";

    echo "<h1>BMI 지수 계산 결과</h1>";
    echo "<h3>몸무게 = {$kg}kg</h3>";
    echo "<h3>키 = ". ($cm * 100) ."cm</h3>";
    echo "<h3>BMI 지수 = ". round($bmi, 2) . "</h3>";
    echo "<h3>결과 = $result</h3>";
?>

프론트엔드웹디자인

HTML 북마크ㆍ리스트ㆍ테이블

하이퍼링크 북마크

개념 : A문서에서 특정 링크를 눌렀을 때, 연결된 문서의 특정한 지점으로 이동하게 해준다.

사용방법 : 'id'(식별자, 인덱스)를 이용한다.

예시 :

<h2 id = "movie"> 영화에 대하여 </h2>

a.html문서에서 '자세히'라고 표시되어있는 하이퍼링크를 클릭하면

<a href = "b.html#movie"> 자세히 </a>

b.html문서의 '영화에 대하여'라는 부분이 존재하는 곳으로 바로 이동하게 된다.

리스트

리스트의 종류 : ul, ol, dl(잘 안 씀)

사용법 - dl

<dl>
    <dt>용어 이름</dt>
    <dd>용어 정의</dd>
</dl>

dl은 어떠한 개념이나 용어를 설명할 때 사용한다.

사용법 - ul

<ul>
	<li>home</li>
</ul>

ul은 목록이나 네비게이션 바 등을 만들 때 사용한다.

Table (표)

제목 : th, table head

데이터 : td, table data (셀 생성)

tr, table row (가로줄 생성)

사용법

<table>
	<tr>
    	<td>Price</td>
        <td>Item</td>
        <td>Qty</td>
    </tr>
</table>

tr과 td는 반드시 있어야 하지만, th는 없어도 된다.

합체 (span)

clospan과 rowspan이 있다.

사용법 : <td colspan = "2"> 1 </td>

박스 테두리

"2"는 두께를 설정해주는 부분이다.

<!doctype html>
<html>
    <head>
        <title>제목입력</title>
        <meta charset = "utf-8">
    </head>
    
    
    
    <body>
        <h1>문서</h1>
        <dl>
            <dt>dt입니다</dt>
            <dd>dd입니다</dd>
        </dl>
        <ul>
            <li>li입니다</li>
            <li>li입니다...</li>
            <li>쩜쩜쩜</li>
        </ul>
        
        
        <table border="2" bordercolor = "red">
            <tr>
                <td>1</td>
                <td>2</td>
                <td>3</td>
            </tr>
            
            <tr>
                <td>4</td>
                <td>5</td>
                <td>6</td>
            </tr>
            
            <tr>
                <td>7</td>
                <td>8</td>
                <td>9</td>
            </tr>
        </table>
        
    <br><br><br>
        
        <table border="3" bordercolor = "blue">
            <tr>
                <td colspan="2">1</td>
                <td rowspan="2">3</td>
            </tr>
            <tr>
                <td>4</td>
                <td>5</td>
            </tr>   
        </table>
    </body>
</html>

참고

https://xrexter.tistory.com/48

[PHP] 연산자 정리 및 간단한 예제

PHP 연산자가 다른 언어의 연산자와 크게 다르지는 않습니다. 그냥 정리 겸 해서 올리니 참고 정도로만 해 주세요. 산술 연산자 + 덧셈 - 뺄셈 * 곱셈 / 나눗셈. 몫. % 나눗셈. 나머지. 할당 연산자 =

xrexter.tistory.com

https://velog.io/@bin612/PHP-%EC%97%B0%EC%82%B0%EC%9E%90-%EB%B3%B5%ED%95%A9-%EB%8C%80%EC%9E%85-%EC%97%B0%EC%82%B0%EC%9E%90-%EC%82%B0%EC%88%A0-%EC%97%B0%EC%82%B0%EC%9E%90

[PHP] 연산자 - 복합 대입 연산자, 산술 연산자

복합 대입 연산자는 변수 자신에 대한 연산과 대입을 조합한 것입니다.ex) 예를 들어 $a += 1은 변수 $a에 1을 더한 값을 변수 $a에 대입합니다.즉, $a = $a + 1과 같은 식이 됩니다.복합 대입 연산자는

velog.io

https://2018-start.tistory.com/21

[HTML5] colspan, rowspan 속성 사용 방법

1. colspan 속성 - 열 합치기 기본형 : 내용 내용 - colspan 속성의 col은 영어로 '열'을 뜻하는 column의 앞글자 col을 사용한 것입니다. 즉, 열을 합치고자할 때 colspan속성을 사용합니다. 다음의 사진과 같

2018-start.tistory.com

https://aboooks.tistory.com/59

table 태그, tr 태그, th 태그, td 태그와 table 속성 정리

표를 만드는 table 태그, tr 태그, th 태그, td 태그와 table 속성 정리 오늘은 태그에 대해 알아 보겠습니다. 은 표를 만드는 태그인데요 아래 그림처럼 작은 표를 만드는 데 쓰일 수 있고, 밑에 처럼,

aboooks.tistory.com

LIST

'📖 Coding Study' 카테고리의 다른 글

2023.03.21 화 (IF문, CPU 명령어 사이클) (0)	2023.03.22
2023.03.10 금 (리눅스 명령어, 비주얼 스튜디오 코드 초기 설정법 등) (0)	2023.03.11

현재글2023.03.20 월 (PHP 연산자, HTML 북마크ㆍ리스트ㆍ테이블 )

📘공부 기록장

인문학, 돈을 좋아하는 컴공 부적응자 블로그

04-15 14:47

Today :
Yesterday :

📘공부 기록장